SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
Daniel Torres Burriel




estudios de eye tracking: conclusiones para la web

daniel torres burriel
laboratorio aragonés de usabilidad
febrero 2008




                                              www.torresburriel.com
Daniel Torres Burriel




origen de estas conclusiones




    scientific web design: 23 actionable lessons
              from eye-tracking studies
                                              www.torresburriel.com
Daniel Torres Burriel




traducción de las 23 conclusiones




                                    www.torresburriel.com
Daniel Torres Burriel




tema de interés




                  www.torresburriel.com
Daniel Torres Burriel




conclusión #1

el texto atrae más la atención que las imágenes
observado desde estudios de 1994 (nielsen)
es un tema recurrente: aparece en sucesivos estudios
los usuarios van en busca de información (asociada a
texto, no a imágenes)




                                                  www.torresburriel.com
Daniel Torres Burriel




conclusión #2

inicialmente, el ojo fija su atención en la parte
superior izquierda de la pantalla
contexto occidental (sistema de escritura)
lectura en “f”
lectura en “l”




                                             www.torresburriel.com
Daniel Torres Burriel




conclusión #3

los usuarios se fijan en la
parte superior izquierda de la
pantalla y posteriormente en
la zona superior de la misma,
para después fijar su atención
progresivamente hacia abajo
y hacia la derecha




                                 www.torresburriel.com
Daniel Torres Burriel




conclusión #4

los usuarios ignoran los banners




                                   www.torresburriel.com
Daniel Torres Burriel




conclusión #5

el texto con formato “divertido” es menos
atrayente que el texto convencional
se confunde con banners
dificultad para localizar información en bloques de texto
multicolor
implica una pérdida de información para el usuario




                                                     www.torresburriel.com
Daniel Torres Burriel




conclusión #6

los usuarios se fijan más en los números escritos
con números que con texto
los números se identifican rápidamente escaneando
los números, escritos, no se localizan escaneando




                                                    www.torresburriel.com
Daniel Torres Burriel




conclusión #7

el tamaño del texto influye en la conducta de los
usuarios
el texto grande invita a escanear la página
el texto pequeño invita a leerlo




                                              www.torresburriel.com
Daniel Torres Burriel




conclusión #8

los usuarios sólo se fijan en el tagline si les
interesa
si el tagline es un formalismo perderá relevancia
el tagline se lee de forma muy rápida
si no es comprensible, se obviará




                                                    www.torresburriel.com
Daniel Torres Burriel




conclusión #9

los usuarios escanean pequeñas porciones de la
página
puede ser una ventaja: seccionemos la interfaz
¿qué información es la importante? destaquémosla




                                                   www.torresburriel.com
Daniel Torres Burriel




conclusión #10

los párrafos cortos son más adecuados que los
largos
hay que diseñar para comunicar pequeñas porciones de
información
la atención del usuario se centra en esas pequeñas
porciones de información
minimizar siempre que el contexto lo permita




                                                www.torresburriel.com
Daniel Torres Burriel




conclusión #11

los textos a una columna proporcionan una mejor
fijación visual que los multi-columna
no proporcionar demasiada información a la vez
la simplicidad facilita la lectura
posibilidad de que el usuario ignore mucha información




                                                   www.torresburriel.com
Daniel Torres Burriel




conclusión #12

la publicidad situada en la parte superior
izquierda es la que recibe mayor atención visual
el ojo es ahí donde fija su atención
contexto occidental (sistema de escritura)
atención visual no implica ‘click’




                                             www.torresburriel.com
Daniel Torres Burriel




conclusión #13

la publicidad situada junto al mejor contenido es
la que se visualiza más a menudo
el contexto puede proporcionar publicidad más efectiva
si lo añadimos a #12 puede ser una buena opción




                                                   www.torresburriel.com
Daniel Torres Burriel




conclusión #14

la publicidad textual es la que más se ve de forma
intencionada
la gente no pasa mucho tiempo mirando cosas que
aparentan ser publicidad
los anuncios textuales lo aparentan menos




                                                  www.torresburriel.com
