Listado de la etiqueta: usabilidad

En los últimos años estamos viendo una clara tendencia al diseño minimalista y una navegación más fluída dentro de los sitios web y es ahí de dónde parte el cada vez más extendido menú hamburguesa.

Pero…¿qué es el menú hamburguesa?

Este menú principalmente oculta los elementos del menú de forma que únicamente  aparecen  cuando los usuarios, pinchan en él. La forma gráfica de representar este nuevo menú es mediante la disposición horizontal de tres líneas paralelas, de ahí su nombre por la similitud con una hamburguesa.

Seguro que lo habéis visto principalmente en vuestros teléfonos inteligentes y tablets aunque el uso cada vez se está extendiendo más a las páginas webs que quieren dar una mayor prioridad a sus contenidos y que no quieren sobrecargar el diseño de su web.

Sus beneficios de uso más importantes son tres principalmente:

  • Navegación más práctica y simple: Este diseño consigue recoger todos los elementos del menú de forma que sólo serán visibles cuando el usuario pinche en el icono, todo esto con el uso de un sólo botón.
  • Estilo minimalista para nuestra web: Gracias al uso de un sólo icono para representar un menú que en ocasiones tiene más de 7 elementos ( aunque las buenas prácticas de UX lo desaconsejen), conseguimos un estilo limpio, simple y organizado en nuestra web.
  • Fácil adaptación a dispositivos móviles: Al tratarse de un simple icono, es fácil adaptar el diseño de nuestra web a los diferentes dispositivos móviles en los que vaya a visualizarse a la vez que ocupan un pequeño espacio dentro de ellos.

La polémica está servida 

A pesar de sus bondades y de ser una clara tendencia de diseño, el menú hamburguesa tiene tantos detractores como defensores que lo avalan con datos y estadísticas de uso y conversión debido a que:

  • Muchos usuarios no reconocen este icono. A veces a la gente que trabajamos en comunicación y marketing online se nos olvida que hay mucha gente cuyos conocimientos sobre internet son escasos o nulos. Aunque cada vez lo vamos viendo en más webs y aplicaciones, lo primero que debemos hacer es conocer bien a nuestro público para saber si este icono será reconocido por la mayoría.
  • Los elementos del menú son invisibles para muchos. Derivado del punto anterior, si tu público no conoce ese icono, es probable que no pinche en él por lo que no verá las diferentes secciones de tu web.

 

menu hamburguesa

 

  • Se añade un clic extra para llegar a cualquier sección. Esto genera un incremento del tiempo que va a necesitar tu público para acceder a cualquier información.
  • Las webs tienden a parecerse. El hecho de que muchas páginas lo utilicen, puede provocar que tu público perciba tu web como un sitio más, sin personalidad a pesar de que sea un elemento innovador.

 

Lo que parece claro es que los usuarios se están acostumbrando cada vez más a su uso (quizás muy lentamente) por lo que su uso es una opción más al establecer el criterio de diseño de nuestra web. Dicho esto, la mejor forma de comprobarlo siempre será hacer una revisión de nuestra web  y realizar un test A/B para ver qué funciona mejor en nuestro caso.

Como siempre, las recomendaciones generales pueden guiarnos pero siempre será necesario hacer una reflexión sobre nuestros usuarios y sobre qué es lo que quieren encontrar en nuestro sitio web. De esta forma podremos elegir la mejor manera de mostrarles el contenido y conseguir una mejor experiencia de usuario.

 

Sabemos desde hace tiempo que un buen diseño es crucial para crear una buena primera impresión en nuestros clientes.

Los usuarios juzgan la credibilidad de un producto o servicio echando un vistazo rápido a tu web y 1 de cada 5 usuarios se irá sin darte una nueva oportunidad.
Es por esto que tu web debe ser visualmente atractiva y fácilmente usable; estos términos en su conjunto nos llevan a hablar de la importancia de la usabilidad en las webs; una filosofía de diseño que se se impone cada vez.

¿Qué es la usabilidad web?

La usabilidad web se refiere a la facilidad con la que un usuario puede navegar y encontrar lo que busca en una web.
Cuánto menos esfuerzo y menor número de tiempo le lleve encontrar lo que busca, mejor será la usabilidad de la web.

¿Por qué es importante que tu web sea usable?

  • Refuerza de la imagen de marca: Mejoras en la percepción del usuario (producto y proveedor).
  • Incrementa las ventas en sitios de comercio electrónico: Reducción de la tasa de abandonos en carritos de la compra.
  • Aumenta las tasas de conversión: registros, formularios, compras online, etc.
  • Reduce los tiempos de ejecución de tareas que debe realizar el usuario

 

¿Cómo podemos hacer nuestra web más usable?

Conoce a tus usuarios: comprender las necesidades y expectativas de tus clientes es el primer paso para mejorar la usabilidad de tu web.

Asegúrate de que la navegación por tu web es sencilla: Uno de los aspectos más importantes de una web es su menú de navegacion, un menú sencillo con no más de 7 elementos hará que buscar la información en tu web sea más fácil para tu cliente.

