Aquí resolvemos algunas de las interrogante sobre la percepción visual de los sitos webs, cuál es el papel de la atención visual y los problemas que los usuarios se tienen que enfrentar y no caer en la distracción. En esta presentación podrá encontrar: - ¿Cómo las personas percibimos visualmente? - ¿Es fácil perder de vista algo que no buscas? - La atención visual. - Ceguera selectiva. - ¿Qué debemos hacer frente a la ceguera selectiva? Fuente: www.blog.pucp.edu.pe/ux

1. Percepción visual
Principios fundamentales

2. ¿cómo las personas percibimos
visualmente?

3. Comportamiento ocular = (saltos llamados “Sacadas”) + (Fijaciones, que permite
enfocar y percibir una zona.)
Duración de los saltos sacádicos es de 30 a 120 ms.
En las sacadas la visión queda prácticamente suprimida y no se percibe
Vemos una serie de instantáneas, como una cámara fotográfica
Es decir, vemos menos de lo que creemos ver.

4. La información que vemos es progresiva.
Si fuera en paralelo sufriríamos un colapso cognitivo.
Biológicamente estamos dotados de filtros.
Solo llega a nuestra conciencia una parte.
Por eso vemos más de lo que somos consientes de estar viendo.
Conciencia
No llega todo lo que vemos , Tenemos filtros, como nuestra
capacidad de almacenamiento en la memoria operativa

5. Sin embargo, hay elementos que
pueden romper nuestra atención a lo
largo de la búsqueda

6. Los usuarios buscan en la interfaces
propiedades gráficas de los objetos
deseados en cada momento
Visión
periférica
Esto se puede reforzar si el diseñador Visión focal
enfatiza aquellos elementos
potencialmente más relevantes para
los usuario, guiando su atención Visión
visual. periférica
Las zonas más alejadas del punto focal conformarían
La atención se ve interferida lo que llamamos visión periférica.
involuntariamente por estas
propiedades visuales, aun así estén
en zonas de visión periférica

7. Supongamos que el
cuadrado amarillo es el
elemento buscado que
lleva toda nuestra
atención visual, pero esta
es interrumpida por el
cuadrado rojo

8. Los diseñadores comprendieron así: Movimiento + animación = atención visual !
(Banner publicitarios)
Sin embargo !
Los usuarios no buscan banners publicitarios
Con el pasar del tiempo los usuarios aprendieron a ignorar automáticamente todo aquello
que por su ubicación y características gráficas pareciera publicidad, a lo que llamamos
ceguera selectiva
www.elcomercio.pe
Para el ejemplo se esta asumiendo esta trayectoria visual

9. En su mayoría no llegan a superar el filtro de su atención, aun así estén en zonas
periféricas
Alternativa al problema.
Google propone publicidad contextual (Adwords) intentando atraer la atención no
por la diferenciación gráfica si no por su similitud, de tal forma el usuario no aparte
su atención debido a que gráficamente pueda tratarse de contenido de interés
www.google.com.pe
Para el ejemplo se esta asumiendo esta trayectoria visual

10. Página principal de larepublica.pe
Lo importante es…
N
N
N
Establecer una clara jerarquía
visual entre elementos y zonas
A
de la interfaz, de modo que la
atención del usuario se vea
guiada de forma lógica y
secuencial de lo más a lo menos
relevante. B
Mantener un equilibrio entre los N
intereses del usuario y del C
negocio cuando no sean
compatibles
Intereses del Intereses del
usuario ~ negocio

11. Si lo diferente atrae
involuntariamente nuestra
atención visual, diseñar
implica diferenciar
gráficamente lo más
relevante, forzando la
atención visual del
usuario.
(Yusef Hassan)

12. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe