UX - ANÁLISIS DE HEATMAPS

Post on 19-Jun-2015

1.395 views 2 download

description

HEATMAPS DEL SITIO ONLINE HEATMAPS A PARTIR DE ENCUESTAS

Transcript of UX - ANÁLISIS DE HEATMAPS

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

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

01 / 02 !

HEATMAPS!

¿CÓMO  PODRÍAMOS  SABER  SI  HAY  FALSOS  

AFFORDANCES  EN  UNA  PANTALLA?  

“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!

EJEMPLO DE FALSO

AFFORDANCE DE BOTÓN!

TSUNAMI DE FALSOS

AFFORDANCES :)!

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

LOS HEATMAPS NOS AYUDAN A DESCUBRIR FALSOS AFFORDANCES!

UX | Verónica Traynor | @verotraynor!

02 / 02 !

HEATMAPS A PARTIR DE ENCUESTAS!

¿CÓMO  PODEMOS  VERIFICAR  LA  

LOCALIZACIÓN  DE  LOS  ELEMENTOS?  

TÉCNICA THINK ALOUD: ANALIZAR LA

COMPRENSIÓN!

HEATMAPS: !ANALIZAR LA

LOCALIZACIÓN!

WCAG 2.0!

•  PERCEPTIBLE!•  COMPRENSIBLE!•  OPERABLE!

UX | Verónica Traynor | @verotraynor!

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

https://usabilla.com!

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

UX | Verónica Traynor | @verotraynor!

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