Grillas & Jerarquización Visual - Repaso

​Vamos a repasar...

​Hoy vamos a repasar contenido sobre Grillas y Jerarquía Visual. Les recomendamos que tengan su documento a mano y que todas aquellas dudas que vayan surgiendo nos vayan escribiendo por el chat de Youtube :)

Multiple Choice

La percepción visual es una actividad activa porque

• Nuestro cerebro espera recibir estímulos para elegir lo que ve

• Nosotros decidimos qué es lo que queremos ver y qué llama la atención

• El ojo automáticamente percibe lo simple y concreto

Multiple Choice

Psicológicamente nos atrae lo inusual y lo que marque diferencia: ¿En cuál de estas webs se diferencia mejor el CTA? (Call to action)

Multiple Choice

Las grillas permiten organizar el contenido, el cual debe mantenerse estrictamente alineado con la misma a lo largo de todo un diseño.

• Verdadero

• Falso

Multiple Choice

El diseño responsive es posible gracias al tipo de grilla:

• Fija, ya que mantiene el contenido tal cual sin importar la pantalla

• Híbrida ya que combina ambas características y permite la adaptación del contenido

• Fluída ya que se adapta al contenido al formato de pantalla

Multiple Choice

Cuando utilizamos grillas, la experiencia de usuario mejora porque:

• Mejoran las jerarquías del contenido para guiar el usuario y la consistencia.

• Permite aplicar la acentuación de la percepción visual.

• Ayudan a que la comunicación sea directa y a la estructura .

Multiple Choice

Esta imagen representa:

• Gutters/Calles

• Columnas

Multiple Choice

El tamaño de los márgenes tiene que ser

• Pequeños para que el contenido abarque el mayor espacio posible.

• Depende del proyecto, se elige el tamaño óptimo que acompañe el contenido

• Grandes, para que haya aire en el diseño y no se sobrecargue

Multiple Choice

Las grillas pueden no seguirse

• No, es importante seguir un lineamiento del contenido para mantener la consistencia.

• Si, pueden romperse, mientras sea algo sutil para generar ciertas sensaciones.

Multiple Choice

Cuando hablamos de jerarquía visual, nos referimos a:

• A los tamaños de los elementos en una pantalla.

• La importancia que tienen algunos elementos con respecto a otros en un diseño.

• A la importancia del contenido por orden de aparición.

Multiple Choice

La repetición para crear jerarquías se percibe como:

• La agrupación de elementos a partir de su cercanía

• Elementos similares que se perciben en un mismo nivel de lectura.

• El orden de elementos que se captan con mayor facilidad por apariencia.

Multiple Choice

La jerarquía visual no sólo ayuda a la armonía visual sino que también refuerza la usabilidad y la experiencia de usuario

• Falso, en realidad permite que estructuremos el contenido pero la usabilidad se mide con otro método

• Verdadero, ya que de esta forma entendemos las necesidades de los usuarios y resta las confusiones.

Multiple Choice

¿Cuál de los atributos para la jerarquía visual representa esta imagen?

• Apariencia

• Contraste

• Proximidad

Multiple Choice

Establecer jerarquías claras ayuda a:

• Trabajar variables en simultáneo, optimizar la cantidad información, mantener consistencia

• Mantener consistencias y ayudar a ordenar el contenido

• Medir y saber qué tipo de contenido percibe primero el usuario

Multiple Choice

¿Cuál de los atributos para la jerarquía visual representa esta imagen?

• Perspectiva

• Espaciado

• Alineación

Multiple Choice

¿Cuál de los atributos nos permite ofrecer información

sobre el estado de la interfaz?

• Los tamaños

• El color

• Los textos