¡Cómo escribir mejores etiquetas principales y meta para páginas web móviles!

1. Una pantalla, una tarea

Reduce la energía que los usuarios necesitan gastar al completar tareas.

Cada pantalla de tu aplicación debe proporcionar una interacción o tarea útil y valiosa para el usuario, una tarea a la vez, y no debe contener más de una llamada a la acción (CTA). Un diseño de este tipo hace que sea más fácil de aprender para los usuarios, más fácil de usar, más fácil de agregar y quitar, y más fácil de incorporar al diseño.

Tomemos a Uber como ejemplo. Uber sabe claramente que el propósito del usuario es tomar un taxi, por lo que la aplicación no le proporcionará demasiada información a la vez, sino que detectará automáticamente su ubicación en función de ella. información geográfica, y Uber proporcionará al usuario interacciones separadas para cada interfaz, de modo que los usuarios puedan simplemente seleccionar una ubicación y realizar su pedido.

2. Interfaz de usuario invisible

El contenido es la interfaz.

Céntrese en el contenido e intente eliminar elementos innecesarios. Esto puede acortar el tiempo de atención del usuario, y el usuario será guiado al contenido que está buscando más rápido, y el contenido en sí es una interfaz invisible. El ejemplo más típico es Google Maps. En el rediseño, Google Maps eliminó todos los paneles y botones innecesarios, y el mapa en sí es la mejor interfaz.

3. Espacio para respirar

Utiliza el espacio negativo para permitir que el contenido importante atraiga la atención de los usuarios.

El espacio en blanco o espacio negativo se refiere a la porción vacía, o elemento en blanco, en el diseño de una página. A menudo se pasan por alto e ignoran. Aunque muchos diseñadores creen que tales diseños desperdician espacio en la pantalla, el espacio en blanco lo es. en sí mismo uno de los elementos básicos del diseño.

"El espacio en blanco generalmente se considera un elemento activo, en lugar de la presencia pasiva del espacio en blanco y el fondo". --JanTschichold

El espacio en blanco mejora la legibilidad y la prioridad del contenido, y juega un papel importante en el diseño de la página. Por lo tanto, puede hacer que la interfaz de usuario sea más razonable y mejorar la experiencia del usuario.

Sigue el principio de “menos es más”.

4. Navegación intuitiva

La navegación debe ser la máxima prioridad de toda APP. La navegación de las aplicaciones móviles debe ser fácil de encontrar y acceder y ocupar el menor espacio posible en la pantalla. Diseñar la navegación para la accesibilidad en dispositivos móviles siempre ha sido un desafío debido a las limitaciones de las pantallas pequeñas y la necesidad de priorizar el contenido.

Las barras de pestañas y las barras de navegación son excelentes para presentar menos opciones de navegación y también son excelentes para presentar opciones de navegación principales que pueden cambiar suavemente a diferentes páginas con solo un toque.

Navegación por pestañas en la AppStore.

5. Operación con una sola mano

Haz que tu diseño sea compatible con pantallas más grandes.

El lanzamiento del iPhone 6 y 6p marca la entrada de los dispositivos móviles en la era de las pantallas grandes.

La siguiente figura muestra los tres modos más comunes en los que los usuarios sostienen sus teléfonos:

La observación muestra que el 85 % de los usuarios sostienen sus teléfonos con una mano. El siguiente mapa de calor muestra el. Área del pulgar de iPhones de varios tamaños desde 2007. No hay duda de que a medida que aumenta el tamaño de la pantalla, disminuye la proporción del área que puede alcanzar el pulgar.

Área del pulgar

Por lo tanto, el diseño de la experiencia del usuario de la interfaz móvil debe ajustarse para intentar que su aplicación se pueda usar con una sola mano en el iPhone 7 y 7p, y colocar la navegación en la del usuario. pulgar al alcance.

Esta es la versión iOS de PocketAPP donde todos los controles de navegación están ubicados en el centro del pie de página, un área al alcance del pulgar, lo que la hace muy conveniente para operar con una sola mano.

6. Haga que la aplicación sea rápida

No haga que el usuario espere a que se procese el contenido

Intente que la aplicación responda. Muchas tareas intentarán ejecutarse en segundo plano para que la representación frontal parezca más rápida. Empaquetar ciertas operaciones para que se ejecuten en segundo plano tiene dos beneficios: primero, puede evitar algunos procesos de espera y carga para el usuario y, segundo, puede permitir que se realicen muchas operaciones antes de que el usuario las solicite.

Subir una imagen en Instagram es un buen ejemplo de esto, la acción comienza tan pronto como el usuario selecciona la imagen que desea ver.

Instagram invita a los usuarios a agregar etiquetas al cargar imágenes, de modo que cuando el usuario esté listo para presionar el botón de compartir, la carga prácticamente estará completa y el usuario podrá compartir la foto fácilmente.

7. Aprovecha al máximo las notificaciones push

Piénsalo dos veces antes de enviar un mensaje.

Cada día, los usuarios son bombardeados y distraídos por innumerables notificaciones push inútiles, que a menudo hacen que los usuarios se sientan bastante aburridos. Las investigaciones muestran que más del 70% de los encuestados dijeron que los molestos mensajes push fueron la razón principal que los impulsó a desinstalar una aplicación.

Entonces, para diseñar bien para dispositivos móviles, debes aprovechar cada impulso. No envíe mensajes sólo para atraer usuarios, ya que esto a menudo resultará contraproducente. Necesita enviar información que sea valiosa para sus usuarios, y esto es apropiado.

Consejo: Una estrategia eficaz de mensajería en aplicaciones móviles es utilizar múltiples tipos de mecanismos de mensajería, notificaciones automáticas, correos electrónicos, notificaciones dentro de la aplicación, fuentes de noticias, etc. El impulso de información diversificada crea una buena experiencia de usuario mediante una coordinación razonable.

Elija tipos de notificación según la urgencia y corrección del contenido.

Conclusión

A la hora de diseñar una aplicación móvil, lo más importante sigue siendo garantizar que sea útil e intuitiva. Si la aplicación no es de utilidad para el usuario y éste no tiene motivos para utilizarla, entonces su valor es bastante limitado. Si una aplicación es razonablemente útil para los usuarios, pero requiere mucho tiempo y esfuerzo para aprender y completar tareas, entonces necesita una UI y UX práctica y buena para abordar los problemas de diseño.

Lecciones de diseño de experiencia de usuario de Nick Babich

Diseño de cuadros de entrada: "En serio, ¿realmente entiendes las reglas tácitas del diseño de cuadros de entrada de texto?

Diseño de formularios: "¡Cíñete a los detalles! 10 consejos para diseñar formularios eficaces y útiles"

APPUI MINIMALISTA: "¡Impresionante! Consejos prácticos de diseño que te ayudarán a crear una APPUI minimalista"

Desarrollo front-end: "¡Hay leyes a seguir! Seis factores fundamentales que le ayudarán a medir la calidad del rendimiento dinámico"

Migas de pan: "¡No es fácil! ¿Cómo utilizar las rutas de navegación para indicarle la dirección de una página web?

Páginas móviles: "¡Sigue el consejo! Esta es la forma correcta de diseñar un sitio web móvil"