Tips: Usabilidad y Diseño de Interfaces

Esta semana de trabajo ha sido realmente movida, y nuestros diseñadores Web están dando el 120% en la creación de interfaces Web, para diferentes proyectos y aplicaciones.Al yo ser una persona curiosa, observo embelesado la capacidad que tienen estos diseñadores para plasmar todos los datos y estrategias establecidos con las empresas y clientes en una estructura gráfica dinámica, sobria, estética, ajustada a las nuevas tendencias y por sobre todo de alto nivel en cuanto a usabilidad.

“Las Aplicaciones Web deben ser bonitas y ante todo usables”

Como tú ya has leído, en el blog del miércoles siempre buscamos compartir nuestro conocimiento basado en experiencias laborales. En esta ocasión hemos compilado un listado de lo que debes tener en cuenta en materia de diseño de interfaces y usabilidad, gracias a una ponencia realizada por Eduardo Mercovich en el marco del SIGGRAPH  en Buenos Aires, Argentina .

Estas son algunos de los ítems más importantes  que se deben tener en cuenta a la hora de crear interfaces de manera usable:

• Hable el lenguaje de los usuarios

• Use frases y conceptos familiares para el usuario.
• Presente la información en un orden natural y lógico para el usuario.

• Sea consistente

• Indique conceptos similares con igual terminología y gráfica.
• Utilice convenciones uniformes para la diagramación y el formato de la información.

• Minimice la carga cognitiva

• Trate de utilizar el reconocimiento más que la memoria.
• No fuerce a los usuarios a recordar información entre documentos.
• Otorgue enlaces directos a la información necesaria.

• Arme sistemas eficientes y flexibles

• Diseñe un sistema que pueda ser utilizado por un rango amplio de usuarios.
• Brinde instrucciones cuando sean necesarias para nuevos usuarios pero que no se entrometa en el camino de usuarios avanzados.

• Permita a los usuarios avanzados ir directamente al contenido que buscan.

• Diseñe sistemas con criterio minimalista y estético

• Elimine información irrelevante o déjela disponible sólo por pedido.
• Tenga en cuenta el diseño de factores humanos (ergonomía y diseño visual).
• Trate de generar una sensación positiva a nivel estético.

• Agrupación de la información

• Trate de ordenar la información para que los documentos sean auto contenidos
• Cuando los documentos se hagan demasiados largos, provea navegadores internos.
• No fuerce a los usuarios a acceder a múltiples documentos para tomar un sólo concepto.

• Provea niveles de detalle progresivos

• Organice la información jerárquicamente, con la general antes que la particular.
• Aproveche las características del hipertexto para proveer detalle en demanda, pero no incluirlo en donde hay información más general.

• Provea información sobre ubicación y navegación

• Provea links directos y facilite el salto entre información relacionada.
• Otorgue pistas para que el usuario sepa dónde se encuentra y a dónde puede ir.
• Facilite en lo posible una vuelta a la cabecera de la sección o del sitio.
• Redacte los enlaces de manera que sea claro el destino.

• No mienta al usuario

• Elimine la información errónea o poco clara.
• No enlace o se refiera a información que aún no exista.

Un abrazo de usabilidad, hasta la próxima vez que me de por curiosear lo que hacen en la empresa.

Recuerda… profundiza en la información ve a la fuente original… Wikipedia, Eduardo Mercovich,  SIGGRAPH

---

---