Los 25 principios que debe seguir para que su sitio web móvil sea increíble

En la publicación de hoy, que es jugosa, decidí crear algo dedicado a los fundamentos de un.

Pero al estilo de White Shark Media, me gustaría aprovechar esta oportunidad para entregar y compartir lo que creo que es el santo grial de la optimización de sitios web móviles.

Si usted es un diseñador, desarrollador o propietario de un negocio que necesita una guía completa y confiable para la optimización de sitios web móviles, tome un café, levante el teléfono e instálese por unos minutos…

Contenidos

Atentamente, de un usuario móvil a otro

Antes de sumergirse en el tema meta, tómese un momento para pensar en cómo busca servicios o productos usando su tableta o dispositivo móvil.

Si eres como yo, sientes una necesidad e instintivamente abres el navegador de tu móvil para encontrar una solución. Si un sitio que visito en el camino no funciona bien en mi teléfono o tableta, lo cierro y vuelvo a mis resultados de búsqueda para probar el siguiente sitio que parece tener lo que necesito.

Como consumidores, usamos nuestros teléfonos celulares a diario para realizar investigaciones y compras. Por lo tanto, es fundamental que las empresas tengan una presencia móvil efectiva que satisfaga las necesidades de los usuarios si quieren que su presencia en línea contribuya al crecimiento. Pero, ¿qué hace que un sitio móvil sea “bueno” o “útil”?

Lo que sería ?

En este punto, iba a comenzar a filmar hechos sobre el crecimiento del uso de teléfonos celulares, la plétora de dispositivos con varias resoluciones y tamaños de pantalla, etc., pero pronto me di cuenta de que no era necesario. La pregunta de qué hace que un sitio móvil sea asombroso ya ha sido respondida, y de manera bastante completa.

Google se asoció recientemente con AnswerLab para realizar una investigación que informara sobre cómo una variedad de usuarios interactuaba con un grupo diverso de sitios móviles. El diario se titulaba Principios de diseño de sitios web móviles: deleitar a los usuarios y generar conversiones.

Google realmente sabe mejor

A partir de esa investigación, Google estableció 25 principios de diseño de sitios web móviles para ayudarnos a crear mejores sitios web móviles que deleiten a los clientes e impulsen las conversiones.

Los resultados revelaron 25 principios de diseño de sitios web móviles, que se agruparon en cinco secciones principales:

  • sitio de navegacion
  • búsqueda de sitio
  • conversiones comerciales
  • entrada de formulario
  • Factor de forma de usabilidad

Aquí hay 25 principios de diseño de sitios web móviles

Para cada principio, Google compartió información valiosa de su investigación, un elemento clave del diseño del sitio y un ejemplo ilustrado de un sitio de primer nivel. Echemos un vistazo a los hallazgos del informe y revisemos los fundamentos de un sitio web optimizado para dispositivos móviles.

Navegación del sitio: las primeras impresiones cuentan

Uno a menudo sirve para múltiples propósitos, es en parte promocional, en parte informativo y en parte transaccional. Sin embargo, una página de inicio móvil debe centrarse en conectar a los usuarios con el contenido que están buscando.

1) Mantenga las llamadas a la acción al frente y al centro para que los usuarios puedan obtener fácilmente lo que necesitan

25-principios-mobile-site-1

2) Facilite la navegación manteniendo los menús cortos y agradables

25-principios-sitio-movil-2

3) Dar a los usuarios acceso rápido a la página de inicio

Una forma de hacer esto es incrustar el enlace de la página de inicio en su logotipo para que los usuarios puedan redirigir fácilmente a la página de inicio en cualquier parte del sitio.

4) Asegúrese de que las promociones no interrumpan la navegación y estén separadas de las llamadas a la acción

25-principios-sitio-movil-3

Búsqueda en el sitio: facilitar la búsqueda de usuarios

Siguiendo con el tema de que es importante que los sitios móviles conecten a los usuarios con el contenido que están buscando, no sorprende que la investigación del sitio sea otro aspecto importante al que prestar atención al diseñar: optimizar un sitio para usuarios móviles. Al optimizar la experiencia de búsqueda móvil:

5) Coloque su barra de búsqueda en un lugar fácilmente visible y accesible

25-principios-sitio-movil-4

6) Asegúrese de que los resultados de su búsqueda sean precisos, relevantes y útiles

25-principios-sitio-movil-5

7) Implementar filtros para ayudar a los usuarios a navegar por los resultados

25-principios-sitio-movil-6

8) Guíe a los usuarios a mejores resultados de búsqueda a través de sugerencias

25-principios-sitio-movil-7

Conversiones comerciales: Hablemos de dinero

Por supuesto, cuando se trata de dispositivos móviles, también se trata de Cheddar: comercio y conversiones. El recorrido del cliente moderno se ha vuelto más complejo y los usuarios esperan actuar y convertir en sus propios términos. Al optimizar para el comercio móvil:

9) Permita que los usuarios exploren antes de que necesiten iniciar sesión, crear una cuenta, etc.

25-principios-sitio-movil-8

10) Permitir a los usuarios realizar transacciones como invitados y fomentar el registro

25-principios-sitio-movil-9

11) Usar datos de usuarios existentes y/o servicios de pago de terceros para agilizar las interacciones

25-principios-sitio-web-movil-10

12) Para tareas complejas o soporte, ofrezca botones de llamada con un solo clic

25-principios-sitio-web-movil-11

13) Permitir que los usuarios completen el proceso de conversión en otra aplicación o dispositivo

25-principios-sitio-movil-12

Entrada de forma: Reduzca la fricción en la línea de meta

La clave para mejorar las conversiones es simplificar los procesos para que sea más fácil para los usuarios realizar transacciones utilizando dispositivos móviles. Al optimizar la experiencia de captura de datos móviles:

14) Simplificar la entrada de información proporcionando métodos y recursos de entrada apropiados

Por ejemplo, ajustar el teclado a números o letras, según lo que requiera la entrada.

15) Elija el método de entrada más fácil para cada tarea y concéntrese en la usabilidad

25-principios-mobile-site-13

16) Proporcione un calendario visual cuando necesite fechas

25-principios-sitio-movil-14

17) Minimice los errores de formulario mediante el uso de etiquetas y validación en tiempo real

25-principios-sitio-web-movil-15

18) Elimine el desorden y cree formularios simples, concisos y eficientes

Haz que sea lo más fácil posible para los usuarios, después de todo, completar formularios no es una idea divertida para nadie. Minimice la cantidad de campos en sus formularios y autocompletar información siempre que sea posible.

Factor de forma de usabilidad: mejore su experiencia

Un buen sitio móvil no es solo una versión reducida o simplificada de su sitio de escritorio, es una experiencia de usuario completamente única. Diseñe todo su sitio web para satisfacer el formato móvil y las necesidades únicas de los usuarios móviles. Deleite a sus usuarios con las pequeñas cosas que hacen que su experiencia móvil sea positiva:

19) Optimice todo su sitio para uso móvil, no solo unas pocas páginas

25-principios-sitio-movil-16

20) No fuerce a los usuarios a pellizcar para hacer zoom para ver el contenido

25-principios-sitio-web-movil-17

21) Haga que las imágenes de los productos se puedan expandir a través de ventanas emergentes compatibles con dispositivos móviles

25-principios-sitio-web-movil-18

22) Orientar a sus usuarios; Dígales qué orientación de la pantalla funciona mejor

25-principios-sitio-movil-19

23) Limite sus interacciones a una sola ventana del navegador

25-principios-sitio-movil-20

24) En lugar de usar la palabra «Sitio completo» para las etiquetas, brinde al usuario la opción de ver la versión «PC»

El uso de la palabra «completa» puede confundir a los usuarios. Evite esto utilizando los términos versión «PC» o «móvil», por lo que está claro que ambas versiones ofrecen la experiencia completa.

25) Cuando solicite información del usuario, indique claramente por qué la necesita y cómo la usa

25-principios-sitio-movil-21

Evita estos pequeños errores que pueden salirte caro

Además de resumir brillantemente el amplio tema de los principios de optimización móvil, el informe de Google también ofrece la siguiente lista de verificación técnica que destaca consideraciones importantes al optimizar la experiencia del usuario móvil:

  • Asegúrese de que sus anuncios móviles dirijan a los usuarios a la página de destino móvil correcta.
  • Minimizar la oferta de descargas para usuarios móviles para garantizar una buena experiencia de usuario.
  • Pruebe con frecuencia en una variedad de dispositivos o use servicios como crossbrowsertesting.com para acceder a varias combinaciones de dispositivo/navegador y dispositivos virtuales.
  • Cargue el contenido de su página en un orden lógico para facilitar la interacción y minimizar los retrasos.
  • Implemente análisis y seguimiento de conversiones para, realice un seguimiento de su progreso y aproveche los datos para optimizar aún más su experiencia móvil.

¿Cuál es la comida para llevar número uno?

El hilo común que recorre todas las secciones cubiertas por la investigación resumida anteriormente es que los usuarios de dispositivos móviles a menudo están orientados a objetivos: esperan poder obtener lo que necesitan de un sitio móvil de manera fácil, rápida y en sus propios términos.

Para asegurar el éxito de un sitio móvil, es importante diseñar la experiencia desde el punto de vista del usuario. Al diseñar interacciones, tenga en cuenta el contexto del usuario y satisfaga sus necesidades sin sacrificar el contenido enriquecido.