Diseño web en Mac y en Internet Explorer 7, requisitos y validaciones

Ahora que Microsoft ha sacado una nueva versión de Internet Explorer, decimos adiós a la versión de Internet Explorer 7 y nos quedamos con un navegador con el que no podemos ver cómo quedan nuestra maquetación web.

Primeras consideraciones

Para comprobar cómo queda, con Windows podemos utilizar un programa llamado ietester para ver cómo queda en distintas versiones de Internet Explorer en distintos Windows (Vista y XP). Aún así nos queda un 8% del mercado que usa Mac o Linux. que no podrían ver cómo queda en su Sistema Operativo.

Validar la imagen

Utilizar servicios web que realizan pantallazos para ver cómo se visualiza:

Requisitos y las validaciones

Una cosa es cómo queda la imagen, pero otra es cómo esta hecho técnicamente. Con una auditoria web podemos analizar si cumple los requisitos técnicos y todas sus páginas són correctas técnicamente, tienen código correcto, cumplen las directrices de calidad de google, son accesibles, utilizan mejores prácticas de de usabilidad y diseño web entre otras características dependiendo de los requisitos del proyecto.

Internet no pot ser l’únic mecanisme de comunicació

Quan l’únic mecanisme per fer gestions és per internet i apareixen problemes d’accessibilitat, d’usabilitat o de capacitat cal tenir en compte quines mesures de contingència s’apliquen.

Recentment Medi Ambient ha decidit no multar per mancances evidents alhora de treure els tiquets via web. La pàgina del Departament aquest divendres es va col·lapsar, coincidint amb l’obertura de temporada.

Es per això que Medi Ambient estudia que es puguin treure els tiquets de pesca amb el mòbil, a través del 012 o del caixer automàtic
De fet, s’ha decidit no multar ja que ara mateix, La Generalitat estudia fórmules per demanar tiquets de pesca a través del telèfon mòbil

Això es pot evitar

Els problemes de capacitat cal preveure’ls, es un requisit que cal tenir en compte i que cal asegurar fer proves de capacitat prèvies.

No només això, accessibilitat a Internet no es tan generalitzat com l’accés al mòbil. Cal mecanismes alternatius per tal de donar servei a tothom. L’enviament de SMS es un mètode utilitzat i alternatiu a l’accés web per persones amb dificultats d’us d’internet.

Què hem fet nosaltres?

A einnova hem habilitat comunicacions SMS entre usuaris i empreses, també hem fet proves de capacitat per habilitar campanyes puntuals facilitant la informació de quina es la capacitat màxima dels servidors dels clients.

Tendencias en la visualización de videos en pantallas móviles

El tamaño es importante para poder garantizar una buena visualización desde distintos canales cómo lo es el móvil con la gran demanda de navegación web con pantallas de dispositivos de HTC o Apple.

Proponemos el uso del formato 240×202 para visualizar videos de youtube en móviles.

A continuación mostramos un ejemplo de formatos de youtube y visualización según resoluciones de móviles actuales y su tendencia.

Tamaño videos de youtube

Tomamos como ejemplo el video de envio sms con weebbb

425×344 (Tamaño por defecto)

106×86 (Reducción 1/4)

Resolución pantallas móviles

El estudio de resoluciones en inglés lo puedes ver en sender11

Pantalla pequeña móviles actuales 128 x 128

Tendencia pantalla en móviles: 240 x 320

Conclusión

¿Porque no tomar el máximo ancho y escalar el alto?

Medida 240×202

Uff … ¿y las pantallas pequeñas actuales?
Medida 128×114

Diseño de páginas web

Barcelona Einnova Marketing.cat

En este post agrupamos los temas ya tratados en el blog.

Organización del desarrollo

Diseño imagen y tipografia

Usabilidad para la web

Gestión de contenidos

Flex, Silverlight y las Rich Internet Applications

Las Aplicaciones Enriquecidas de internet (RIA o Rich Internet Applications), surgen como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales.

Justificamos hablar de RIA dado la competencia de Adobe Flexy Microsoft Silverlight y la consalidación de plataformas AJAX+Multimedia.

En las aplicaciones tradicionales se produce un tráfico muy alto entre el cliente y el servidor, llegado muchas veces, a recargar la misma página con un mínimo cambio.

