El diseño nunca solía importar demasiado.

Es difícil de imaginar ahora, pero antes de que meteórico ascenso de Apple a la popularidad mundial, el diseño por lo general pasó a segundo plano a la funcionalidad. Hoy, 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 para aprender y enfocarse en 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 de diseño de interfaz de usuario para recordar:

1. Atienda a la usabilidad universal

Con la explosión de diferentes tipos de dispositivos hoy en día, un tamaño ciertamente no se ajustará a todos .

Cuando tú crea tu sitio web o aplicación, debe asegurarse de diseñar con todos los tamaños de pantalla en mente. Esto significa cargar completamente en conexiones de internet de banda ancha baja y alta, formatear apropiadamente tanto en iPad como en iPhone.

En el pasado, los desarrolladores se han concentrado principalmente en crear una buena interfaz de usuario para escritorio. Pero, solo para actualizar su memoria, el uso de dispositivos móviles superó el uso de computadoras de escritorio en 2014. Entonces, ¿debería cambiar su enfoque a los 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 del escritorio todavía es significativamente alto, con 42% de participación .

Por lo tanto, la clave es crear interfaces de usuario adaptables eso le dará al consumidor una gran experiencia a pesar de la pantalla u orientación del dispositivo que está utilizando.

2. Claridad

La gente está extremadamente ocupada y, debido a esto, rara vez dedican toda su atención a una tarea. Debido a esto, necesita mantener su diseño simple de entender.

No hagas que tus usuarios adivinen. Use un lenguaje que puedan entender fácilmente en términos de palabras, frases y conceptos. Evite utilizar términos especiales del sistema o de la industria e insista en un idioma familiar para la audiencia.

Si tiene la intención de que el usuario complete ciertos objetivos, permita que las acciones estén en una secuencia que tiene un comienzo, un medio y un final. Cuando terminen, use una notificación para informar al usuario e incluya los próximos 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 visitantes que toman la acción deseada .

Si algo sale mal o se carga de manera incorrecta, la mayoría de los visitantes no esperarán una solución, simplemente se irán. Manténgase alerta y manténgase atento a los errores, solucionando 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 transfieren este odio hacia usted y avanzan, abandonarán sus cuentas incluso antes de que se establezcan, por ejemplo.

Al diseñar, elimine la posibilidad de un error o diseñe un sistema que verifique el error antes de que avancen demasiado. Por ejemplo, supongamos que requiere que los usuarios creen una contraseña de al menos 8 caracteres e incluye un mínimo de un dígito.

¿Su sistema permitirá que el usuario continúe creando una contraseña que se quede corta, solo para notificarlos cuando estén haciendo clic en "Siguiente" o puede notificarlos mientras escriben la contraseña? Este último es el mejor diseño.

4. Hacer que la interfaz sea consistente

La consistencia a lo largo de la interfaz de usuario se reduce a hacer que las cosas sean continuas, predecibles y dentro de las expectativas. Diseñar todo lo más uniforme posible y asegurarse de que no haya sorpresas o resultados inesperados contribuye en gran medida a hacer que las cosas sean coherentes.

Por el Principio de la menor sorpresa : "Si una característica necesaria tiene un alto factor de asombro, puede ser necesario rediseñar la función".

¿Los usuarios tienen que adivinar qué significan las palabras y cuáles significan lo mismo? ¿Deben preocuparse por hacer clic en un botón determinado porque no están seguros de qué hará? Asegure la consistencia de los procesos, la funcionalidad, el aspecto y la terminología.

Afortunadamente, no hay escasez de recursos en este asunto. La mayoría de constructores de sitios web de buena reputación lo ayudará con esto ya que cuentan con un diseño de disposición de cuadrícula uniforme y consistente.

5. Contexto

Como se dice a menudo hoy, "El contexto lo es todo". El contexto es cómo podemos conectar ideas nuevas con ideas antiguas, construir relaciones y significado en nuestro mundo.

