7 formas de adaptar el contenido para una mejor experiencia de usuario móvil

El comienzo de un gran diseño comienza con el contenido. Para aprovechar al máximo una experiencia de usuario móvil estelar, es posible que el contenido deba someterse a algunos ajustes y cambios.

¿Pero por dónde empiezas? ¿Cómo se debe adaptar el contenido para que funcione sin problemas en dispositivos móviles? Comienza por pensar en la forma en que los usuarios interactúan con pantallas más pequeñas y cómo eso impacta qué (y cuánto) querrán leer.

1. Un pensamiento por pantalla

Al contraer contenido para dispositivos móviles, intente planificar elementos para que haya uno por pantalla. Incluso cuando los teléfonos parezcan estar tendiendo a tamaños más grandes nuevamente, ¡no se sienta tentado a meter mucha información en la pantalla!

Un pensamiento por pantalla es suficiente. Un poco más y corre el riesgo de abrumar al usuario.

Los usuarios de dispositivos móviles tienden a ser multitarea. Están mirando su sitio web mientras hablan con un amigo mientras asisten a un juego de béisbol. Al mantener el mensaje y el contenido simple y directo, tiene una mejor oportunidad de que un solo pensamiento se comunique.

¿Pero cómo se ve un pensamiento? Es un bloque de texto, imágenes y elementos accionables que están todos unidos. El grupo de contenido debe pedir a los usuarios que hagan una elección: ¿quieres hacer esto?

2. Priorizar la navegación

Debe haber un puñado de cosas que los usuarios tienden a hacer, o que usted quiere que hagan, cuando visitan la versión móvil (sensible) de su sitio web. Asegúrese de que haya una navegación fácil de seguir que lleve a los usuarios a esos elementos rápidamente.

Si bien un menú de diez opciones de navegación con múltiples niveles podría funcionar en su sitio de escritorio, los usuarios de dispositivos móviles a menudo tienen más tiempo. No tienen intención de hurgar en el sitio hasta que encuentren algo.

La navegación debe ser simple y simplificada. Si no está seguro por dónde comenzar, eche un vistazo a sus análisis de usuarios móviles. ¿Cuáles son las tres o cuatro páginas principales visitadas? ¿Estas páginas coinciden con lo que esperabas? Ha encontrado los elementos clave de navegación para que pueda ajustar el contenido móvil en consecuencia.

3. Piensa como un motor de búsqueda

No juegues el algoritmo. Cree contenido de calidad que los usuarios quieran leer.

Ya sea que obtenga diez páginas vistas al día o millones, desea pensar como un motor de búsqueda cuando se trata de contenido en dispositivos móviles. Cada palabra, imagen y contenido debe ser rápido y buscable. Pero no juegues el algoritmo. Cree contenido de calidad que los usuarios quieran leer.

Cuando se trata de dispositivos móviles, esto podría significar reducir algunos elementos de contenido. En lugar de tres imágenes en la página de inicio, por ejemplo, elija la foto más importante. No sobrecargues tu sitio móvil; las velocidades de la web y el Wi-Fi mejoran todo el tiempo, pero algunos usuarios tendrán dificultades con las conexiones y su sitio web aún debe ser accesible.

Puede verificar las velocidades de la página móvil con esta ingeniosa herramienta de Google, que le ayuda a mantener todo bien optimizado.

4. Haz el texto más grande

Las pantallas más pequeñas no deberían significar texto más pequeño. En realidad, debe aumentar el tamaño de los puntos para que el contenido sea más fácil de leer y digerir. Eche un vistazo a su copia del cuerpo y opte por un tamaño que permita de 30 a 40 caracteres por línea. (Esto es aproximadamente la mitad de lo que se recomienda para las pantallas de escritorio).

También hay otros trucos para hacer que el texto sea más legible en pantallas pequeñas. Puede encontrarlos en un artículo anterior de Design Shack sobre consejos para diseñar una mejor tipografía móvil.

5. Escribir microcopias significativas

Una gran microcopia, el texto dentro de elementos como botones, puede hacer o deshacer el diseño. La microcopia puede agregar personalidad y chispa al diseño. También transmite una gran cantidad de información y ayuda a los usuarios a orientarse en el diseño.

En los dispositivos móviles, en particular, considere hacer la microcopia un poco más grande de lo normal y siempre úsela en formularios para ayudar a los usuarios a saber exactamente qué hacer.

Piense en los problemas comunes que encuentra al pagar algo en su teléfono, por ejemplo. El formulario puede abarcar múltiples pantallas o pergaminos; guiar la microcopia puede hacer que sea mucho más fácil completar todo correctamente la primera vez. (Un componente clave en la conversión de acciones de usuarios móviles).

6. Elimine los efectos innecesarios para dispositivos móviles

Elimine todo lo que no necesita para diseños móviles.

Las animaciones giratorias y las funciones de desplazamiento de paralaje se ven increíbles en los sitios web de escritorio, pero pueden atascar las versiones móviles. Elimine todo lo que no necesita para diseños móviles. Desea que todo se cargue de manera rápida y sin inconvenientes; Las animaciones que pueden o no funcionar se interponen en el camino para conectarse con un usuario de inmediato.

¿Otro efecto que puedes eliminar? Efectos de desplazamiento. No existe el estado de desplazamiento para las acciones táctiles.

Agilice la experiencia del usuario móvil con una funcionalidad de toque fácil de entender (para reemplazar el clic) que tiene un poco obvio de comentarios. No desea que los usuarios se pregunten si se realizó una acción; Siempre debe ser obvio.

7. Adaptarse a escala

Nada es más frustrante que aterrizar en un sitio móvil sensible donde todo es pequeño. El objetivo de tener un diseño móvil es hacer que el sitio web sea más accesible para los usuarios en dispositivos más pequeños. Debes adaptar el contenido a esa escala.

A veces, adaptar el contenido es solo una reorganización de partes.

• Las cajas alineadas a través de la pantalla en un escritorio podrían apilarse verticalmente en un dispositivo móvil.
• Las fotos se recortan más cuadradas o verticalmente según la orientación dominante del uso móvil (vertical).
• El texto se edita y recorta por brevedad.
• La navegación se reutiliza y se coloca en una ubicación diferente.
• Las llamadas a la acción se convierten en elementos más grandes, casi del tamaño de una pantalla.
• Todos los botones y elementos táctiles se colocan en ubicaciones de fácil acceso, según la forma en que los usuarios sostienen sus teléfonos.

Conclusión

¿Estás listo para repensar parte del contenido de tu sitio web? Si construyó un sitio web receptivo y simplemente asumió que todo convertiría a los usuarios móviles, entonces es hora de evaluar la parte móvil del diseño. Lo más probable es que haya espacio para pequeños cambios de contenido que realmente pueden cambiar la forma en que los usuarios interactúan con el diseño.

Esta es una parte vital del proceso de diseño. Echa un vistazo a tus análisis. ¿Qué porcentaje de su base de usuarios está accediendo al diseño en un dispositivo móvil? Si no está haciendo ajustes para satisfacer sus necesidades, podría estar alienando a un gran segmento de su base de usuarios sin querer ofenderlos.