Post on 18-Dec-2014
description
transcript
+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
+TALLER DEUSABILIDAD
Diseño & Innovación
cómo ven las personas?
50% recursos de procesamiento
las imagenes son percibidas e interpretadas
nuestro cerebro realmENte está observando?
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Fig. 1 Fig. 2
10 segundos para decirnos qué ves?E J E R C I C I O
!
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
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
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
la mente crear atajos
exp. previa ahorra ram funciona/no funciona
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN
STOP WAR
PEACE NOW
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN
STOP WAR
PEACE NOW
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
gratis.
ATENCIÓN
Aquí por cambio de aceitelleva descuento del 50% sin importar el
sexoDEL CLIENTE, SE ENTREGA LAVADO Y POLICHADO
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
ILUSIONES ópticas pueden llevarnosa cometer errores
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
1 lo que tu ves no es lo que tu cerebro te dice
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
!
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
10 segundos para observar los detallesE J E R C I C I O
!
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas? +TALLER DEUSABILIDAD
Diseño & Innovación
Qué detalles recuerdas?
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas? +TALLER DEUSABILIDAD
Diseño & Innovación
Qué lugar era?
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas? +TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas? +TALLER DEUSABILIDAD
Diseño & Innovación
Visión central destaca detalles Visión periférica contextualiza y alerta
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
2 la visión periférica es más usadaque la visión central
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
2 la visión periférica es más usadaque la visión central
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
2 la visión periférica es más usadaque la visión central
A P R E N D I Z A J E
!
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)
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
5 segundos para describir qué ves?E J E R C I C I O
!
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
geometric icons - Irving Biederman - 1985 - 24 Figuras
Tu mente desea ver patrones
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
3 las personas identifican objetosreconociendo patrones
A P R E N D I Z A J E
!
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.
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Qué ves?E J E R C I C I O
!
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
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
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
Reserarch:Catherine Mondloch (1999)
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
los rostros son una poderoso elemento de atención.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
10 segundos para observar los detallesE J E R C I C I O
!
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
La sonrisa refleja: Felicidad
aprobación
tranquilidad
satisfacción
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
Caso de análisisE J E R C I C I O
!
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
A P R E N D I Z A J E
!
4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros
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á.
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
5 LAS PERSONAS ESCANEAN LAS PANTALLAS BASADAS EN EXPERIENCIA Y EXPECTATIVAS
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
VIDEO (eye tracking)
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
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.
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
A P R E N D I Z A J E
!
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
VIDEO (push robber)
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
Uno de los enigmas más grandes de la humanidad.E J E R C I C I O
!
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Un buen diseño habla por sí solo
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Disonancia Cognitiva1957 Leon Festinger “A theory of cognitive dissonance”
ROJOAZULAMARILLOVERDE
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
A P R E N D I Z A J E
!
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
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
6 las personas ven pistas que les dicenqué deben hacer con un objeto.
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
7 SE DEBE TENER EN CUENTA LA FORMADE TOMAR EL SMARTPHONE A LA HORA DE DISEÑAR
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
7 SE DEBE TENER EN CUENTA LA FORMADE TOMAR EL SMARTPHONE A LA HORA DE DISEÑAR
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
cómo ven las personas?
Gobierno en Línea
+TALLER DEUSABILIDAD
Diseño & Innovación
7 SE DEBE TENER EN CUENTA LA FORMADE TOMAR EL SMARTPHONE A LA HORA DE DISEÑAR
Diseña pensando en el alcance físico de las personas
Recuerda los dedos gordos
Ten en cuenta los momentos de uso
Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial
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)