Daniel Torres Burriel




conclusión #15

las imágenes grandes son las que más llaman la
atención del usuario
si vamos a usar imágenes, el tamaño sí importa
la imagen tiene más valor para el usuario cuando tiene
mucha información (detalles)
la imagen debe ser, siempre, relevante en el contexto




                                                    www.torresburriel.com
Daniel Torres Burriel




conclusión #16

las imágenes con caras son las que atraen más
fijación de la mirada
las imágenes artísticas o las abstractas, si bien pueden
ser consistentes con el diseño, no atraen la atención
las fotos de gente real atraen la atención más que las de
modelos




                                                     www.torresburriel.com
Daniel Torres Burriel




conclusión #17

los titulares deben permanecer limpios, claros e
impolutos
los titulares son lo primero que se lee
evitar los obstáculos para su lectura
es la primera impresión (que es la que cuenta)




                                                 www.torresburriel.com
Daniel Torres Burriel




conclusión #18

los usuarios ocupan mucho tiempo mirando los
menús y los botones
merecen una atención especial a la hora de su diseño
captan una gran fijación de la atención
es una de las partes más importantes de una web




                                                  www.torresburriel.com
Daniel Torres Burriel




conclusión #19

los listados aumentan la atención visual del
usuario
son un aliado
son un elemento de creación de porciones de contenido
se llevan muy bien con el escaneado
destacan la información importante
facilitan la localización de contenidos



                                                 www.torresburriel.com
Daniel Torres Burriel




conclusión #20

los bloques largos de texto son evitados por el
usuario
no importa lo relevante de la información o lo bien
escritos que están: se evita su lectura
necesidad de romper ese esquema, hacia bloques más
cortos
necesidad de destacar la información relevante dentro de
esos bloques de texto



                                                   www.torresburriel.com
Daniel Torres Burriel




conclusión #21

dar algún formato al texto hace que se le preste
atención, pero con medida
aliados: negrita, cursiva, highlight
tener presente que un abuso de formato hace perder la
facilidad de escaneado




                                                  www.torresburriel.com
Daniel Torres Burriel




   conclusión #22

    el espacio en blanco es nuestro amigo




Bote de Zamora, obra de arte califal cordobés


                                                www.torresburriel.com
Daniel Torres Burriel




conclusión #23

las herramientas de ayuda a la navegación son
más efectivas en la zona superior de la pantalla




                                           www.torresburriel.com
Daniel Torres Burriel




gracias ;-)


              www.torresburriel.com

Más contenido relacionado

Más de Daniel Torres Burriel

25 personas que me han influenciado en mi trabajo como UX
25 personas que me han influenciado en mi trabajo como UX25 personas que me han influenciado en mi trabajo como UX
25 personas que me han influenciado en mi trabajo como UXDaniel Torres Burriel
 
Google Analytics Individual Qualification
Google Analytics Individual QualificationGoogle Analytics Individual Qualification
Google Analytics Individual QualificationDaniel Torres Burriel
 
Cómo los weblogs me han cambiado los hábitos informativos
Cómo los weblogs me han cambiado los hábitos informativosCómo los weblogs me han cambiado los hábitos informativos
Cómo los weblogs me han cambiado los hábitos informativosDaniel Torres Burriel
 
Usabilidad y los correos electrónicos de confirmación
Usabilidad y los correos electrónicos de confirmaciónUsabilidad y los correos electrónicos de confirmación
Usabilidad y los correos electrónicos de confirmaciónDaniel Torres Burriel
 
Torresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuarioTorresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuarioDaniel Torres Burriel
 
Cintermed: Diseño Centrado en el Usuario
Cintermed: Diseño Centrado en el UsuarioCintermed: Diseño Centrado en el Usuario
Cintermed: Diseño Centrado en el UsuarioDaniel Torres Burriel
 
Experiencia de usuario en proyectos de internet
Experiencia de usuario en proyectos de internetExperiencia de usuario en proyectos de internet
Experiencia de usuario en proyectos de internetDaniel Torres Burriel
 
