¿Cuáles son algunas pautas para la usabilidad móvil?

Hoy en día, los usuarios del sitio web están evolucionando masivamente a medida que los dispositivos móviles y las tabletas continúan siendo más frecuentes en todo el mundo. Se informó que la mitad de la población de los EE. UU., Así como el 62% de las personas en el Reino Unido estaban usando un teléfono inteligente o una tableta a partir de 2012. Esto significa un gran cambio desde el acceso del sitio web por parte de los clientes a través de computadoras de escritorio. Hoy en día, muchas personas buscan acceder a información y productos en sitios web a través de sus dispositivos móviles y tabletas.

Sin embargo, la forma en que se presenta la información en una página web normal es bastante diferente de cómo aparece en la página web de un dispositivo móvil. Esto presenta desafíos en cuanto a cómo los desarrolladores y diseñadores web pueden hacer que la misma experiencia de usuario web de escritorio se copie en dispositivos móviles.

La experiencia del usuario en dispositivos móviles es muy vital y se encuentra entre los principales factores que determinan si un sitio tiene una tasa de conversión sólida o una tasa de rebote alta. La usabilidad móvil determina cuán accesible es un sitio, cuántos pueden interactuar con él, cuántos hacen compras, qué obtienen de la interacción o si desean volver nuevamente al sitio.

Para diseñar una mejor experiencia de usabilidad móvil, es crucial que los diseñadores y desarrolladores entiendan a los usuarios y su comportamiento en relación con la experiencia móvil que ofrecerán, así como en relación con toda la experiencia web móvil. Como diseñador, tendrá que pensar como un usuario móvil y hacerse preguntas como; qué busca el cliente desde una experiencia móvil o cuál es su objetivo final después de visitar el sitio. En general, los usuarios esperan centrarse en el contenido que satisfará sus objetivos cuando accedan a un sitio web en un dispositivo móvil. Además, lo quieren de forma simplificada, de fácil acceso y fácil de leer.

Aquí hay algunas pautas de usabilidad móvil para ayudarlo a crear o mejorar la experiencia del usuario móvil de su sitio web;

1. Simplifique el contenido de su sitio web

En términos simples, no todo lo que se puede mostrar en una PC cabe razonablemente en una página web móvil. El espacio es pequeño en los dispositivos móviles y cada píxel cuenta. Además, los sitios móviles deben cargarse rápidamente y estar bien enfocados para mantener a los visitantes que desean regresar nuevamente. Por lo tanto, tendrá que reducir el contenido para que aparezca en su versión móvil del sitio. Concéntrese solo en las características y el contenido más importantes.

2. Cree una opción para que el usuario vea el sitio web completo

Debido a que su versión móvil del sitio principal se simplificará y solo se enfocará en varias características o contenido principales, es bueno ofrecer siempre a sus usuarios una opción de enlace que les permita visitar el sitio de escritorio si lo desean.

3. Emplee un diseño simplificado para que el sitio sea atractivo a la vista y fácil de usar.

La mayoría de las páginas web son demasiado anchas para las pantallas normales de los teléfonos móviles. Cuando un usuario abre un sitio web que tiene este ancho, no puede leer una oración completa sin desplazarse por la página oración tras oración. Esto es molesto y agotador, lo que hace que muchos clientes se aburran fácilmente con el sitio. Además, las páginas web se cargan alejadas para que quepan en la pantalla. Esto hace que el contenido sea demasiado pequeño y, por lo tanto, difícil de leer. El usuario tiene que acercarse y alejarse para leer el contenido, lo que les dificulta leer fácilmente el contenido que desean.

Para evitar esto, cree páginas web de una sola columna que usen todo el ancho de la pantalla y desplácese hacia abajo. El contenido adicional en la página debe expandirse hacia abajo para que los usuarios puedan desplazarse fácilmente hacia arriba y hacia abajo para ver el contenido que deseen; y con el tamaño de pantalla perfecto.

4. Considere utilizar más enlaces de texto que imágenes