Con las RIA, se evitan recargas de página.  Sólo se produce comunicación con el servidor cuando se necesitan datos externos como datos de una Base de Datos o de otros ficheros externos.

Las plataformas RIA tienen en común la capacidad multimedia de no requerir reproductor de videos del Sistema Operativo. La mayoría, esto sí, requiere una extensión (plugin) del navegador.

Ordenados según mis preferencias:

 

 

  1. Adobe Flex, con interfaz gráfica  MXML, y un servidor para interaccionar con PHPASPJSPCFMX, etc.
  2. OpenLaszlo, soporta Flash, utiliza un lenguaje propio LZX y el Servidor OpenLaszlo.
  3. Microsoft Silverlight, no soportado por todos los S.O., modo de gráficos similar al del WPF, la base de su programación es XAML y el acceso a los objetos esta dado por JavaScript.
  4. SUN JavaFX, capa presentación para Java con un lenguaje de scripting declarativo.
  5. Bindows, plataforma comercial RIA accesible basado en JavaScript y Application Description Files (ADF),

 

Mas información en la wikipedia y en las correspondientes páginas:

Los objetivos que tienen los usuarios y cómo los consiguen

Principalmente si un visitante está en tu página es por algún motivo. Dependiendo de que motivo que tiene por estar ahí utilizará un método distinto para conseguirlo.

Objetivos del usuario: Motivos de la visita

A continuación damos los rangos de cada tipo de motivo para dar un valor estimado que no generalizable para todo tipo de casos de los distintos objetivos de los usuarios.

  • Comparar: El 50% (la mitad) de los usuarios está en la página web para comparar opciones y escojer la mejor. Evalúa las distintas opciones, productos y características para poder decidir.
  • Conseguir: El 25% (un cuarto) quiere informarse para conseguir encontrar algo: Esos hechos, documentos, productos, condiciones, descargas y herramientas que necesita.
  • Conocer: El 25% (un cuarto) quiere información para conocer y para entender algún tema. Estudia desde los materiales de ayuda y formación.

Métodos de uso: Cómo actúan para conseguir sus objetivos

  • Recopilar: El 66% (más de dos tercios), aunque tienen un motivo no tienen preguntas concretas, están recopilando piezas de información del sitio.
  • Buscar: El 25% (un cuarto), están buscando el sitio en respuesta a una pregunta específica.
  • Explorar: El 3% (casi uno de cada treinta), están explorando sin un objetivo claro.
  • Vigilar: El 3% (casi uno de cada treinta), están visitando regularmente el sitio en busca de información actualizada.

Usabilidad

La usabilidad en castellano significa capacidad de uso, es decir, la característica que distingue a los objetos diseñados para su utilización de los que no. Sin embargo la acepción inglesa, usability, es más amplia y se refiere a la facilidad o nivel de uso, es decir, al grado en el que el diseño de un objeto facilita o dificulta su manejo.

La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.
ISO/IEC 9126

Las etapas de una auditoría de usabilidad

Modificación (Update) 24-oct-2008
Se cambió Comprar por Conseguir.

Plan para mejorar la confianza y la reputación online

A continuación mostramos algunos de los puntos que revisamos en nuestras auditorias web en referencia a la confianza y a la reputación online y algunos de los servicios para mejorar la confianza y reputación.

Contenido

  • Solidez al mostrar los productos y el contenido.
  • Buenas fotografias de TODOS los productos.
  • El usuario debe tenerlo todo. No poner contenido al azar o aleatorio.

Sobre la empresa

Se recomienda tener 4 niveles de información:

  1. Una frase que lo diga todo.
  2. Un resumen de la actividad, su mercado y su ámbito de actuación.
  3. Datos empresariales y hechos interesantes.
  4. Páginas auxiliares para profundizar en visión, valores, historia, divisiones, responsabilidad social, contactos, etc.

Enlaces de confianza

  • Conexión de las páginas mediante enlaces.
  • Enlazar a páginas que nos aporten confianza y reputación.
  • Los sitios aislados parece que escondan algo.

Comunicación por correo

  • Las cuentas de correo de servicios gratuitos suelen ser cuentas para evitar spam en el correo corporativo.
  • Funcionalidades de control sobre la finalidad de uso y periodicidad de los envios. Por ejemplo posibilidad de indicar que solo quiere recibir información sobre aclaraciones y confirmaciones sobre la petición de servicio solicitada.

