×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×

Forex007Miembro desde: 24/09/15

Forex007
468
Posición en el Ranking
0
Usuarios seguidores
Sus noticias
RSS
  • Visitas
    47.610
  • Publicadas
    60
  • Puntos
    50
Veces compartidas
0
¡Consigue las insignias!
Trimestrales
  • 11º
Recientes
  • 11º
Visitas a noticias
Hace 6d

Lo más importante para tener en cuenta al diseñar una aplicación móvil es asegurarse de que sea útil e intuitivo

Si la aplicación no es útil, no tiene ningún valor práctico para el usuario y nadie tiene ninguna razón para usarla. Si la aplicación es útil, pero requiere mucho tiempo y esfuerzo, la gente no se molestará en aprender a usarla.

Un buen diseño de interfaz de usuario aborda ambos problemas de diseño:

- Para ser útiles, las aplicaciones móviles deben centrarse en el usuario. Los usuarios instalan la aplicación porque necesitan resolver un problema urgente. Por lo tanto, la aplicación tiene un sentido definido de propósito". Piense en lo que es que sus usuarios estarán tratando de lograr y céntrese en sus objetivos clave / eliminar todos los obstáculos de su camino.

- Usted debe traer claridad en su interfaz de usuario. Para ser eficaz con una interfaz que ha diseñado, la gente debe ser capaz de reconocer para qué es y cómo usarlo. Simplemente no hay lugar para la confusión.

Aquí están 9 principios de diseño UX que creo que son la clave para crear experiencias de usuario móvil realmente grande.

1. Recortar el desorden

La atención del usuario es un recurso precioso, y debe asignarse en consecuencia. El desorden de su interfaz sobrecarga a su usuario con demasiada información: cada botón añadido, imagen y línea de texto hacen que la pantalla sea más complicada.

El desorden es malo en una aplicación de escritorio o sitio web, pero en un móvil es cien veces peor.

Hay una famosa cita de Antoine de Saint-Exupéry que dice "La perfección se logra cuando no queda nada para quitar". Es importante deshacerse de cualquier cosa en un diseño móvil que no es absolutamente necesario, porque la reducción del desorden mejorará la comprensión.

Una simple regla general: una acción primaria por pantalla. Cada pantalla que diseñes para la aplicación debe soportar una sola acción de valor real para la persona que la usa. Esto hace que sea más fácil de aprender, más fácil de usar y más fácil de agregar o construir cuando sea necesario. Cien pantallas claras es preferible a un solo desorden.

Tome Uber, por ejemplo. Uber sabe que el objetivo del usuario que usa la aplicación es tomar un taxi. La aplicación no sobrecarga al usuario con demasiada información: detecta automáticamente la ubicación de los usuarios basándose en datos de GEO y lo único que tienen que hacer los usuarios es seleccionar una ubicación de recogida.

Una de las reglas básicas de UX bueno es reducir el esfuerzo que los usuarios tienen que poner para conseguir lo que quieren.

2. Hacer que la navegación sea más clara

Ayudar a los usuarios a navegar debe ser una alta prioridad para cada aplicación. Una buena navegación debe sentirse como una mano invisible que guía al usuario a lo largo de su viaje. Después de todo, incluso la mejor característica o el contenido más atractivo es inútil si la gente no puede encontrarlo. Los principios de una buena navegación móvil son:

- La navegación móvil debe ser coherente. Debe utilizar los significantes adecuados (metáforas visuales correctas) para que la navegación no requiera ninguna explicación y asegúrese de que cada elemento de navegación (como el icono) lleve al destino correcto.

- La navegación móvil debe ser coherente para la aplicación. No mueva los controles de la navegación a una nueva ubicación ni los oculte en diferentes páginas. Esto sólo desorientará al usuario.

- La navegación móvil debe comunicar la ubicación actual. No indicar la ubicación actual es probablemente el error más común de ver en los menús de aplicaciones. "¿Dónde estoy?" Es una de las preguntas fundamentales que los usuarios deben responder para navegar con éxito.

3. Crear una experiencia perfecta

No debe pensar en un diseño móvil de forma aislada. Crear una experiencia sin fisuras entre móviles, escritorio y tableta es muy importante para sus usuarios.

Tomemos Apple Music, por ejemplo. Puedes configurar una lista de reproducción en tu Mac y al instante estará disponible en tu iPhone. Apple reconoce que, si bien el diseño de la aplicación para móviles es muy importante, crear una experiencia perfecta en iPhone, escritorio y iPad es tan importante para los usuarios.

4. Diseño de golpecitos de dedo amigables

Los objetivos táctiles más pequeños son más difíciles de alcanzar para los usuarios que los más grandes. Cuando diseñes interfaces móviles, es mejor que tus objetivos sean lo suficientemente grandes para que sean fáciles de tocar.

Diseño

Cree los controles que en su medida tengan un tamaño de 7-10 milímetros para que puedan ser golpeados con precisión con un dedo. Dicho objetivo permite que el dedo del usuario encaje perfectamente dentro del objetivo. Los bordes del objetivo son visibles cuando el usuario lo toca. Esto les proporciona una clara retroalimentación visual de que están golpeando el objetivo con precisión.

