Miguel Peribáñez | Diseñador y Consultor UX

Miguel Peribáñez - Diseñador y Consultor UX

9 REGLAS ESENCIALES PARA EL DISEÑO UI

Es difícil de imaginar ahora, pero antes de la ascensión meteórica de Apple a la popularidad mundial, el diseño por lo general tomó un asiento trasero respecto 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 han 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 enfocarse para unir la funcionalidad y la estética en un solo paquete.

Aquí hay 10 reglas importantes de diseño de interfaz de usuario para recordar:
 

1. SIRVE A LA USABILIDAD UNIVERSAL

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

Cuando creas tu sitio web o aplicación, debes asegurarte de diseñar con todos los tamaños de pantalla en mente. Esto significa cargar completamente en conexiones de Internet de bajo y alto ancho de banda, hasta el formato apropiado en iPad e iPhones.

En el pasado, los desarrolladores se concentraban principalmente en la creación de una buena interfaz de usuario para el escritorio. Pero, sólo para refrescar tu memoria, el uso móvil superó el uso del escritorio en 2014. Así que, ahora ¿se debe cambiar el enfoque a móviles? Si bien es importante prestar especial atención a los móviles, también vale la pena considerar que el uso de escritorio sigue siendo significativamente alto, con un 42% de participación.

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

2. CLARIDAD

La gente está muy ocupada, y debido a esto, rara vez dedican toda su atención a una tarea. Debido a esto, necesitas para mantener tu diseño fácil de entender.

No hagas que tus usuarios adivinen. Utiliza un lenguaje que puedan entender fácilmente en términos de palabras, frases y conceptos. Evita el uso de términos especiales del sistema o de la industria e insiste en un lenguaje familiar para el público.

Si deseas que el usuario complete ciertos objetivos, deja que las acciones se realicen en una secuencia que tenga un principio, un centro y un final. Cuando hayan terminado, utiliza una notificación para informar al usuario y mostrar los siguientes pasos.

Por ejemplo, si estás diseñando una página para un sistema de banca online, puedes agrupar las acciones en “Detalles de contacto”, “Detalles de cuenta” y “Configuración de perfil” en lugar de tenerlas todas en un solo formulario.

 

3. EVITA ERRORES

Los errores no son sólo anomalías y errores, sino también grandes obstáculos para que los visitantes para que 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, se irán. Mantente vigilante y mantente en busca de errores, arreglando los que localices tan pronto como sea posible.

A los usuarios no les gusta cometer errores. Se sienten peor si piensan que tienen la culpa del error. Si no le transmiten este odio y siguen adelante, abandonarán sus cuentas incluso antes de que se establezcan, por ejemplo.

Al diseñar, elimina la posibilidad de un error o diseña un sistema que compruebe el error para que los usuarios no vayan demasiado lejos. Por ejemplo, supongamos que requieres que los usuarios creen una contraseña de al menos 8 caracteres e incluya un mínimo de un dígito.

¿Tu sistema dejará que el usuario siga creando una contraseña que se quede corta, sólo para notificarles cuando estén haciendo clic en “Siguiente” o puedes notificarlas mientras escriben la contraseña? Este último es el mejor diseño.

 

4. CREA UNA INTERFAZ CONSISTENTE

La consistencia en toda la interfaz de usuario se reduce a hacer las cosas continuas, predecibles y dentro de las expectativas. Diseñar todo lo más uniforme posible y asegurarse de que no hay sorpresas ni resultados inesperados ayuda mucho a hacer las cosas consistentes.

Por el Principio de Menor Sorpresa: “Si una característica necesaria tiene un factor de gran asombro, puede ser necesario rediseñar la característica.”

¿Los usuarios tienen que adivinar qué significan las palabras y cuáles significan lo mismo? ¿Tienen que preocuparse de hacer clic en un botón determinado porque no están seguros de lo que va a hacer? Asegura la coherencia de los procesos, funcionalidad, apariencia y terminología.

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

5. CONTEXTO

Como se suele decir, “El contexto lo es todo”. El contexto es la forma en que somos capaces de conectar nuevas ideas junto con viejas ideas, construyendo relaciones y significado en nuestro mundo.

