Coherencia

Interface Toolkit

¿Qué es?

El principio de coherencia determina que los sistemas son más usables cuando las funciones similares se representan de manera similar.

La coherencia permite a los usuarios aplicar lo aprendido a nuevos contextos, de manera que agiliza el aprendizaje de una interfaz y permite que la atención se centre en los aspectos relevantes de la tarea.

Implicaciones en el diseño de interfaces

La coherencia en el diseño de interfaces favorece dos cuestiones:

  • Permite que los usuarios aprendan a utilizar una interfaz en menos tiempo, porque incluye elementos reconocibles para el usuario, o porque los nuevos elementos mantienen su significado o función una vez presentados.
  • Evita confusiones.

En el entorno de diseño existen cuatro tipos de coherencia:

1. Estética

Se refiere a la coherencia en estilo y apariencia. Permite que un producto se identifique con una marca determinada, y que comunique los valores de esta.

La mejor herramienta para conseguir coherencia estética consiste en utilizar una guía de estilo de manera que los elementos visuales correspondan a unas pautas básicas.

2. Funcional

Se refiere a la coherencia entre forma y función: a misma función, misma forma. Si a lo largo de una interfaz el usuario encuentra diversas veces el mismo icono, por ejemplo, le será fácil reconocer su función si esta se mantiene de manera coherente.

Los UI design patterns (modelos de diseño de interfaz) son un buen recurso para definir elementos que mantengan la coherencia funcional a lo largo del flujo de interacción.

En internet existen numerosas bibliotecas de design patterns. La Interaction Design Foundation ofrece una buena selección en su artículo «10 Great Sites for UI Design Patterns».

Design patterns de Material Design (Android)
Fuente: https://commons.wikimedia.org/wiki/File:Material_Design.svg

3. Interna

Se refiere a la coherencia a lo largo de las páginas o pantallas de una interfaz, o a la coherencia de una interfaz respecto a otros productos de su mismo grupo. Por ejemplo, las diferentes herramientas de Microsoft Office son coherentes entre ellas, de manera que el usuario puede aprender rápidamente cómo utilizarlas si tiene experiencia con alguna de ellas.

Los sistemas de diseño (design systems) tienen como finalidad establecer las guías de diseño (tanto estético como funcional) para sistemas de aplicaciones. Algunos excelentes ejemplos de sistemas de diseño son:

4. Externa

Se refiere a la coherencia de un diseño respecto a estándares ya definidos. Por ejemplo, la utilización de un icono «x» para cerrar una aplicación es un estándar que aparece en múltiples productos, independientes entre sí.

Referencias

Lidwell, W.; Holden, K.; Butler, J. (2010). Universal Principles of Design. Rockport.

Nikolov, A. (2017). «Design principle: Consistency» [en línea]. UX Collective. [Fecha de consulta: 18 de enero de 2018].

<https://uxdesign.cc/design-principle-consistency-6b0cf7e7339f>

Wong, E. «Principle of Consistency and Standards in User Interface Design» [en línea]. Interaction Design Foundation. [Fecha de consulta: 18 de enero de 2018].

<https://www.interaction-design.org/literature/article/principle-of-consistency-and-standards-in-user-interface-design>