CWZ - Usabilidad y comercio electrónico
CWZ - Usabilidad y comercio electrónicoCWZ - Usabilidad y comercio electrónico
CWZ - Usabilidad y comercio electrónicoDaniel Torres Burriel
 
El uso de las redes sociales como elemento diferenciador en las empresas
El uso de las redes sociales como elemento diferenciador en las empresasEl uso de las redes sociales como elemento diferenciador en las empresas
El uso de las redes sociales como elemento diferenciador en las empresasDaniel Torres Burriel
 
Tmrc zaragoza. Haz click aquí. Una aproximación a la UX
Tmrc zaragoza. Haz click aquí. Una aproximación a la UXTmrc zaragoza. Haz click aquí. Una aproximación a la UX
Tmrc zaragoza. Haz click aquí. Una aproximación a la UXDaniel Torres Burriel
 
X jornadas SIDAR. Diseño para todos, y centrado en el usuario
X jornadas SIDAR. Diseño para todos, y centrado en el usuarioX jornadas SIDAR. Diseño para todos, y centrado en el usuario
X jornadas SIDAR. Diseño para todos, y centrado en el usuarioDaniel Torres Burriel
 
The Evnt Test De Usuarios De Guerrilla
The Evnt   Test De Usuarios De GuerrillaThe Evnt   Test De Usuarios De Guerrilla
The Evnt Test De Usuarios De GuerrillaDaniel Torres Burriel
 
Cómo mejorar la usabilidad de mi tienda online
Cómo mejorar la usabilidad de mi tienda onlineCómo mejorar la usabilidad de mi tienda online
Cómo mejorar la usabilidad de mi tienda onlineDaniel Torres Burriel
 

Más de Daniel Torres Burriel (20)

25 personas que me han influenciado en mi trabajo como UX
25 personas que me han influenciado en mi trabajo como UX25 personas que me han influenciado en mi trabajo como UX
25 personas que me han influenciado en mi trabajo como UX
 
Taller UX y analítica CW13
Taller UX y analítica CW13Taller UX y analítica CW13
Taller UX y analítica CW13
 
Google Analytics Individual Qualification
Google Analytics Individual QualificationGoogle Analytics Individual Qualification
Google Analytics Individual Qualification
 
Cómo los weblogs me han cambiado los hábitos informativos
Cómo los weblogs me han cambiado los hábitos informativosCómo los weblogs me han cambiado los hábitos informativos
Cómo los weblogs me han cambiado los hábitos informativos
 
Fundamentos web 2005 - John Slatin
Fundamentos web 2005 - John SlatinFundamentos web 2005 - John Slatin
Fundamentos web 2005 - John Slatin
 
Usabilidad y los correos electrónicos de confirmación
Usabilidad y los correos electrónicos de confirmaciónUsabilidad y los correos electrónicos de confirmación
Usabilidad y los correos electrónicos de confirmación
 
Torresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuarioTorresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuario
 
Cintermed: Diseño Centrado en el Usuario
Cintermed: Diseño Centrado en el UsuarioCintermed: Diseño Centrado en el Usuario
Cintermed: Diseño Centrado en el Usuario
 
Experiencia de usuario en proyectos de internet
Experiencia de usuario en proyectos de internetExperiencia de usuario en proyectos de internet
Experiencia de usuario en proyectos de internet
 
#uxpunkmanifesto en el CTMAD
#uxpunkmanifesto en el CTMAD#uxpunkmanifesto en el CTMAD
#uxpunkmanifesto en el CTMAD
 
CWZ - Usabilidad y comercio electrónico
CWZ - Usabilidad y comercio electrónicoCWZ - Usabilidad y comercio electrónico
CWZ - Usabilidad y comercio electrónico
 
Focus Group
Focus GroupFocus Group
Focus Group
 
#Uxpunkmanifesto
#Uxpunkmanifesto#Uxpunkmanifesto
#Uxpunkmanifesto
 