El mejor maestro para esta clase es probablemente un anunciante. Los anunciantes saben que sin sensibilidad al contexto en cuanto al momento y la forma en que presentan sus anuncios, los anuncios pierden su valor, y eso es dinero desperdiciado ( mira 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 brinde la información más relevante para el 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 deben diseñarse para formar relaciones coherentes entre función y diseño .

6. Tamaño y distancia

Determinar el tamaño de los objetos UI y la cantidad de espacio en blanco entre sí 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 entender dónde están los objetos, sin tener que buscarlo por todos lados.

Pruebas constantes es lo mejor para determinar la mejor manera de hacerlo, ampliando lo que se necesita para llamar la atención y reducir lo que debe ser menos distrayente.

7. Valores predeterminados

A los desarrolladores y diseñadores generalmente les gusta personalizar todo.

Esto nos permite tener control de todo, desde interfaces hasta fondos de pantalla y tonos de llamada. La mayoría de las personas, sin embargo, no parece molestarse con la personalización. La mayoría de los dispositivos y otros productos electrónicos de consumo comprados casi nunca se cambian . Por lo general, las personas no ajustan sus configuraciones de fábrica, ya que cambiarlas requiere conocimientos, tiempo y esfuerzo.

Al conocer este hecho, es importante asegurarse de que su configuración predeterminada sea adecuada para que un gran grupo de usuarios la entienda y navegue fácilmente. Esto significa decirle al usuario: "Oye, puedes personalizar esto, pero no es necesario".

8. Acciones guiadas

La gente normalmente no tomará ninguna medida a menos que se lo pidan. Es por eso que las tácticas como el llamado 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 tiempo y el contexto. ¿Le pedirá al usuario que comience otro objetivo sin completar el que está actualmente? Considere cuando aparece una ventana emergente pidiéndoles que revisen otras cosas. Si no aparece después de que se desplazan al final de la publicación, entonces 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 blog. Esto funciona para mantener informados a los usuarios, y también para que aumentar su tráfico web a través del tiempo.

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. Las personas a menudo se sienten abrumadas y no saben cómo iniciar el proceso de contacto.

Se adivinarían a sí mismos y, como resultado, terminamos recibiendo menos conversiones de contactos. Al hacer que nuestras acciones deseadas sean más obvias, visualmente les indicamos a los usuarios las acciones que deseábamos .

De nuevo, no dejes a tus usuarios adivinando. Hágales saber exactamente lo que desea y notifíquelos cuando completen la acción.

10. Comentarios

Cuando entras en una habitación oscura y accionas un interruptor de luz, esperas que la luz se encienda. Si no ocurre nada cuando mueves el interruptor, puedes asumir que algo salió mal. Esto es igualmente cierto cuando se trata de diseño.

A nadie le gusta estar inseguro acerca de sus acciones, por lo que debe haber comentarios por cortesía de los mensajes de sugerencias y notificaciones para mostrarles a los visitantes que sus acciones fueron exitosas y reconocidas. La retroalimentación puede ser tan simple como ejecutando una encuesta web o agregar una notificación "Completa" una vez que se envía el formulario, pero es crucial cuando comenzando un blog o aplicación

Esto también enfatiza la necesidad de no dejar que los visitantes se cuestionen por sí mismos. El sistema debería ser capaz de ofrecer retroalimentación que sea relevante, apropiada en importancia y urgencia, comprensiva y sensible y contextual.

Conclusión

El arte del diseño cambia constantemente y seguiremos encontrando nuevas formas de combinar funciones y formas en el diseño de la interfaz de usuario. Hemos pasado por cosas como el minimalismo y el diseño receptivo, el cambio y la transformación a medida que las tecnologías más nuevas pasan a primer plano.

Con estas diez reglas de UI en mente, no olvide que algunas reglas están hechas para romperse.

Probar y experimentar es cómo aprendemos nuevas técnicas confiables, pero podemos basarnos en varias de estas reglas como nuestra base.