El mejor maestro para esta lección es probablemente un anunciante. Los anunciantes saben que sin sensibilidad al tiempo y la forma en que presentan sus anuncios, los anuncios se convierten en inútiles, y eso es dinero desperdiciado (observa cómo Google AdWords determina cómo presentar anuncios).

Del mismo modo, tienes que aplicar el diseño contextual en tus interfaces de usuario. La interfaz de usuario contextual es el diseño basado en la ubicación, en función del tiempo y en función de la situación de un sitio web o una aplicación, de modo que proporciona 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 tu 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 se deben diseñar para formar relaciones coherentes entre nuestra funcionalidad y el diseño.
 

6. TAMAÑO Y ESPACIOS

Determinar el tamaño de los objetos de interfaz de usuario y la cantidad de espacios en blanco entre sí es crucial para asegurarse de que el diseño parece equilibrado y predecible.

Aparte 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 todas partes.

La prueba constante es la mejor para determinar la mejor manera de ir sobre esto, ampliando lo que necesita llamar más atención y reduciendo lo que provoca distracción. 

7. POR DEFECTO…

Los desarrolladores y diseñadores suelen personalizar todo.

Esto nos permite tener control de todo, desde interfaces a fondos de pantalla a tonos de llamada.

La mayoría de las personas, sin embargo, no parecen molestarse con la personalización. La mayoría de los dispositivos y otros productos electrónicos comprados casi nunca se cambian.

Normalmente, las personas no modifican sus ajustes de fábrica, ya que cambiarlos requiere conocimientos, tiempo y esfuerzo.

Al conocer este hecho, es importante asegurarse de que tu configuración predeterminada es adecuada para un gran lote de usuarios para entender y navegar fácilmente. Esto significa decirle al usuario: “Oye, puedes personalizar esto, pero no tienes que hacerlo”.
 

8. ACCIONES GUIADAS

La gente normalmente no realizará ninguna acción a menos que se les pregunte. Es por eso que tácticas como la llamada a la acción son tan poderosas para ayudar a impulsar las conversiones.

Más importante aún, pídeles “muy bien”. ¿Qué significa esto? Por ejemplo, considera la oportunidad y el contexto. ¿Pedirás al usuario que comience otra meta sin completar la que están actualmente? Considera cuándo aparece un pop-up pidiéndoles que revisen algunas otras cosas. Si no aparece después de desplazarse hasta el final de la publicación, entonces lo está haciendo mal.

Toma en cuenta que sólo funciona cuando el visitante está realmente interesado en algo que estás ofreciendo. Si puedes demostrar que estás proporcionando un valor significativo a la gente, entonces no dudes en pedir a los usuarios a hacer algo a cambio como seguir tus páginas de redes sociales. Esto funciona para mantener a tus usuarios informados, y también para aumentar naturalmente su tráfico web a través del tiempo.
 
 

10. FEEDBACK

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

A nadie le gusta dudar en sus acciones, por lo que el feedback de los mensajes de información y notificaciones para mostrar a los visitantes que sus acciones fueron exitosas y se han reconocido debe trabajarse. El feedback puede ser tan simple como ejecutar una encuesta web o agregar una notificación “Completa” una vez que se envía un formulario, pero es crucial al iniciar un blog o una aplicación.

Esto también hace hincapié en la necesidad de no dejar que tus visitantes vayan adivinando. El sistema debe ser capaz de ofrecer feedback que sea relevante, apropiado en importancia y urgencia, integral y sensible y contextual.
 

CONCLUSIÓN

El arte del diseño es siempre cambiante, y vamos a seguir encontrando nuevas formas de combinar la funcionalidad y la forma en el diseño de interfaz de usuario. Hemos pasado por cosas como el minimalismo y el diseño receptivo, cambiando y transformando a medida que las nuevas tecnologías pasan a la vanguardia.

Con estas nueve reglas de interfaz de usuario en mente, no olvides que algunas reglas se hacen para romperse.

Prueba y experimenta para aprender nuevas técnicas de confianza, pero podemos confiar en varias de estas reglas como nuestra base.

:)