Utiliza llamadas a la acción claras: los botones deben parecer botones, el tamaño y los colores son importantes para que tu cliente entienda que debe clickar para obtener más información

Diseño web sencillo: El diseño de la web tiene que ser fácil de entender, utiliza el tamaño, color e iconos para crear jerarquías de importancia entre los diversos elementos.

Si quieres mejorar la usabilidad de tu web, nosotros podemos ayudarte a definir qué elementos se pueden mejorar en tu web.

 

Nuevas tendencias de usabilidad y UX para 2017:

En los últimos meses están surgiendo varias tendencias respecto a la Usabilidad web que veremos desarrollarse e implementarse cada vez más en los nuevos diseños.

A pesar de que muchas tendencias de UX como el scroll, el diseño responsive o el menú de hamburguesa llevan tiempo entre nosotros y son algo asumido por los usuarios, cabe destacar que cada año surgen nuevas tendencias a un ritmo cada vez más rápido.

Diseño que ahorre tiempo
La buena usabilidad es intuitiva y ayuda a que los usuarios ahorren tiempo. Mediante el uso de chatbots y de inteligencia artificial se pretende ayudar al usuario a encontrar la información de forma más rápida.

 

 

Hablar con imágenes
Gracias a las redes sociales cada vez nos comunicamos más con imágenes o iconos. Se explota la facilidad de compartir imágenes para mejorar la comunicación y la experiencia: decir más con poco, y de modo más claro.

 

Diseño invisible
Se acabaron las webs llenas de mensajes y opciones de navegación. Cada elemento de la web tiene una razón de ser y hay espacios más amplios y más aire entre los diversos elementos de la web. Uso de micro interacciones para guiar al usuario por la web.

Uso del video
Una tendencia que va en alza, por la fuerza expresiva del vídeo y su facilidad de producción y uso. Los jóvenes son los grandes consumidores audiovisuales y muestran preferencia por este formato.

 

Estas son algunas de las tendencias de Usabilidad web para este año, el tiempo dirá si finalmente acaban siendo asumidas por el usuario o si necesitaremos más tiempo para verlas implementadas en las webs.

 

 

Hace poco me llegaba una presentación de Percy Negrete a través del timeline de mi amiga Virginia Aguirre. La leí con atención, porque hemos de estar atentos siempre a las tendencias, y a los mandamientos de Mr. Google. Como ya hemos comentado en alguna ocasión, el SEO y la experiencia de usuario han de ir de la mano si queremos que nuestros proyectos web sean recompensados por Google.

Uno de los factores que Google puntúa de manera positiva es el tiempo que un usuario está en el sitio web. Si la tasa de rebote es excesivamente alta, pueden pasar varias cosas: que la página tarda mucho en cargar, que la información que se le muestra al usuario no es la que esperaba o sencillamente que la usabilidad de la web es tan mala, que le hace salir corriendo. Nada de esto es bueno para nuestro sitio web.

Google ha decidido premiar a todos aquellos sitios que se esfuerzan por ofrecer contenido de calidad (el contenido que espera el usuario) y que las webs estén adaptadas a los diferentes dispositivos móviles, porque evidentemente eso hará que la experiencia de usuario mejore.

Os dejo la presentación de Percy Negrete sobre la usabilidad en dispositivos móviles, muy a tener en cuenta.

Si te gusta, comparte! 😉

 

Cuando se habla de usabilidad, necesariamente sale a relucir el término eyetracking. Eyetracking es una tecnología que se utiliza para saber el seguimiento del ojo cuando aterriza en un sitio web. A través de esta tecnología, los profesionales de UX son capaces de recomendar el ordenamiento de los elementos dentro de una web o los cambios de diseño, según la importancia que le dan los usuarios que la visionan.

Jakob Nielsen, el number one de la usabilidad, demostró a través de estos estudios que el patrón de lectura de los usuarios en es F, lo cual quiere decir que los internautas no leemos linealmente sino que escaneamos, dando mayor importancia a la primera línea superior.

¿En qué nos afecta a nosotros, los mortales que escribimos para la web?, en tener que esforzarnos para captar la atención del lector en esas primeras líneas. Amigo, si estás leyendo esto, es que he hecho bien mi trabajo, sino, evidentemente tengo que entonar el mea culpa y replantear el post.

Al final, hemos de tener en cuenta que los lectores sólo leen el 20% del contenido que hay en una pantalla, por tanto hemos de esforzarnos con los titulares, las entradillas, listas, etc.. llamadas de atención que resuelvan en poco tiempo lo que está buscando el usuario.

Por otro lado Google, que es muy listo, también posiciona mejor nuestra web si metemos nuestras keywords principales en esta F, así que encima de captar la atención del usuario, también tenemos que satisfacer a la araña de Mr Google. Para que luego digan que hacer una web es fácil!

Si tienes curiosidad por saber cómo navegan los usuarios por tu web, te animamos a que pruebes la herramienta gratuita Feng GUI y te sacará un mapa de calor de tu web.

¿Quieres saber cómo está tu web? pídenos un estudio sin compromiso, seguro que te podemos ayudar.

Otro día más.

Mónica Carratalá