10 formas de mejorar la UX móvil • Yoast


Tienes un sitio web móvil, ¿verdad? ¿Responde o usó un complemento para que se vea bien? ¿Se convierte? Dado que el uso de Internet móvil se ha disparado a lo largo de los años, la experiencia del usuario de su sitio web móvil (o UX móvil) debe recibir tanta atención como la experiencia del usuario de su sitio web de escritorio. Más aún, ya que Google juzgará cada vez más su sitio en función de su versión móvil. En esta publicación, me gustaría compartir diez cosas que puede hacer para mejorar la experiencia del usuario (UX) de su sitio web móvil.

Permítanme hacer una diferenciación para empezar. Aunque todo lo mencionado en esta publicación también se aplica a las tabletas, teníamos en mente los teléfonos inteligentes al escribir esta publicación. Pero, en 2020, no solo debe tener en cuenta los teléfonos inteligentes, ya que muchos otros dispositivos pueden consumir su contenido. ¿Estás leyendo esta publicación en tu reloj inteligente? Seguro Por qué no.

1. Utilice un diseño basado en tareas

Diseñe su sitio web móvil y su estructura pensando en el usuario, sin olvidarse de SEO móvil. Su usuario utiliza un teléfono móvil. Es posible que estén de camino a lo que sea y necesiten comprobar algo en su sitio web. ¿Qué podría ser eso? Piense un momento en las cosas que hacen los visitantes en su sitio web (consulte Google Analytics, use el sentido común sobre su negocio o realice las pruebas adecuadas). Decidir por tareas principales para su sitio web móvil.

Wijchen.nl tiene un diseño basado en tareas

Según el experto superior en tareas Gerry McGovern, las tareas principales son el pequeño conjunto de tareas (generalmente menos de diez, a menudo menos de cinco) que son más importantes para sus clientes. Estas son las tareas clave que los usuarios esperan realizar rápidamente en su sitio. Optimice su sitio móvil de tal manera que estas tareas sean accesibles con la mayor facilidad posible.

David Allen ya te lo dijo. Necesitas hacer las cosas. Si alguien encuentra su sitio web y comienza a navegar por él, asegúrese de que pueda encontrar y completar fácilmente lo que quería hacer. En su teléfono móvil, probablemente haya muchas aplicaciones a las que estén acostumbrados. Estar en un dispositivo móvil puede dificultar la concentración del usuario. Las distracciones están en todas partes, no solo en el teléfono. Diseñe su UX móvil para asegurarse de que hagan las cosas, antes de cambiar a otras aplicaciones.

2. Agrega un menú claro y una opción de búsqueda.

La búsqueda está disponible cuando la necesita

Uno de los elementos principales de la experiencia de usuario móvil es la búsqueda. Tienes que poder buscar en cualquier momento. Una opción de búsqueda siempre debe estar disponible al leer una página, al hacer clic en otra. El caso es que, aunque nos esforzamos por presentar el sitio web más fácil posible como se menciona en la sección anterior, siempre habrá elementos que simplemente no encajan tan fácilmente. Para todo ese contenido, sería bueno utilizar una opción de búsqueda móvil.

Si usted es un corredor de bienes raíces o vende ropa en línea, esa opción de búsqueda también podría ser el elemento más importante en su página de inicio móvil. En ese caso, muestre esa opción de búsqueda en el área de contenido y hágala disponible a través de la barra de menú en otras páginas.

Una cosa más sobre la experiencia de usuario móvil relacionada con la búsqueda: tener la opción es solo el primer paso. Asegúrese de que sus páginas de resultados de búsqueda internos también se vean increíbles. Los resultados deben ordenarse por relevancia, por ejemplo, tanto en computadoras de escritorio como en dispositivos móviles. Asegúrese de que se puedan distinguir los resultados individuales, de modo que mejore la separación de los resultados.

3. No se necesitan divisores

Sobre esa falta de separación; eso no significa que deba utilizar todo tipo de divisores en su sitio web móvil. Los divisores ocupan espacio, y eso podría tener una influencia negativa en la UX móvil. Piense en formas de diseñar elementos, de modo que todos parezcan secciones independientes, sin la necesidad de un divisor. Utilice bordes, espacios en blanco, encabezados. Hay muchas cosas que se pueden hacer para mejorar esa UX móvil sin agregar elementos de línea que solo ocupan espacio. Por supuesto, no está prohibido usarlos. Solo asegúrese de que encajen y no distraigan a los usuarios de hacer sus tareas.