El uso de las redes sociales como elemento diferenciador en las empresas
El uso de las redes sociales como elemento diferenciador en las empresasEl uso de las redes sociales como elemento diferenciador en las empresas
El uso de las redes sociales como elemento diferenciador en las empresas
 
Tmrc zaragoza. Haz click aquí. Una aproximación a la UX
Tmrc zaragoza. Haz click aquí. Una aproximación a la UXTmrc zaragoza. Haz click aquí. Una aproximación a la UX
Tmrc zaragoza. Haz click aquí. Una aproximación a la UX
 
X jornadas SIDAR. Diseño para todos, y centrado en el usuario
X jornadas SIDAR. Diseño para todos, y centrado en el usuarioX jornadas SIDAR. Diseño para todos, y centrado en el usuario
X jornadas SIDAR. Diseño para todos, y centrado en el usuario
 
3 claves ux ai chile
3 claves ux ai chile3 claves ux ai chile
3 claves ux ai chile
 
The Evnt Test De Usuarios De Guerrilla
The Evnt   Test De Usuarios De GuerrillaThe Evnt   Test De Usuarios De Guerrilla
The Evnt Test De Usuarios De Guerrilla
 
Cómo mejorar la usabilidad de mi tienda online
Cómo mejorar la usabilidad de mi tienda onlineCómo mejorar la usabilidad de mi tienda online
Cómo mejorar la usabilidad de mi tienda online
 
Test De Usuarios De Guerrilla
Test De Usuarios De GuerrillaTest De Usuarios De Guerrilla
Test De Usuarios De Guerrilla
 

Último

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Explorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramExplorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramDIDIERFERNANDOGUERRE
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel tallerValentinaTabares11
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 

Último (20)

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Explorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ramExplorando la historia y funcionamiento de la memoria ram
Explorando la historia y funcionamiento de la memoria ram
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel taller
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 

