He leído y acepto la política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

Usabilidad en la web móvil: 9 ejemplos

Escrito por: Diligent Team

El lunes de esta semana, ofrecimos una conferencia en un evento de ScireMárketing y organizado por Google España, donde, entre otros temas hablamos de usabilidad en la web móvil. La pasé muy bien por cierto, gracias a los asistentes ;-).

El tema es que para preparar la charla, hice varios post de cada punto para también ofrecerlo en el blog de 021. Con lo cual escribí el respectivo post 9 tipos de usabilidad en la web móvil. Sin embargo, en la presentación me di cuenta que quedaba mucho más claro explicación si lo acompañaba con un esquema o una "infografía".

De modo que en esta ocasión, me he animado hacer un nuevo post con cada uno de los puntos de usabilidad en la web móvil pero con sus respectivos ejemplos visuales.

Usabilidad en la web móvil: ejemplos 

9 ejemplos de usabilidad en la web movil

1- Menos es más: debemos intentar mantener la web limpia, con un diseño sencillo y claro y sin “adornos innecesarios”.

2- Multipantalla: una web responsive debe verse y leerse bien en cualquier pantalla.

3- Menú desplegable: en la web móvil la pantalla es pequeña, con lo que el espacio debe aprovecharse lo mejor posible.

4- Jerarquiza la información: ordena los elementos en la web de tal manera que lo más importante esté en el centro y se vea grande y claro.

5- Diseño Vertical: el usuario suele manipular el móvil con un solo dedo, el pulgar, así que intentemos pensar en webs de tal manera que el usuario pueda desplazarse fácilmente y con verticalidad. Además las webs verticales están de moda y ¡molan más! 😉

6- Textos legibles: una norma básica de usabilidad es que podamos leer claro sin tener que acercarnos el móvil o hacer zoom en la pantalla táctil.

7- Formularios grandes: se deben adaptar con una separación adecuada y un buen tamaño para que puedas apuntar sin problemas el campo que quieras rellenar

8- Imágenes ligeras: para agilizar el tiempo de carga, las imágenes deben pesar poco y adaptarse al formato de la pantalla sin que sobre imagen, fuera de la pantalla.

9- Espacios entre elementos: es vital dejar más “espacios” entre los botones o texto vinculable: sepáralos de manera prudencial, ya que además harás que sean más legibles.

 

 

Espero que ahora si quede más claro.

Feliz fin de semana,

 

 

 

la web para móvil

¿Tu web aún no está adaptada para ser una web para móvil? Podemos echarte una mano para que este cambio en los resultados de búsqueda desde móvil favorezca al tráfico y la captación de más clientes.

Escríbenos y con mucho gusto te ayudaremos.

Deja un comentario

Alimenta con lectores tu blog

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

Acepto las política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

×
Del blog al éxito

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

Acepto las política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

×
Como triunfar con tu tienda online

Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

Acepto las política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

×
Utilizamos cookies propias y de terceros para realizar análisis de uso y de medición de nuestra web para mejorar nuestros servicios. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información aquí X