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 debe adaptarse el contenido para que funcione sin problemas en dispositivos móviles? Comienza pensando en la forma en que los usuarios interactúan con pantallas más pequeñas, y cómo afecta eso a lo que (¡y cuánto!) Querrán leer.
1. Un pensamiento por pantalla
Al colapsar contenido para dispositivos móviles, intente planificar elementos para que haya uno a través de cada pantalla. Incluso cuando los teléfonos parecen estar volviendo a los tamaños más grandes, ¡no te sientas tentado a meter mucha información en la pantalla!
Un pensamiento por pantalla es suficiente. Un poco más y te arriesgas a abrumar al usuario.
Los usuarios de dispositivos móviles tienden a ser multitarea. Ellos están mirando su sitio web mientras hablan con un amigo mientras asisten a un juego de béisbol. Guardando el mensaje y el contenido. sencillo y directo, tienes 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 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 desea 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 móviles a menudo tienen más tiempo presionado. No tienen intención de hurgar en el sitio hasta que encuentren algo.
La navegación debe ser simple y ágil. Si no está seguro de por dónde empezar, eche un vistazo a sus análisis de usuarios móviles. ¿Cuáles son las tres o cuatro páginas más visitadas? ¿Estas páginas se alinean con lo que esperas? Ha encontrado los elementos clave de navegación para que pueda ajustar el contenido móvil en consecuencia.
3. Piense como un motor de búsqueda
No juegues el algoritmo. Crea contenido de calidad que los usuarios quieran leer. Ya sea que obtenga diez visitas de página por día, o millones, querrá pensar como un motor de búsqueda cuando se trata de contenido en dispositivos móviles. Cada palabra, imagen y bit de contenido deben ser rápidos y fáciles de buscar. Pero no juegues el algoritmo. Crea 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 peses en tu sitio móvil; Las velocidades de la web y el Wi-Fi están mejorando todo el tiempo, pero algunos usuarios tendrán dificultades con las conexiones y su sitio web aún debe ser accesible.
Puede comprobar la velocidad de las páginas móviles con esta ingeniosa herramienta de Google, que le ayuda a mantener todo optimizado.
4. Hacer el texto más grande
Menor pantallas no debería significar más pequeño texto. 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 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 una microcopia significativa
La gran microcopia, el texto dentro de elementos como los 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 encontrar su camino en el diseño.
En los dispositivos móviles, en particular, considere hacer una microcopia un poco más grande de lo normal y utilícela siempre para ayudar a los usuarios a saber exactamente qué hacer.
Piense en los problemas comunes que encuentra al pagar por algo en su teléfono, por ejemplo. El formulario puede abarcar múltiples pantallas o pergaminos; La guía de microcopia puede hacer que sea mucho más fácil rellenar todo correctamente la primera vez. (Un componente clave en la conversión de acciones de usuarios móviles).
6. Elimina los efectos innecesarios para móviles
Elimina todo lo que no necesitas para diseños móviles. Las animaciones de giro y las funciones de desplazamiento de paralaje se ven increíbles en los sitios web de escritorio, pero pueden atascar las versiones móviles. Elimina todo lo que no necesitas para diseños móviles. Quieres que todo se cargue de forma rápida y sin problemas; Las animaciones que pueden o no funcionar se interponen en la forma de conectarse con un usuario inmediatamente.
¿Otro efecto que puedes quitar? Efectos de la libración. No hay tal cosa como un estado flotante para 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 de retroalimentación obvia. No quieres que los usuarios cuestionen si una acción tuvo lugar; siempre debe ser obvio
7. Adaptarse a la escala
Nada es más frustrante que aterrizar en un sitio móvil sensible donde todo es pequeño. El punto 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 las partes.
- Las cajas alineadas en la pantalla de un escritorio pueden apilarse verticalmente en un dispositivo móvil.
- Las fotos se recortan de forma más cuadrada o verticalmente en función de la orientación dominante del uso móvil (vertical).
- El texto se edita y se recorta para mayor brevedad.
- La navegación se reutiliza y se coloca en una ubicación diferente.
- Los llamados a la acción se convierten en elementos más grandes, casi del tamaño de una pantalla.
- Todos los botones y elementos del grifo 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 sensible y asumió que todo convertiría a los usuarios móviles, entonces es hora de evaluar la parte móvil del diseño. Es probable 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. Eche un vistazo a sus análisis. ¿Qué porcentaje de su base de usuarios accede al diseño en un dispositivo móvil? Si no está haciendo ajustes para satisfacer sus necesidades, podría estar alejando a un gran segmento de su base de usuarios sin querer ofenderlos.