Keynote Conclusiones Eyetracking

  • 1. Daniel Torres Burriel estudios de eye tracking: conclusiones para la web daniel torres burriel laboratorio aragonés de usabilidad febrero 2008 www.torresburriel.com
  • 2. Daniel Torres Burriel origen de estas conclusiones scientific web design: 23 actionable lessons from eye-tracking studies www.torresburriel.com
  • 3. Daniel Torres Burriel traducción de las 23 conclusiones www.torresburriel.com
  • 4. Daniel Torres Burriel tema de interés www.torresburriel.com
  • 5. Daniel Torres Burriel conclusión #1 el texto atrae más la atención que las imágenes observado desde estudios de 1994 (nielsen) es un tema recurrente: aparece en sucesivos estudios los usuarios van en busca de información (asociada a texto, no a imágenes) www.torresburriel.com
  • 6. Daniel Torres Burriel conclusión #2 inicialmente, el ojo fija su atención en la parte superior izquierda de la pantalla contexto occidental (sistema de escritura) lectura en “f” lectura en “l” www.torresburriel.com
  • 7. Daniel Torres Burriel conclusión #3 los usuarios se fijan en la parte superior izquierda de la pantalla y posteriormente en la zona superior de la misma, para después fijar su atención progresivamente hacia abajo y hacia la derecha www.torresburriel.com
  • 8. Daniel Torres Burriel conclusión #4 los usuarios ignoran los banners www.torresburriel.com
  • 9. Daniel Torres Burriel conclusión #5 el texto con formato “divertido” es menos atrayente que el texto convencional se confunde con banners dificultad para localizar información en bloques de texto multicolor implica una pérdida de información para el usuario www.torresburriel.com
  • 10. Daniel Torres Burriel conclusión #6 los usuarios se fijan más en los números escritos con números que con texto los números se identifican rápidamente escaneando los números, escritos, no se localizan escaneando www.torresburriel.com
  • 11. Daniel Torres Burriel conclusión #7 el tamaño del texto influye en la conducta de los usuarios el texto grande invita a escanear la página el texto pequeño invita a leerlo www.torresburriel.com
  • 12. Daniel Torres Burriel conclusión #8 los usuarios sólo se fijan en el tagline si les interesa si el tagline es un formalismo perderá relevancia el tagline se lee de forma muy rápida si no es comprensible, se obviará www.torresburriel.com
  • 13. Daniel Torres Burriel conclusión #9 los usuarios escanean pequeñas porciones de la página puede ser una ventaja: seccionemos la interfaz ¿qué información es la importante? destaquémosla www.torresburriel.com
  • 14. Daniel Torres Burriel conclusión #10 los párrafos cortos son más adecuados que los largos hay que diseñar para comunicar pequeñas porciones de información la atención del usuario se centra en esas pequeñas porciones de información minimizar siempre que el contexto lo permita www.torresburriel.com
  • 15. Daniel Torres Burriel conclusión #11 los textos a una columna proporcionan una mejor fijación visual que los multi-columna no proporcionar demasiada información a la vez la simplicidad facilita la lectura posibilidad de que el usuario ignore mucha información www.torresburriel.com
  • 16. Daniel Torres Burriel conclusión #12 la publicidad situada en la parte superior izquierda es la que recibe mayor atención visual el ojo es ahí donde fija su atención contexto occidental (sistema de escritura) atención visual no implica ‘click’ www.torresburriel.com
  • 17. Daniel Torres Burriel conclusión #13 la publicidad situada junto al mejor contenido es la que se visualiza más a menudo el contexto puede proporcionar publicidad más efectiva si lo añadimos a #12 puede ser una buena opción www.torresburriel.com
  • 18. Daniel Torres Burriel conclusión #14 la publicidad textual es la que más se ve de forma intencionada la gente no pasa mucho tiempo mirando cosas que aparentan ser publicidad los anuncios textuales lo aparentan menos www.torresburriel.com
  • 19. Daniel Torres Burriel conclusión #15 las imágenes grandes son las que más llaman la atención del usuario si vamos a usar imágenes, el tamaño sí importa la imagen tiene más valor para el usuario cuando tiene mucha información (detalles) la imagen debe ser, siempre, relevante en el contexto www.torresburriel.com
  • 20. Daniel Torres Burriel conclusión #16 las imágenes con caras son las que atraen más fijación de la mirada las imágenes artísticas o las abstractas, si bien pueden ser consistentes con el diseño, no atraen la atención las fotos de gente real atraen la atención más que las de modelos www.torresburriel.com
  • 21. Daniel Torres Burriel conclusión #17 los titulares deben permanecer limpios, claros e impolutos los titulares son lo primero que se lee evitar los obstáculos para su lectura es la primera impresión (que es la que cuenta) www.torresburriel.com
  • 22. Daniel Torres Burriel conclusión #18 los usuarios ocupan mucho tiempo mirando los menús y los botones merecen una atención especial a la hora de su diseño captan una gran fijación de la atención es una de las partes más importantes de una web www.torresburriel.com
  • 23. Daniel Torres Burriel conclusión #19 los listados aumentan la atención visual del usuario son un aliado son un elemento de creación de porciones de contenido se llevan muy bien con el escaneado destacan la información importante facilitan la localización de contenidos www.torresburriel.com
  • 24. Daniel Torres Burriel conclusión #20 los bloques largos de texto son evitados por el usuario no importa lo relevante de la información o lo bien escritos que están: se evita su lectura necesidad de romper ese esquema, hacia bloques más cortos necesidad de destacar la información relevante dentro de esos bloques de texto www.torresburriel.com
  • 25. Daniel Torres Burriel conclusión #21 dar algún formato al texto hace que se le preste atención, pero con medida aliados: negrita, cursiva, highlight tener presente que un abuso de formato hace perder la facilidad de escaneado www.torresburriel.com
  • 26. Daniel Torres Burriel conclusión #22 el espacio en blanco es nuestro amigo Bote de Zamora, obra de arte califal cordobés www.torresburriel.com
  • 27. Daniel Torres Burriel conclusión #23 las herramientas de ayuda a la navegación son más efectivas en la zona superior de la pantalla www.torresburriel.com
  • 28. Daniel Torres Burriel gracias ;-) www.torresburriel.com