Los controles de la interfaz de usuario deben ser lo suficientemente grandes como para capturar las acciones de la yema del dedo sin frustrar a los usuarios con acciones erróneas y objetivos pequeños.

Asegúrese también de que haya una buena cantidad de espaciamiento entre los objetivos.

5. El contenido del texto debe ser legible

En comparación con los escritorios, los teléfonos inteligentes tienen pantallas relativamente pequeñas, lo que significa que uno de los desafíos del diseño móvil es encajar una gran cantidad de información en una interfaz de usuario pequeña. Usted podría tener la tentación de aplastar todo para un diseño móvil en el intento de proporcionar la mayor cantidad de información posible. Pero debes resistir la tentación.

Una regla para el móvil: el texto debe ser de al menos 11 puntos para que sea legible a una distancia de visualización típica sin zoom. Mejore la legibilidad aumentando la altura de la línea o el espaciado de las letras. Espacios buenos y generosos pueden hacer que algunas de las interfaces más sucias parezcan atractivas y sencillas.

6. Haga que los elementos de la interfaz sean claramente visibles

Debe utilizar el color y el contraste para ayudar a los usuarios a ver e interpretar su contenido. Elija colores primarios, secundarios y de acento para que su aplicación admita la facilidad de uso. Garantice suficiente contraste de color entre los elementos para que los usuarios con baja visión puedan ver y utilizar su aplicación.

Asegúrese de que haya un amplio contraste entre el color de la fuente y el fondo para que el texto sea legible. El W3C recomienda las siguientes relaciones de contraste para el texto del cuerpo y el texto de la imagen:

- El texto pequeño debe tener una relación de contraste de al menos 4, 5: 1 contra su fondo.

- Texto grande (en 14 pt negrita / 18 pt regular y arriba) debe tener una relación de contraste de al menos 3: 1 contra su fondo.

- El texto que no cumpla las recomendaciones de relación de contraste de color es difícil de leer en contra de su fondo.

- Es muy importante tener suficiente contraste en el móvil: los usuarios pueden estar al aire libre con bajo contraste en la pantalla debido a la iluminación.

- El gris neutro de esta página es agradable de mirar en el interior, pero al aire libre no parece ser tan bueno.

- Los iconos u otros elementos críticos también deben utilizar las relaciones de contraste recomendadas anteriormente.

7. Controles de diseño basados en la posición de la mano

Steven Hoober en su investigación sobre el uso de dispositivos móviles, encontró que el 49% de las personas dependen de un pulgar para hacer las cosas en sus teléfonos. El diagrama que aparece en las pantallas de los teléfonos móviles son gráficos de alcance aproximado, en los que los colores indican qué áreas un usuario puede alcanzar con el pulgar para interactuar con la pantalla.

8. Minimizar la necesidad de escribir

Escribir en un móvil es un proceso lento y propenso a errores. Por lo tanto, es mejor tratar siempre de minimizar la cantidad de escritura necesaria para usar una aplicación para móviles:

- Mantenga los formularios tan cortos y simples como sea posible eliminando cualquier campo innecesario.

- A nadie le gusta llenar formularios. Y cuanto más larga o más complicada aparezca una forma, los usuarios menos probables saltarán y empezarán a llenar los espacios en blanco.

- Utilice datos autocompletados y personalizados cuando corresponda para que los usuarios sólo tengan que introducir el mínimo de información.

9. Pruebe su diseño

Con demasiada frecuencia, un diseño móvil se ve muy bien cuando se ve en una gran pantalla de escritorio, pero no funciona casi la mitad tan bien cuando se toma para una prueba en un móvil real. Incluso el UX más cuidadoso considerado en última instancia contendrá algún defecto oculto cuando está puesto en el mundo real. Por eso es tan importante probar su aplicación con usuarios reales en una variedad de dispositivos móviles. Usted debe pedir a los usuarios reales que realicen tareas regulares sólo después de que usted verá lo bien que el diseño realmente se realiza. Trate su aplicación como una entidad en constante evolución, utilizando datos de analítica y comentarios de los usuarios para mejorar constantemente la experiencia.

Conclusión

Al igual que con cualquier otro elemento de diseño, los consejos especificados anteriormente son sólo un lugar para empezar. Asegúrese de mezclar y combinar estas ideas con las suyas para obtener los mejores resultados. Sólo recuerde que el diseño no es sólo para los diseñadores, es para los usuarios.

Diseño Mobile UX

 

Más recientes de Forex007

Diseñando un campo de texto perfecto: las mejores practicas

Diseñando un campo de texto perfecto: las mejores practicas

Para cualquier aplicación o aplicación web, nada sucederá sin alguna entrada inicial y continua del usuario. Por lo tanto, es fundamental que los diseñadores de productos, desarrolladores y gestores de productos entiendan las mejores maneras de permitir que lo hagan Hace 8h

Interfaz gráfica de usuario en base a sombras y elevación

Interfaz gráfica de usuario en base a sombras y elevación

En este artículo te mostraré cómo los elementos visuales, como las sombras, transportan información procesada por el usuario de la interfaz Hace 5d

Mostrando: 1-5 de 123