Las imágenes crean imágenes más atractivas para un sitio web; eso es sin lugar a dudas. Sin embargo, en las versiones de sitios web móviles, pueden ser pesadas, lentas de cargar y molestas para el usuario final. Si los usuarios tienen la opción de elegir entre un sitio de carga rápida y un sitio de carga bastante lento, seguramente elegirán el rápido en cualquier momento. Usar enlaces hipertextuales sin imágenes pero con el poder de los colores es una mejor manera de crear un sitio móvil atractivo que tenga una experiencia de usuario ligera.

5. Minimiza la entrada de texto

Ingresar o crear texto en teléfonos móviles es bastante difícil en comparación con el uso de un teclado de PC. Los usuarios tienden a escribir más lentamente y cometen más errores al escribir en los teclados del teléfono. Es por eso que muchos usuarios preferirán no tener que escribir mucho en un sitio web móvil. Puede reducir la cantidad de entrada de texto requerida por los usuarios solicitando PIN en lugar de contraseñas, o permitiendo que los usuarios almacenen sus detalles para referencia.

6. Determine si necesita crear más de un sitio móvil

Varios factores lo ayudarán a determinar si necesita más de un sitio móvil. El factor más predominante es quiénes son sus usuarios objetivo. Si su sitio web será visto principalmente por usuarios de teléfonos inteligentes con altas velocidades de descarga, entonces solo una versión móvil está bien. Sin embargo, si su sitio web debe ser visto incluso por personas con teléfonos sin pantalla táctil para un alcance más amplio, entonces tal vez debería considerar obtener una versión emparejada.

7. Presente la navegación de manera diferente y luego optimícela

Cuando se trata de presentar contenido en versiones móviles de sitios web, menos es a menudo más. Haga que la navegación en su sitio sea fácil para todos sus usuarios. Es aconsejable que coloque la navegación en la parte inferior de la página para evitar empujar el contenido hacia abajo si lo coloca en la parte superior de la página.

8. Utilice las funciones integradas del teléfono inteligente

Muchos de los teléfonos y teléfonos inteligentes actuales tienen funcionalidades integradas que permiten a los usuarios realizar varias funciones de manera fácil y automática. Por ejemplo, haga llamadas, vea una dirección en un mapa o incluso ingrese información de formas innovadoras, como mediante el uso de códigos QR.

9. Evite usar actualizaciones automáticas y ventanas emergentes

Teniendo en cuenta las restricciones de ancho de banda, debe planear pasar su mensaje de una manera diferente en lugar de utilizar ventanas emergentes y actualizaciones automáticas. Un enfoque diferente, más ligero y menos intrusivo sería mejor.

10. Diseña formularios amigables para dispositivos móviles

Como se mencionó anteriormente, ingresar información en versiones móviles de sitios web es mucho más difícil que en los sitios de escritorio. Por lo tanto, asegúrese de que todos los formularios que cree en el sitio móvil sean fáciles de usar. Usar un menú para facilitar la selección de datos es una de las excelentes opciones que puede considerar para que su sitio sea fácil de usar.

Internet móvil continúa creciendo muy rápidamente. Estas pautas lo ayudarán a crear o mejorar su experiencia de usuario móvil.

1. Reduce la cantidad de contenido

No todo lo que se muestra en un sitio de PC puede caber razonablemente en una página web móvil, donde el espacio es corto y cada píxel cuenta. Es importante reducir la cantidad de contenido que se muestra en la versión optimizada para dispositivos móviles.

Solo incluya el contenido o las características más importantes. El contenido de baja prioridad que se puede eliminar puede incluir contenido o enlaces que están fuera del área de contenido principal, dicho contenido generalmente se encuentra en las columnas de la derecha de las páginas web estándar.

Los sitios web móviles deben estar muy enfocados. Esto los hace más fáciles de leer y moverse, así como más rápido de cargar en dispositivos que a veces pueden tener velocidades de conexión a Internet lentas.

2. Los diseños de una sola columna funcionan mejor

Las páginas web anchas son difíciles de ver en pantallas pequeñas de teléfonos móviles. Incluso en teléfonos inteligentes como el iPhone con sus pantallas relativamente grandes, las páginas web estándar se cargan alejadas para que quepan en la pantalla. La mayor parte del texto no se puede leer hasta que los usuarios amplíen la parte de la pantalla que desean ver. Acercar no es ideal porque agrega un paso adicional y acercar y alejar no es fácil en todos los teléfonos.