Reputación online

  • eBay: puntuaciones de las personas vendedoras mediante la evaluación por parte de los compradores de la corrección y estado de la entrega realizada por el vendedor. Esto permite dar confianza a los desconocidos y detectar estafadores. Vigilando las transacciones vigilas la mala reputación.
  • Ciao: opiniones, comentarios, valoraciones de productos y servicios. Comprobar la reputación de los distintos modelos antes de comprar y así verificar que funciona como se promete o si la gente se ha encontrado con problemas en su adquisición, después o poco después. Responder las opiniones respondes a quien te puede dar mala reputación.
  • Google: la posición en los resultados de búsqueda se puede considerar un indicador de reputación ya que para ordenarlos se valora la autoridad y la cantidad de páginas que enlazan ahí. Mejorar el posicionamento mejora la reputación.
  • Go: busquedas modificadas mediante comentarios, valoraciones y puntuaciones. Mejorando el contenido mejoras la reputación.
  • Ranking de Alexa: Ranking de las páginas web mediante una estimación del numero de visitas. Mejorando las visitas mejoras la reputación.

Servicios y productos

  • Destacar sertvicios y productos más populares y de más reputación.
  • Información detallada:
    • Que pueden comprar (servicios y opciones)
    • Donde se puede comprar (debemos estar en alguna ciudad)
    • Que cuesta cada opción (precios y tarifas)
    • Que buena es cada opcion (comparativa)
  • Atención al cliente:
    • Demoras en la entrega
    • Estado de las entregas
    • Devoluciones

Desafío: Búsqueda de clientes extranjeros

Un comercio electrónico de jamones ibéricos, aprovechando el auge del sector del jamón quiere atraer a clientes extranjeros en la compra online de jamones. Contactan con Einnova, expertos en promoción web.

Solución expansión internacional:

Realizamos un nuevo diseño web que incluyera los contenidos con las palabras clave óptimas en los distintos idiomas. Dimos de alta en buscadores y ampliamos el hosting. Se mejoró el posicionamiento web en buscadores.

Beneficios prosicionamiento mercado internacional:

En poco tiempo crecen las ventas online a clientes extranjeros. Como la Web es ágil y amena logra que sea consultada por muchos visitantes extranjeros. Automáticamente la publicidad en buscadores da lugar a una promoción web que la sitúa entre los diez primeros puestos. Y con ello la de los potenciales clientes consumidores de jamón.

Solución: Aumentar el número de Visitas de la Página Web con una Buena Promoción en los Buscadores

Un comercio electrónico de jamones sin promoción quiere aumentar el número de visitantes a la web con el menor coste posible. Acuden a Einnova, expertos en diseños de web.

SOLUCION APLICADA POR EINNOVA: Buena Promoción en Buscadores

Los diseñadores revisan la estética de la web y se realiza un diseño de links con hosting gratis. Mejoran el diseño de la tienda virtual. Mejoran el sistema del carrito de la compra. Se da de alta en buscadores. Se mejora el posicionamiento web en buscadores mediante nueva definición de palabras clave.

BENEFICIOS DE LA PROMOCIÓN WEB:

Ahora la página web es muy visitada. Gracias al diseño web se realiza publicidad web y promoción web gratuitas.
Las ventas online de jamón alcanzan su cenit por la sencillez y la velocidad de carga de la página web.

Solución: Tienda Virtual online Diferente a las tiendas del sector

Un comercio electrónico de jamones ibéricos incipiente quiere una web diferente a las restantes del sector. Quiere crear en su página web un virtual foro de aficionados al jamón. Contacta con Einnova.

SOLUCION DIFERENCIAL: Tienda Virtual Diferente

Diseña una página web destinada a crear un club de clientes aficionados del jamón con descuentos y beneficios especiales. Se definen palabras clave y se dan de alta en buscadores. Se amplia hosting web.

BENEFICIOS gracias a la nueva Tienda Online

La tienda virtual disfruta de una web diferente y en un tiempo récord se sitúa en las primeras páginas. Los aficionados al jamón encuentran un foro donde intercambiar opiniones y a su vez la web obtiene información de cuáles son las preferencias de los consumidores. El empresario se evita de hacer un estudio de mercado y ofrece a sus clientes al mejor precio las últimas novedades. Se logra que las ventas se disparen.
Hay una promoción web con una eficacia comprobada en los resultados obtenidos en el ejercicio.