Jerarquía visual clara

LIBP-0031 (Libro de pautas)

Se ofrecen unas indicaciones a seguir para obtener una jerarquía visual clara

Pautas

TítuloCarácter
Jerarquizar la informaciónObligatoria
Agrupar contenidos similaresObligatoria
Áreas de la pantallaObligatoria
Número de ítems limitado en un menúRecomendada

Jerarquizar la información

Jerarquizar la información que se muestra en una aplicación o sistema en diferentes niveles.

La información que se muestre en una aplicación debe estar jerarquizada en diferentes niveles. Es probable que con ello aumente el número de clicks para acceder a la misma pero será una molestia leve siempre que se pueda tener la convicción de que se sigue el camino adecuado hasta la información buscada. Además, cada elemento debe dejar claro de quién proviene y qué elementos descienden de él.

Agrupar contenidos similares

Agrupar los contenidos del mismo tipo que aparezcan a la vez en pantalla.

Si en una pantalla se muestran diferentes contenidos de tipos distintos, los elementos del mismo tipo deben ir agrupados para facilitar su comprensión y selección.

Áreas de la pantalla

Dividir la pantalla en diferentes áreas claramente delimitadas.

Las diferentes áreas que componen la pantalla deben tener una limitación clara para facilitar al usuario el uso de cada una de ellas.

Número de ítems limitado en un menú

Limitar el tamaño de los menús y submenús a seis o siete elementos.

Siempre que sea posible, se debe limitar el número de ítems que componen un menú ya que un número elevado dificulta la navegación.

Contenidos relacionados