DISEÑO DE INTERFACES

¿QUÉ HACE UNA BUENA INTERFAZ DE USUARIO?

1. Claridad: Evitando ambigüedades, dejando los elementos claros a través de metáforas, jerarquía, lenguaje y flujo visual. Las interfaces claras no necesitan manuales y aseguran que el usuario cometa menos errores. Etiquetas, textos destacados, numeración y flujo visual a través de path.

2. Concisión: Es fácil hacer que una interfaz sea fácil de entender especificándo y etiquetando todos sus elementos, pero corremos el peligro de diseñar una interfaz sobrecargada donde hay demasiadas cosas en la pantalla, haciendo que al usuario le resulte difícil encontrar lo que busca.

El verdadero reto será hacer una interfaz concisa y clara al mismo tiempo.

3. Familiaridad: Algo resulta familiar cuando nos recuerda a cosas con las que ya hemos trabajado anteriormente. Podemos usar metáforas de la vida real para dar significado a los elementos de nuestra interfaz.

4. Capacidad de respuesta: Esto significa un par de cosas: en primer lugar velocidad. Una buena interfaz no debería hacer esperar, y debería priorizar las tareas más comunes. En segundo lugar la interfaz debe proporcionar un buen feedback al usuario sobre que esta pasando y si las acciones del mismo están siendo procesadas correctamente ( ej. mensaje 'si no es redirigido a la página en unos segundos haga click aquí' ).

5. Consistencia: Mantener el diseño de nuestra interfaz consistente a lo largo de toda la aplicación es importante porque permite a los usuarios reconocer patrones de uso. Por otro lado evita ambigüedades y confusiones. Una vez que los usuarios aprenden cómo funcionan ciertas partes de la interfaz, pueden aplicar éste conocimiento al resto de áreas y funcionalidades dado que la interfaz y su funcionamiento se mantienen constantes.

6. Estética: Aunque no sea el primer objetivo, no deja de ser un objetivo a cumplir. Una interfaz no necesita ser bonita para poder funcionar, sin embargo hacer un diseño agradable contribuirá a que la experiencia de usuario mejore.

7. Eficiencia: El tiempo es dinero, y una buena interfaz debería conseguir que los usuarios obtuvieran mayor productividad a través de atajos y de un buen diseño. Al fin y al cabo éste es uno de los beneficios inherentes de la tecnología: nos permite realizar tareas en menos tiempo y con menos esfuerzo, haciendo la mayoría del trabajo por nosotros. Quien no recuerda el copiar pegar, o el comando deshacer.

8. Gestión de errores: Todo el mundo comete errores, y cómo se encargue de gestionar los errores de usuario será un test de calidad. Será fácil deshacer acciones, recuperar archivos borrados, una buena interfaz no debería castigar a los usuarios por sus errores sino más bien facilitarles los medios para arreglarlos.

Recordar datos, acceso rápido si olvidas la clave y resalta el login

Crear algo que sea simple y elegante y al mismo tiempo claro y consistente es el objetivo que debemos perseguir como diseñadores de interfaces de usuario.

Consejos:

• Antes de programar haz bocetos de las pantalla (prototipos de papel)

• Recuerda que no estas diseñando para ti, desarrollas para los usuarios.

• Trata de usar colores neutros y de contraste no molesto para las áreas de mayor tamaño de tu aplicación

• Los colores llamativos de alto contraste deberán usarse para indicar acción. Ejemplo: rojo indica alerta peligro mientras que el amarillo llama la atención pero con menos urgencia. El verde indica continuidad, invita a continuar una acción.

• Usar iconos, siempre es mejor sugerir algo por medio de gráficos que por la lectura de una descripción.

Bibliografía:

•Diseño de interfaz, Victor Tisnao•Características comunes a toda interfaz bien diseñada José Balaguer