ux - anÁlisis de heatmaps

26
TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS PARTE 7: ANÁLISIS DE HEATMAPS 09.2014 VERÓNICA TRAYNOR

Upload: veronica-traynor

Post on 19-Jun-2015

1.391 views

Category:

Internet


2 download

DESCRIPTION

HEATMAPS DEL SITIO ONLINE HEATMAPS A PARTIR DE ENCUESTAS

TRANSCRIPT

Page 1: UX - ANÁLISIS DE HEATMAPS

TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS!!PARTE 7: !ANÁLISIS DE HEATMAPS!09.2014 VERÓNICA TRAYNOR!

Page 2: UX - ANÁLISIS DE HEATMAPS

Índice!!1.  HEATMAPS DEL SITIO ONLINE!2.  HEATMAPS A PARTIR DE ENCUESTAS!

Page 3: UX - ANÁLISIS DE HEATMAPS

01 / 02 !

HEATMAPS!

Page 4: UX - ANÁLISIS DE HEATMAPS

¿CÓMO  PODRÍAMOS  SABER  SI  HAY  FALSOS  

AFFORDANCES  EN  UNA  PANTALLA?  

Page 5: UX - ANÁLISIS DE HEATMAPS

“El diseño es un acto de comunicación entre el diseñador y el usuario, donde toda la comunicación proviene de la apariencia del objeto; el cual necesita explicarse por sí mismo”. Don Norman!

UX | Verónica Traynor | @verotraynor!

Page 6: UX - ANÁLISIS DE HEATMAPS
Page 7: UX - ANÁLISIS DE HEATMAPS
Page 8: UX - ANÁLISIS DE HEATMAPS
Page 9: UX - ANÁLISIS DE HEATMAPS

EJEMPLO DE FALSO

AFFORDANCE DE BOTÓN!

Page 10: UX - ANÁLISIS DE HEATMAPS
Page 11: UX - ANÁLISIS DE HEATMAPS

TSUNAMI DE FALSOS

AFFORDANCES :)!

Page 12: UX - ANÁLISIS DE HEATMAPS

http://www.clicktale.com/products/heatmap-suite!

Page 13: UX - ANÁLISIS DE HEATMAPS

LOS HEATMAPS NOS AYUDAN A DESCUBRIR FALSOS AFFORDANCES!

UX | Verónica Traynor | @verotraynor!

Page 14: UX - ANÁLISIS DE HEATMAPS

02 / 02 !

HEATMAPS A PARTIR DE ENCUESTAS!

Page 15: UX - ANÁLISIS DE HEATMAPS

¿CÓMO  PODEMOS  VERIFICAR  LA  

LOCALIZACIÓN  DE  LOS  ELEMENTOS?  

Page 16: UX - ANÁLISIS DE HEATMAPS
Page 17: UX - ANÁLISIS DE HEATMAPS

TÉCNICA THINK ALOUD: ANALIZAR LA

COMPRENSIÓN!

Page 18: UX - ANÁLISIS DE HEATMAPS

HEATMAPS: !ANALIZAR LA

LOCALIZACIÓN!

Page 19: UX - ANÁLISIS DE HEATMAPS

WCAG 2.0!

•  PERCEPTIBLE!•  COMPRENSIBLE!•  OPERABLE!

UX | Verónica Traynor | @verotraynor!

Page 20: UX - ANÁLISIS DE HEATMAPS

http://www.optimalworkshop.com/chalkmark.htm!

Page 21: UX - ANÁLISIS DE HEATMAPS

https://usabilla.com!

Page 22: UX - ANÁLISIS DE HEATMAPS
Page 23: UX - ANÁLISIS DE HEATMAPS
Page 24: UX - ANÁLISIS DE HEATMAPS

ES UN JUEGO DE LOCALIZACIÓN DE ELEMENTOS ;)!

UX | Verónica Traynor | @verotraynor!

Page 25: UX - ANÁLISIS DE HEATMAPS
Page 26: UX - ANÁLISIS DE HEATMAPS

TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS!!PARTE 7: !ANÁLISIS DE HEATMAPS!09.2014 VERÓNICA TRAYNOR!