Elimine contenido de baja prioridad y presente contenido utilizando un diseño de columna única

En su lugar, cree páginas de una sola columna que consuman todo el ancho de la pantalla. Para agregar contenido adicional, la página debe expandirse hacia abajo en lugar de a través, ya que desplazarse hacia abajo es más fácil que desplazarse y los usuarios generalmente lo prefieren.

3. Presente la navegación de manera diferente

Es difícil ajustar la navegación en la parte superior de la pantalla en una página web móvil. Apilar en la parte superior empujaría demasiado el contenido. Un diseño de una sola columna en la página de la pantalla de un teléfono móvil que coloca la navegación en la parte superior empujaría demasiado el contenido. Aquí hay algunos consejos para agregar una navegación al sitio web móvil:

  • En la página de inicio, coloque la navegación y la búsqueda del sitio en la parte superior de la página, y deje el contenido para las páginas posteriores. Esto es adecuado para sitios en los que los usuarios desean navegar o buscar de inmediato, en lugar de leer contenido. Por ejemplo, cuando los usuarios visitan sitios de comercio electrónico, generalmente tienen en mente una categoría de producto específica y desean tocarla o escribirla en el cuadro de búsqueda.
  • Coloque la navegación en la parte inferior. Los usuarios aún pueden acceder a la navegación, pero no obstaculiza la lectura de la página. Un enlace de anclaje en la parte superior de la página puede proporcionar un acceso más rápido.
  • Coloque la navegación en un enlace desplegable en la parte superior de la página (y posiblemente también en la parte inferior).
  • Solo ofrezca un botón ‘Atrás’ en páginas que no sean la página de inicio. Esto hace que el diseño de la página sea simple a expensas de cualquier posibilidad de navegar directamente a otra sección del sitio web móvil.

4. Minimiza la entrada de texto

Ingresar texto en sitios web usando teléfonos móviles es mucho más difícil que cuando se usa un teclado de computadora de escritorio o portátil. Los QWERTY físicos tienden a ser los teclados móviles más fáciles de usar, seguidos de los teclados QWERTY con pantalla táctil y los tradicionales teclados alfanuméricos físicos de 12 botones.

Sin embargo, los usuarios cometen muchos más errores y son significativamente más lentos cuando escriben incluso en el mejor teclado móvil que cuando usan un teclado de PC de tamaño completo. Es lógico, entonces, que los usuarios no quieran tener que escribir tanto en sitios web móviles.

Las formas de reducir la cantidad de entrada de texto requerida incluyen:

  • Permitir a los usuarios utilizar los detalles almacenados en su sección ‘Mi cuenta’ cuando pasan por una experiencia de pago móvil, por ejemplo, al elegir desde direcciones de entrega ingresadas previamente.
  • Solicitar a los usuarios que ingresen un PIN en lugar de una contraseña.
  • Aproveche la funcionalidad incorporada (ver más abajo)

5. Decide si necesitas más de 1 sitio móvil

Las pantallas y la potencia de procesamiento en los teléfonos móviles varían enormemente. Por ejemplo, una revisión rápida en un minorista líder de teléfonos móviles mostró que los teléfonos se vendían con resoluciones que iban desde 128 x 160 píxeles hasta 480 x 800. Y, aunque muchos teléfonos inteligentes tienen la capacidad de cargar páginas web completas, los teléfonos menos avanzados pueden ‘ No lo haría y se estrellaría al intentar hacer lo mismo.

Si su sitio web móvil solo será visto por usuarios de teléfonos inteligentes con velocidades de descarga rápidas, entonces una versión móvil estará bien. Sin embargo, si desea un alcance más amplio, debería considerar crear una versión apareada. Facebook llega a tener 3 versiones móviles principales. Bienvenido a Facebook es el principal sitio móvil, Bienvenido a Facebook está optimizado para teléfonos móviles con pantalla y Zero está optimizado para usuarios en países con velocidades de descarga muy lentas.

Una de las 3 principales versiones móviles de Facebook.

6. Diseño para usuarios con pantalla táctil y sin pantalla táctil

