10 reglas esenciales para el diseño de la interfaz de usuario
El diseño nunca solía importar tanto.
Es difícil de imaginar ahora, pero antes del meteórico ascenso de Apple a la popularidad mundial, el diseño solía pasar a un segundo plano frente a la funcionalidad. Hoy en día, el diseño se ha convertido en un mundo en sí mismo, y la comunidad de diseñadores y desarrolladores se ha unido para desarrollar un conjunto coherente de reglas para la práctica creativa.
La evolución del diseño es constante, y siempre hay cosas nuevas que aprender y en las que centrarse para unir la función y la estética en un solo paquete.
Para estar al tanto de su juego de diseño, aquí hay 10 reglas importantes del diseño de la interfaz de usuario para recordar:
1. Atender a la usabilidad universal
Con la explosión de diferentes tipos de dispositivos en la actualidad, un tamaño ciertamente no sirve para todos.
Cuando usted crea tu sitio web o aplicación, debe asegurarse de diseñar teniendo en cuenta todos los tamaños de pantalla. Esto significa cargar completamente en conexiones a Internet de ancho de banda bajo y alto, para formatear adecuadamente tanto en iPad como en iPhones.
En el pasado, los desarrolladores se han concentrado principalmente en crear una buena interfaz de usuario para escritorio. Pero, solo para refrescar su memoria, el uso de dispositivos móviles superó el uso de computadoras de escritorio en 2014. Entonces, ¿debería cambiar su enfoque a dispositivos móviles? Si bien es importante prestar especial atención a los dispositivos móviles, también vale la pena considerar que el uso de computadoras de escritorio sigue siendo significativamente alto. con 42% de participación.
Por tanto, la clave es crear interfaces de usuario adaptables que le brindará al consumidor una gran experiencia a pesar de la pantalla o la orientación del dispositivo que esté usando.
2. Claridad
La gente es extremadamente ocupado, y debido a esto, rara vez dedican toda su atención a una tarea. Debido a esto, debe mantener su diseño simple de entender.
No hagas adivinar a tus usuarios. Utilice un lenguaje que puedan comprender fácilmente en términos de palabras, frases y conceptos. Evite el uso de términos especiales del sistema o de la industria e insista en un lenguaje familiar para la audiencia.
Si tiene la intención de que el usuario complete ciertos objetivos, deje que las acciones estén en una secuencia que tenga un principio, un medio y un final. Cuando hayan terminado, use una notificación para informar al usuario e incluir los siguientes pasos.
Por ejemplo, si está diseñando una página para un sistema bancario en línea, puede agrupar las acciones en «Detalles de contacto», «Detalles de cuenta» y «Configuración de perfil» en lugar de tenerlos todos en un solo formulario.
3. Prevenir errores
Los errores no son solo anomalías y errores, sino también grandes obstáculos para que los visitantes tomen la acción deseada.
Si algo sale mal o se carga incorrectamente, la mayoría de los visitantes no esperarán una solución, simplemente se irán. Manténgase alerta y esté atento a los errores, corrigiendo los que detecte lo antes posible.
A los usuarios no les gusta cometer errores. Se sienten aún peor si creen que tienen la culpa del error. Si no te transfieren este odio y siguen adelante, abandonarán sus cuentas incluso antes de configurarlas, por ejemplo.
Al diseñar, elimine la posibilidad de un error o diseñe un sistema que verifique el error antes de que vaya demasiado lejos. Por ejemplo, supongamos que requiere que los usuarios creen una contraseña que tenga al menos 8 caracteres e incluya un mínimo de un dígito.
¿Su sistema permitirá que el usuario siga creando una contraseña que no sea suficiente, solo para notificarle cuando haga clic en «Siguiente» o puede notificarle mientras escribe la contraseña? Este último es el mejor diseño.
4.Haga que la interfaz sea coherente
La coherencia en toda la interfaz de usuario se reduce a hacer que las cosas sean continuas, predecibles y dentro de las expectativas. Diseñar todo en todos los ámbitos lo más uniforme posible y asegurarse de que no haya sorpresas o resultados inesperados contribuye en gran medida a que las cosas sean consistentes.
Por el Principio de la menor sorpresa: «Si una función necesaria tiene un factor de asombro alto, puede ser necesario rediseñar la función».
¿Los usuarios tienen que adivinar qué significan las palabras y cuáles significan lo mismo? ¿Tienen que preocuparse por hacer clic en un botón determinado porque no están seguros de lo que hará? Garantice la coherencia de los procesos, la funcionalidad, la apariencia y la terminología.
Afortunadamente, no hay escasez de recursos en este asunto. La mayoría de creadores de sitios web de renombre le ayudará con esto, ya que cuentan con un diseño de cuadrícula uniforme y consistente.
5. Contexto
Como se suele decir hoy en día, «el contexto lo es todo». El contexto es cómo podemos conectar nuevas ideas junto con viejas ideas, construyendo relaciones y significado en nuestro mundo.
El mejor profesor para esta lección es probablemente un anunciante. Los anunciantes saben que sin la sensibilidad al contexto del momento y la forma en que presentan sus anuncios, los anuncios se vuelven inútiles y eso es una pérdida de dineroMire cómo Google AdWords determina cómo presentar anuncios.).
Del mismo modo, debe aplicar el diseño contextual en sus interfaces de usuario. La interfaz de usuario contextual es el diseño basado en la ubicación, sensible al tiempo y basado en la situación de un sitio web o aplicación para que entregue los datos más relevantes al usuario. Y esto no ha sido una gran preocupación para los diseñadores hasta hace unos años.
Con el crecimiento de la conectividad en tiempo real y la dependencia de Internet, el contexto podría ser la causa de su fracaso o éxito.
El contexto es clave para las relaciones humanas e igualmente importante para los elementos básicos del diseño. Esperamos que los objetos interactivos sean intuitivos y debemos diseñarlos para formar relaciones coherentes entre nuestros función y diseño.
6. Tamaño y distancia
Determinar el tamaño de los objetos de la IU y la cantidad de espacio en blanco entre ellos es crucial para asegurarse de que el diseño se vea equilibrado y predecible.
Además de captar la atención del usuario, esto también ayuda a los usuarios a comprender dónde están los objetos, sin tener que buscarlos por todos lados.
Prueba constante es mejor para determinar la mejor manera de hacerlo, ampliando lo que necesita llamar más atención y reduciendo lo que debe distraer menos.
7. Incumplimientos
A los desarrolladores y diseñadores generalmente les gusta personalizar todo.
Esto nos permite tener el control de todo, desde interfaces hasta fondos de pantalla y tonos de llamada. La mayoría de la gente, sin embargo, no parece molestarse con la personalización. La mayoría de los dispositivos y otros productos electrónicos de consumo adquiridos casi nunca se cambian. Por lo general, las personas no ajustan la configuración de fábrica, ya que cambiarlos requiere conocimientos, tiempo y esfuerzo.
Al conocer este hecho, es importante asegurarse de que la configuración predeterminada sea adecuada para que una gran cantidad de usuarios la comprendan y naveguen fácilmente. Esto significa decirle al usuario: «Oye, puedes personalizar esto, pero no es necesario».
8. Acciones guiadas
Por lo general, las personas no realizarán ninguna acción a menos que se les pida. Es por eso que tácticas como la llamada a la acción son tan poderosas para ayudar generar conversiones.
Más importante aún, pregúnteles «amablemente». ¿Qué significa esto? Por ejemplo, considere el momento y el contexto. ¿Le pedirá al usuario que comience otro objetivo sin completar el que tiene actualmente? Considere cuándo aparece una ventana emergente pidiéndoles que revisen otras cosas. Si no aparece después de que se desplazan hasta el final de la publicación, lo estás haciendo mal.
Tenga en cuenta que solo funciona cuando el visitante está realmente interesado en algo que está ofreciendo. Si puede demostrar que está proporcionando un valor significativo a las personas, no dude en pedirles a los usuarios que hagan algo a cambio, como seguir sus páginas de redes sociales o su blog. Esto funciona para mantener informados a sus usuarios y también para aumenta tu tráfico web tiempo extraordinario.
9. Acciones preferidas
En nuestra empresa de diseño web, notamos que los visitantes del sitio web no sabrían cómo contactarnos. Había demasiadas opciones. La gente a menudo se abrumaba y no sabía cómo iniciar el proceso de contacto.
Ellos mismos lo adivinarían y, como resultado, terminamos recibiendo menos conversiones de contacto. Al hacer que nuestras acciones deseadas sean más obvias, indicamos visualmente a los usuarios las acciones nosotros deseado.
Una vez más, no deje a sus usuarios adivinando. Hágales saber exactamente lo que quiere y notifíqueles cuando completen la acción.
10. Comentarios
Cuando entras en una habitación oscura y pulsas un interruptor de luz, esperas que la luz se encienda. Si no sucede nada cuando presiona el interruptor, puede suponer que algo salió mal. Esto es igualmente cierto cuando se trata de diseño.
A nadie le gusta estar inseguro sobre sus acciones, por lo que debe haber comentarios cortesía de mensajes de información sobre herramientas y notificaciones para mostrar a los visitantes que sus acciones fueron exitosas y reconocidas. La retroalimentación puede ser tan simple como ejecutar una encuesta web o agregar una notificación de «Completar» una vez que se envía un formulario, pero es crucial cuando comenzando un blog o aplicación.
Esto también enfatiza la necesidad de no dejar a sus visitantes con dudas. El sistema debe poder ofrecer una retroalimentación que sea relevante, adecuada en importancia y urgencia, integral, sensible y contextual.
Conclusión
El arte del diseño está en constante cambio y continuaremos encontrando nuevas formas de combinar la función y la forma en el diseño de la interfaz de usuario. Hemos pasado por cosas como el minimalismo y el diseño receptivo, cambiando y transformándonos a medida que las nuevas tecnologías llegan a la vanguardia.
Con estas diez reglas de la interfaz de usuario en mente, no olvide que algunas reglas están diseñadas para romperse.
Probar y experimentar es la forma en que aprendemos nuevas técnicas confiables, pero podemos confiar en varias de estas reglas como base.
