Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UI Design
Webdesign

8 reglas de oro para un mejor diseño de interfaz

by
Length:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

Los diseñadores deben resolver problemas todos los días, y encontrar la solución adecuada involucra una investigación profunda y pruebas cuidadosamente planificadas. Sería magnífico descubrir un enfoque único para todos o una fórmula secreta que automáticamente resolviera todos los problemas de diseño de nuestra interfaz. Es posible que todavía no tengamos la respuesta para eso, pero sí conocemos ciertos atajos que a veces podemos tomar.

Las "heurísticas" son reglas simples y eficientes que nos ayudan a crear juicios y tomar decisiones. Podemos considerarlas como directrices generales en términos de las mejores prácticas de UI.

Nota: estas reglas tienen su tiempo y su lugar, y no son un reemplazo para las pruebas de usabilidad.

A pesar de que las 10 heurísticas para el diseño de la interfaz de usuario de Jakob Nielsen es probablemente el conjunto más popular de heurísticas, hay otras. Ben Shneiderman creó una de las mejores guías para el diseño de una interacción sólida llamada Designing the User Interface (Diseñando la interfaz del usuario), que muestra su propia colección de principios conocidos como las "ocho reglas de oro del diseño de la interfaz". Hoy vamos a ver estas reglas.

Ben Schneiderman
Loren Terveen y Ben Shneiderman en la webshop 2011 en la Universidad de Maryland © Marc Smith

1. Trabaja por la consistencia

Diseñar “interfaces consistentes” significa utilizar los mismos patrones de diseño y las mismas secuencias de acciones para situaciones similares. Esto incluye, pero no se limita a, el uso correcto del color, la tipografía y la terminología en las pantallas de aviso, comandos y menús a lo largo del viaje de tu usuario.

Recuerda: una interfaz coherente permitirá a tus usuarios completar sus tareas y objetivos con mucha más facilidad.

Namastelight by Martin Strba Style guidelines are one way to ensure consistency in your design process
Las directrices de estilo de Namastelight de Martin Strba son una manera de garantizar la coherencia en tu proceso de diseño.

2. Permite que los usuarios frecuentes utilicen atajos

Hablando de utilizar las reglas de UI como accesos directos, tus usuarios también se beneficiarán de los accesos directos, especialmente si necesitan completar las mismas tareas con frecuencia.

Los usuarios expertos pueden encontrar útiles las siguientes características:

  • Abreviaturas
  • Teclas de función
  • Comandos ocultos
  • Macro facilities


Context menu by Khalid Hasan Zibon
Menú contextual de Khalid Hasan Zibon

3. Ofrece comentarios informativos

Necesitas mantener a tus usuarios informados de lo que está ocurriendo en cada etapa de su proceso. Esta retroalimentación debe ser significativa, relevante, clara y adaptada al contexto.

File upload by Antonija Vresk
Subida de archivo por Antonija Vresk

4. Diseña un diálogo para notificar la conclusión

Déjame explicar. Las secuencias de acciones necesitan tener un principio, medio y final. Una vez que una tarea sea completada, otorga un poco de tranquilidad a tu usuario proporcionándole comentarios informativos y opciones bien definidas para el siguiente paso, si ese es el caso. ¡No dejes que se lo pregunten!

Flash message by Jose Antonio Orellana
Flash Message por Jose Antonio Orellana

5. Ofrece un manejo simple de errores

Una buena interfaz debe estar diseñada para evitar errores tanto como sea posible. Pero cuando los errores ocurren, tu sistema necesita hacer que sea fácil para el usuario enternder el problema y saber cómo resolverlo. Las métodos para manejar los errores incluyen desplegar notificaciones de error claras junto a sugerencias descriptivas para resolver el problema.

Litmus form validation by Adnan Khan
Validación del formulario de Litmus por Adnan Khan

6. Permite una reversión fácil de acciones

Es un alivio instantáneo encontrar esa opción de "deshacer" después de cometer un error. Tus usuarios se sentirán menos ansiosos y será más probable que exploren opciones si saben que existe una forma fácil de revertir cualquier accidente.

Esta regla se puede aplicar a cualquier acción, grupo de acciones o entrada de datos. Puede abarcar desde un simple botón hasta un historial completo de acciones.

Undo countdown by Tyler Beauchamp
Undo countdown por Tyler Beauchamp

7. Soporta un punto de control interno

Primero, una definición:

"En la psicología de la personalidad, el punto de control es el grado en que las personas creen que tienen control sobre el resultado de los eventos" - Julian Rotter

Es importante proporcionar control y libertad a tus usuarios para que puedan sentir que están a cargo del sistema, y ​​no al revés. Evita sorpresas, interrupciones o cualquier cosa que no haya sido solicitada por los usuarios.

Los usuarios deben ser los iniciadores de las acciones en vez de ser los que respondan.

Permissions dialogs by Vlad Ponomarenko
Diálogos de permisos por Vlad Ponomarenko

8. Reduce la carga de memoria a corto plazo

Nuestra capacidad de atención es limitada y cualquier cosa que podamos hacer para facilitar el trabajo de nuestros usuarios, es mejor. Para nosotros es más fácil reconocer la información que recordarla. Aquí, podemos mencionar a uno de los principios de Nielsen que describen el "reconocimiento sobre el recuerdo". Si mantenemos nuestras interfaces simples y consistentes, obedeciendo a patrones, estándares y convenciones, ya estamos contribuyendo a un mejor reconocimiento y facilidad  de uso.

Hay varias características que podemos añadir para ayudar a nuestros usuarios según sus objetivos. Por ejemplo, en un entorno de comercio electrónico, una lista de artículos vistos recientemente o que hayan sido comprados.

Recently viewed contacts for Capsule by Gavin Williams
Contactos vistos recientemente de Capsule por Gavin Williams

Conclusión

Si bien siempre debes tomar decisiones basadas en heurísticas con una pizca de sal, seguir un conjunto de reglas y directrices te guiará en la dirección adecuada y te permitirá descubrir problemas importantes de usabilidad al inicio de tu proceso de diseño. Estos ocho principios son aplicables a la mayoría de las interfaces de usuario; se derivan de la experiencia de Shneiderman y se han refinado durante tres décadas. Otros, como Jakob Nielsen y Don Norman han ampliado estas reglas y han contribuido con sus propias variaciones.

Tú también puede utilizarlos como inspiración para crear tu propio conjunto de heurísticas, o combinar los ejemplos existentes para resolver tus propios problemas de diseño.


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.