4. Utilice formularios breves

Al igual que en su sitio web de escritorio, su sitio móvil podría o debería tener como objetivo la conversión. Comprar productos u obtener un presupuesto de sus servicios. Suscribirse a su boletín informativo o simplemente completar un formulario de contacto son todas acciones que necesitan la participación del usuario. En un teléfono móvil, los formularios de seis páginas arruinan la UX móvil. Usuarios podría llénelos, pero es muy poderoso ya que es un formulario de seis páginas.

Para una experiencia de usuario móvil óptima, desea que los formularios sean lo más cortos posible. Elimina todas las cosas que quieras preguntar pero que no necesites. ¿Boletin informativo? Solo la dirección de correo electrónico (con <input type="email"> campo de entrada). ¿Citar? Apellido y dirección de correo electrónico. ¿Tienda? Dirección de entrega dirección de facturación Habla a. O al menos una opción para copiar la dirección de entrega a la dirección de facturación. Sin embargo, asegúrese de seguir las pautas de GDPR.

5. Bajar el tono

Puede pensar que su sitio de escritorio se ve fantástico con todos esos colores e imágenes enormes, pero en su sitio web móvil, el efecto se percibirá de manera diferente. Habrá menos enfoque. Su sitio web no tiene que ser solo en blanco y negro, pero un buen fondo blanco, letras negras y uno o quizás dos colores de apoyo es suficiente para una mejor UX móvil.

Asegúrese de que su sitio para dispositivos móviles y su sitio para computadoras de escritorio paridad móvil – deben ofrecer la misma experiencia en dispositivos móviles y de escritorio. Esto no solo se aplica al contenido, sino también al diseño. Además, hoy en día, cuando evalúa su sitio, siempre debe mirarlo desde un perspectiva móvil primero. Por lo tanto, si alguna vez comienza un proyecto de rediseño para su sitio, hágalo primero en dispositivos móviles.

Reducir el tono también se aplica a tus animaciones salvajes y demás. Cada bit de JavaScript no esencial que agrega a su sitio hace que sea más difícil de cargar y ejecutar. Además, la animación no siempre tiene sentido en un sitio móvil. ¡Mantenga su sitio sencillo y mezquino!

6. Áreas de activación de botones

Es tan obvio, pero sigue siendo motivo de preocupación. Los sitios web móviles se navegan principalmente con los dedos y los pulgares, y los botones no siempre proporcionan suficiente espacio para presionarlos fácilmente. En la documentación para desarrolladores de Google, puede encontrar esto en Objetivos de pulsación accesibles. Y también necesitamos poder hacer clic en elementos con ese pulgar.

En ese artículo de Google vinculado anteriormente, puede encontrar números para ese objetivo táctil:

Un tamaño de objetivo táctil mínimo recomendado es de alrededor de 48 píxeles independientes del dispositivo en un sitio con una ventana gráfica móvil configurada correctamente. Por ejemplo, aunque es posible que un icono solo tenga un ancho y un alto de 24 px, puedes usar un relleno adicional para llevar el tamaño del objetivo táctil hasta 48 px. El área de 48 × 48 píxeles corresponde a alrededor de 9 mm, que es aproximadamente el tamaño del área de la yema del dedo de una persona.

Además, los expertos en usabilidad de Nielsen descubrieron que tocar objetivos en el móvil debe tener un tamaño renderizado de al menos 1 cm x 1 cm para evitar errores y frustraciones. Estrechamente relacionado con las áreas de pulsación de botones está la forma en que los elementos táctiles a menudo están demasiado juntos, algo que Nielsen también describió en ese artículo de investigación. Es molesto hacer clic en un enlace y terminar en otro lugar, solo porque el enlace al lado está demasiado cerca del enlace que deseaba.

7. No use demasiados tamaños de fuente

