Taller/Exposición de Usabilidad - 7 Tips a tener en cuenta

+TALLER DEUSABILIDAD

Diseño & Innovación

Hegel E. Gonzalez

Gobierno en Línea

Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial

Gobierno en Línea



cómo ven las personas?

50% recursos de procesamiento

las imagenes son percibidas e interpretadas

nuestro cerebro realmENte está observando?



Gobierno en Línea



Fig. 1 Fig. 2

10 segundos para decirnos qué ves?E J E R C I C I O

!



Gobierno en Línea



1 lo que tu ves no es lo que tu cerebro te dice

Triangulo de Kanizsa

Gaetano Kanisza 1955 - Italia

40 MIllones de estimulos x segundo



Gobierno en Línea




la mente crear atajos

exp. previa ahorra ram funciona/no funciona



Gobierno en Línea




SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN

STOP WAR

PEACE NOW



Gobierno en Línea




SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN

STOP WAR

PEACE NOW


Gobierno en Línea



gratis.

ATENCIÓN

Aquí por cambio de aceitelleva descuento del 50% sin importar el

sexoDEL CLIENTE, SE ENTREGA LAVADO Y POLICHADO



Gobierno en Línea






Gobierno en Línea




ILUSIONES ópticas pueden llevarnosa cometer errores



Gobierno en Línea




Lo que tu piensas que las personas van a ver en tu web o app probable-mente no es lo que vayan a ver, esto depende de la experiencia, conoci-miento, cultura, familiaridad y expectativas.

Tu eres capáz de persuadir a las personas acerca de lo que ven en cierta medida, dependiendo de cómo sea esto presentado.

A P R E N D I Z A J E

!



Gobierno en Línea



10 segundos para observar los detallesE J E R C I C I O

!


cómo ven las personas? +TALLER DEUSABILIDAD


Qué detalles recuerdas?




Qué lugar era?







Visión central destaca detalles Visión periférica contextualiza y alerta



Gobierno en Línea





Gobierno en Línea



2 la visión periférica es más usadaque la visión central



Gobierno en Línea






Gobierno en Línea





!

Si deseas que se concentren en tu contenido central debes procurar no usar o distraer la visión periférica.

Si deseas despertar interés, alertar sobre algo en particular y distraer entonces incluye elementos periféricos.*(marketing)



Gobierno en Línea



5 segundos para describir qué ves?E J E R C I C I O

!



Gobierno en Línea



geometric icons - Irving Biederman - 1985 - 24 Figuras

Tu mente desea ver patrones



Gobierno en Línea



3 las personas identifican objetosreconociendo patrones


!

Usa los patrones tanto como sea posible aprovecha los espacios en blanco para ahorrar espacio y crear un gran diseño.

Si deseas que las personas reconoscan un objeto, por ejemplo un ícono, procura que este sea digramado con geons, ya que lo hace más rápido, sencillo y fácil de reconocer.



Gobierno en Línea



Qué ves?E J E R C I C I O

!


Gobierno en Línea



4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros


Gobierno en Línea





Gobierno en Línea





Gobierno en Línea





Gobierno en Línea




3 km de largo por 1,5 km de ancho y se ubica en la zona de cidonia.25 de julio de 1976 por la sonda espacial Viking 1


Gobierno en Línea





Gobierno en Línea




Reserarch:Catherine Mondloch (1999)


Gobierno en Línea




los rostros son una poderoso elemento de atención.


Gobierno en Línea




10 segundos para observar los detallesE J E R C I C I O

!


Gobierno en Línea




La sonrisa refleja: Felicidad

aprobación

tranquilidad

satisfacción


Gobierno en Línea





Gobierno en Línea




Caso de análisisE J E R C I C I O

!


Gobierno en Línea






Gobierno en Línea




!


Las personas reconocen las reacciones de los rostros en websites más rápido que cualquier otro elemento de información.

Rostros sonriendo tienen un altisimoimpacto emocional que se replica al usuario.

Generalmente las personas miran al mismo lugar donde el rostro está mirando, dirigiendo su atención hacia allá.


5 LAS PERSONAS ESCANEAN LAS PANTALLAS BASADAS EN EXPERIENCIA Y EXPECTATIVAS


Gobierno en Línea



VIDEO (eye tracking)



Gobierno en Línea





Gobierno en Línea





Gobierno en Línea





Gobierno en Línea



5 LAS PERSONAS ESCANEAN LAS PANTALLAS BASADAS EN EXPERIENCIA Y EXPECTATIVAS

Ubica la información más importante en los focos de atención

Evita ubicar información importante en las esquinas, ya que no será tenida en cuenta.

Evita ubicar la información de manera que el usuario debe regresar, saltar y voler a diferentes puntos para llevar el hilo.



!


Gobierno en Línea



VIDEO (push robber)


Uno de los enigmas más grandes de la humanidad.E J E R C I C I O

!


Gobierno en Línea




6 las personas ven pistas que les dicenqué deben hacer con un objeto.


Gobierno en Línea






Gobierno en Línea






Gobierno en Línea



Un buen diseño habla por sí solo




Gobierno en Línea



Disonancia Cognitiva1957 Leon Festinger “A theory of cognitive dissonance”

ROJOAZULAMARILLOVERDE




Gobierno en Línea





Gobierno en Línea




!

Procura no crear disonancias cognitivas en el diseño de productos/servi-cios web y móviles

Incluye pistas para los usuarios acerca de lo que pueden hacer o no.

Preparate para los errores involuntarios de las personas

Utiliza sombras para resaltar algunos botones




Gobierno en Línea



7 SE DEBE TENER EN CUENTA LA FORMADE TOMAR EL SMARTPHONE A LA HORA DE DISEÑAR



Gobierno en Línea






Gobierno en Línea




Diseña pensando en el alcance físico de las personas

Recuerda los dedos gordos

Ten en cuenta los momentos de uso


GRACIAS

Gobierno en Línea

@HEGEL24HORASH E G E L . G O N Z A L E Z @ G O B I E R N O E N L I N E A . G O V. C O

Bibliografía:

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) (Voices That Matter) by Krug, Steve (Dec 23, 2013)

100 Things Every Designer Needs to Know About People (Voices That Matter) by Susan Weinschenk (Apr 24, 2011

Usability Testing Essentials: Ready, Set...Test! by Carol M. Barnum (Nov 5, 2010)