Los teléfonos inteligentes representan la mayoría del uso de Internet móvil en muchos países, incluidos el Reino Unido y los Estados Unidos. Por lo tanto, es importante que su sitio móvil esté optimizado para teléfonos inteligentes. Por lo general, tienen pantallas táctiles grandes, pero pueden tener un trackball más tradicional, un joystick o teclas direccionales. Por lo tanto, es importante que su diseño sea fácil tanto para usuarios con pantalla táctil como sin pantalla táctil.

La dificultad más común con la visualización de páginas web estándar en un teléfono inteligente es la selección, particularmente al tocar, pequeños enlaces de texto con precisión. Los dedos tienden a ser demasiado gruesos para golpear un enlace pequeño con precisión, y si hay 2 o más enlaces juntos, es fácil tocar accidentalmente el incorrecto.

Se deben evitar los enlaces para cualquier llamada importante a la acción (no es un problema usarlos para enlaces de pie de página). En cambio, diseñe llamadas a la acción que ocupen más espacio en la pantalla y que puedan aprovecharse fácilmente. Por ejemplo, use filas gruesas que abarquen el ancho de la pantalla o cajas cuadradas que se pueden tocar fácilmente.

7. Aproveche la funcionalidad incorporada

Muchos teléfonos móviles tienen una ventaja sobre las PC: vienen con muchas funciones incorporadas que la mayoría de las PC no tienen. Puede facilitar que los usuarios realicen ciertas tareas utilizando la funcionalidad incorporada de un móvil y, por lo tanto, elimina la necesidad de pasos manuales.

Hacer llamadas
Todos los teléfonos pueden, por supuesto, realizar llamadas telefónicas de manera predeterminada (las PC requieren un software adicional, la mayoría de los usuarios no habrán comprado crédito para realizar llamadas desde su PC al teléfono físico). Permita que los usuarios suenen automáticamente un número cuando tocan o hacen clic en un número de teléfono. Esto es útil para las páginas ‘Contáctenos’ o ‘Buscador de tiendas’.

Ver una dirección en un mapa
Del mismo modo, es posible darle al usuario la opción de seleccionar una dirección y abrir automáticamente la aplicación de mapas del teléfono móvil.

Encuentra el más cercano …
Los usuarios a menudo están lejos de su hogar cuando usan Internet en sus móviles. Dado que muchos teléfonos móviles vienen con capacidad de detección de ubicación incorporada (por ejemplo, GPS), puede pedirle a un usuario que comparta su ubicación actual. Los minoristas de la calle principal, por ejemplo, pueden facilitar a los clientes detectar sus tiendas más cercanas en un mapa. Los sitios móviles de redes sociales pueden facilitar que los usuarios encuentren personas, lugares o eventos cerca de ellos.

Introducir información de formas innovadoras
Hay formas innovadoras de permitir que los usuarios ingresen información que sea divertida y útil. Los códigos QR son un ejemplo de esto. Waitrose tuvo una campaña de prensa a fines del año pasado para promocionar sus aplicaciones navideñas de iPhone y Android. El escaneo del código llevó a los usuarios directamente a las tiendas de aplicaciones para descargarlo.

En el contexto del crecimiento de la sociedad de la información, las personas tienden a usar sus dispositivos móviles y tabletas para obtener un acceso continuo a los recursos de información necesarios. Trabajar en estrecha colaboración con desarrolladores y diseñadores me ha enseñado a poner especial énfasis en la usabilidad móvil como parte integral del éxito de las aplicaciones entre los usuarios.

¿Qué aspectos deben optimizarse para mejorar su usabilidad móvil?

  • Haga que su versión móvil sea minimalista ; no la llene de detalles;
  • Mantenga su contenido preciso y al grano: evite información adicional;
  • Facilite su uso : no olvide que el usuario interactúa con su sitio web o aplicación a través de un teléfono inteligente o tableta con un área de visualización más pequeña;
  • Asegure una navegación rápida a través de las secciones;
  • Incluya prácticas barras de herramientas y un menú simple ;
  • Evite distraer pancartas, ayudas visuales y ventanas emergentes;
  • Haga que su sitio web o aplicación responda : implemente diseños flexibles;
  • No descuides compartir botones : a las personas les gusta participar.

En términos simples, la usabilidad móvil representa el concepto de facilidad de uso en términos de uso de aplicaciones y servicios web. Una mejor usabilidad móvil promete una mayor tasa de conversión para su sitio web o aplicación.