La tipografía puede hacer o deshacer un sitio web móvil. No solo es importante el tipo de fuente que elija, sino también el tamaño de esas fuentes. No puede usar todos los tamaños de fuente de escritorio en su sitio web móvil. Hay dos razones para eso:

  1. El tamaño de la pantalla del móvil. No quieres que el título llene la pantalla; desea asegurarse de que el artículo comience en la primera vista de la página. Tampoco desea que la fuente base (como la fuente de su párrafo) sea demasiado pequeña para leerla sin tener que pellizcar y hacer zoom.
  2. Crearás un lío cuando uses más de tres tamaños de fuente. Las diferencias de tamaño serán mucho más visibles. Es por eso que debe limitar el número de tamaños de fuente a dos, tal vez a tres.

Las pruebas de Google para dispositivos móviles incluso verifican si sus tamaños de fuente están en orden. Esto se aplica principalmente a la fuente del cuerpo, pero aún así.

8. Optimice la velocidad

Otro factor importante para el nivel correcto de UX móvil es la velocidad. Existen múltiples herramientas para verificar la velocidad del sitio. La mayoría de las veces, hay varias cosas que puede hacer para mejorar el rendimiento. El primero siempre parece obvio: optimización de imagen. Debería al menos reducir el tamaño de la imagen utilizando herramientas como Squoosh. Además de eso, debe combinar y minimizar los archivos CSS y JavaScript que se cargan. Cuantas menos conexiones se necesiten realizar con el servidor, más rápido será su sitio web y mejor será la UX móvil. Por supuesto, también debe utilizar un excelente alojamiento, ya que a menudo resulta ser una ganancia rápida para muchos sitios.

La velocidad del sitio es un tema candente en Google. No hace mucho, anunciaron un nuevo conjunto de métricas llamado Core Web Vitals. Estas métricas brindan información a Google para un nuevo factor de clasificación: Experiencia de página. En 2021, los sitios móviles también serán evaluados por la experiencia que ofrecen a los usuarios. Por supuesto, la velocidad del sitio es uno de esos factores. Lea sobre el tres elementos fundamentales de la Web y sigue el cinco formas de mejorar la experiencia de su página para su sitio móvil.

PageSpeed ​​Insights le brinda excelentes comentarios sobre el rendimiento de su sitio, impulsado por Core Web Vitals

9. No se exceda con los anuncios

Muchos sitios usan anuncios para ganar un poco de dinero y eso está totalmente bien. Pero lo que no debes hacer es asustar al usuario con ventanas emergentes y cosas por el estilo. Realmente no respetas al usuario cuando lo primero que le dejas experimentar es un formulario de suscripción a tu boletín. Asegúrese de que las cosas se carguen correctamente antes de presentar sus anuncios y CTA. Además, manténgalos de buen gusto y atenuados. Está buscando construir una conexión y formar una relación con un usuario y eso no sucede cuando le muestra COMPRAR MIS COSAS en su cara en el momento en que ingresa a su sitio móvil. Esta es una mala experiencia de usuario y uno que incluso podría enojar a Google.

10. Pruebe su UX móvil una y otra vez.

Al ofrecer un sitio web receptivo a sus visitantes, debe asegurarse de que todos los cambios en su sitio de escritorio también se prueben en la versión móvil de su sitio. Esa es la única forma en que puede asegurarse de que su sitio web móvil esté siempre actualizado. Asegurate que prueba tu sitio móvil una y otra vez.

Entonces, en conclusión, la UX móvil se trata de muchas cosas. En este artículo hemos discutido estas diez formas de mejorar su UX móvil:

  1. Utilice un diseño basado en tareas
  2. Proporcionar un buen menú con una opción de búsqueda.
  3. No es necesario agregar divisores cuando las secciones están claras para empezar
  4. Haga los formularios lo más cortos posible
  5. No agregue demasiados colores en su diseño
  6. Asegúrese de que se pueda hacer clic en los botones y enlaces
  7. No exagere con las variaciones de tamaño de fuente
  8. Haga su sitio web lo más rápido posible
  9. No hagas anuncios ni ventanas emergentes intrusivas
  10. Pruebe todos los cambios en su sitio web en dispositivos móviles

¡Esperamos tus consejos!

Estas son solo diez cosas de las muchas cosas que creemos que debe tener en cuenta al optimizar su UX móvil. Estamos seguros de que puede aportar más, y esperamos sus opiniones sobre el tema: ¿Qué otras cosas cree que debería tener en cuenta un sitio web móvil?

Lee mas: SEO móvil: la guía definitiva »



Source link

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *