Aquí hay algunos errores comunes de UI que hemos visto cometidos por diseñadores de todos los niveles de experiencia. No hay vergüenza en eso: un buen diseño de interfaz de usuario es un desafío multifacético, y muchos aspectos pueden simplemente pasarse por alto.
Aquí está la primera parte de nuestro artículo 5 Errores principales de la interfaz de usuario que matarán su aplicación. En la segunda parte, rediseñamos la aplicación y mostramos cómo solucionar estos errores, por lo que le recomendamos que lo revise.
IU error 1: abuso de fuentes
- ¿Cuál es la aplicación de Android más legítima para obtener bitcoins gratis?
- ¿Cuál sería el costo para preparar una aplicación?
- ¿Cuál es el mejor administrador de archivos para Android?
- ¿Cuál es el futuro de los juegos de Android?
- ¿Cuáles son las aplicaciones de Android esenciales para usuarios avanzados?
Comencemos con las familias de fuentes del sistema.
Por ejemplo, San Francisco es una fuente del sistema para iOS y Android tiene Roboto. Ambos son fáciles de leer y bastante similares.
¿Se pueden usar las fuentes del sistema? Sí definitivamente. Es una opción segura y probada. Pero recuerde: los teléfonos Samsung le permiten cambiar la fuente predeterminada. Su aplicación bellamente diseñada puede ser eliminada en un instante si el usuario del teléfono cambia a la fuente Choco Cooky.
También puede optar por una solución más sofisticada y elegir una fuente personalizada. Sin embargo, si sigue esta ruta, tenga en cuenta:
Menos es más. Puede haber muchas fuentes increíbles, pero sea razonable. Las fuentes deben agregarse a la experiencia del usuario. Demasiados tipos, tamaños, colores, etc. pueden complicar las cosas. Si opta por fuentes personalizadas, manténgala simple y coherente. Agregue fuentes personalizadas solo cuando sea necesario y donde realmente mejore la aplicación, y el uso de fuentes personalizadas en aras de tener fuentes personalizadas no es una razón suficiente.
Licencia. Hace unos meses nos pidieron que rediseñáramos una aplicación de moda. Al revisar las fuentes, nos encontramos con 2 fuentes comerciales, ambas utilizadas sin ningún propósito mayor y sin licencia. ¡Este error podría haberle costado al cliente $ 2,000! Una fuente es software y siempre tiene licencia. Si inserta una fuente en una aplicación móvil, asegúrese de leer la licencia y los términos de uso. ¿No conoces la licencia? Entonces no uses la fuente.
IU error 2: demasiado en la pantalla
Cuando los teléfonos eran mucho más pequeños, los diseñadores enfrentaban problemas para agrupar los elementos necesarios en la pantalla. Por ejemplo, el iPhone 4 tenía una resolución de 640 × 960 y una relación de 2: 3. Con la llegada de los teléfonos de gran tamaño (o phablets), podemos poner más cosas en la pantalla: fuentes más grandes, más botones y un diseño más elegante.
Tenga cuidado de caer en esta trampa de libertad. Más no es más, así que sé selectivo. Cada artículo adicional debe ser procesado por el usuario. Atrae su atención sabiamente para que puedan navegar fácilmente por la aplicación. Si hay demasiado en la pantalla, los usuarios pueden perderse fácilmente y preguntarse qué hacer o dónde hacer clic. Use el diseño para enfocar el ojo del usuario en aspectos significativos. Desea que las personas accedan al contenido importante de forma inmediata e intuitiva.
UI error 3: falta de consistencia
Sea consistente cuando diseñe. No envíe señales mixtas a los usuarios. Si usa un elemento para una acción específica, quédese con él. Los usuarios aprenden haciendo ciertas acciones, y si encuentran acciones inesperadas o ambiguas, realmente puede arruinar su experiencia.
También mantenga un diseño consistente, en su mayor parte. Por ejemplo, use los mismos colores y elementos para crear un patrón repetitivo. Use guías de estilo para establecer estándares para que pueda mantenerse en el camino correcto cuando diseñe.
Los diseños consistentes ayudan a los usuarios a aprender a través de su aplicación, pero puede tener algunas excepciones, como la página de inicio de sesión u otras pantallas con usos dedicados. Siempre que salgas del patrón, ten en cuenta que cada elemento aún necesita formar un todo.
Error de UI 4: Transferencia de iOS a Android 1: 1
Tenía sentido hacer transferencias 1: 1 de iOS a Android hasta Android 4.0, cuando apareció Holo Design. Fue el primer tema sensible para Android, con estructuras, pautas y navegación incompatibles con iOS.
¿Por qué no transferir directamente de iOS a Android, o viceversa? ¿No te ahorra tiempo y dinero?
Bueno, podría ser , pero el objetivo final es crear la mejor experiencia de usuario, ¿verdad? Y los usuarios tienen hábitos y preferencias. Usan sus teléfonos todo el tiempo, y se acostumbran a cómo funciona su particular. Entonces, si sus aplicaciones se comportan de manera diferente a lo que la gente está acostumbrada, es mucho menos probable que disfruten de usarla.
Android e iOS tienen sus propios patrones de interacción, y los usuarios pueden no estar contentos si les sirve algo más que tendrán que aprender desde cero. Si transfiere de iOS a Android (o al revés), también podría cometer errores de consistencia de un dispositivo a otro.
Sin embargo, hay buenas noticias: su aplicación no tiene que verse completamente diferente para iOS y Android. Intenta mantener la mayor parte de tu estilo visual para ambas plataformas. Tomemos, por ejemplo, el caso de la aplicación de alquiler de autos Silvercar. Se les ocurrió su propio estilo de navegación, pero al mismo tiempo conservaron la coherencia entre los sistemas operativos móviles.
IU error 5: mala jerarquía de información
Cuando diseñas algo, sea lo que sea, una tarjeta de visita, un sitio web, una aplicación, una persona interactuará con él de alguna manera. Debe planificar y diseñar de acuerdo con el grado de importancia de la información que presenta, en función de la forma en que alguien interactuará con ella.
Siéntate y piensa en lo más importante que quieres mostrar. Una vez que conozca sus prioridades, puede distinguir cosas importantes con la ayuda de fuentes, colores, tamaño, ubicación, etc. Debe pensar qué hace la gente con su producto, en entornos ideales y no ideales, y diseñarlo en consecuencia.
Si desea ver cómo solucionamos estos errores y rediseñamos una aplicación, vaya al final de nuestro artículo: 5 errores importantes de la interfaz de usuario que matarán su aplicación.
