Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow...

25
Y DOS INSTANCIAS INFORMATIVAS PARA EL USUARIO HORIZONTALIDAD DE LA PANTALLA PARA EL ESCANEO COMPARATIVO DE CONTENIDOS

Transcript of Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow...

Page 1: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

Y DOS INSTANCIAS INFORMATIVAS PARA EL USUARIO

HORIZONTALIDAD DE LA PANTALLA PARAEL ESCANEO COMPARATIVO DE CONTENIDOS

Page 2: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

SITIOS BANCARIOS DE EE.UU. OCUPAN EL CENTRO DE LA PANTALLA

USO DEL CENTRO DE LA PANTALLA | Estudio de Usolab

http://www.usolab.com/articulos/navegacion_paginas_inicio.php

Navegación en sitios bancarios españoles. Navegación en sitios estadounidenses.

Permitiendo al usuario acceder de manera rápidaal contenido que ofrece el sitio, puesto que costumbran a mirar la zona central de la página de inicio.

Page 3: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

LOS USUARIOS NO LEEN EL CONTENIDO, SINO QUE ESCANEAN

ESCANEO DE LA PANTALLA | Jakob Nielsen

http://uxmatters.com/MT/archives/000044.php

Uso de párrafos sucintos.

Títulos y subtítulos evidentes.

Destacar palabras claves.

Page 4: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

GRÁFICOS QUE PERMITEN LA COMPARACIÓN A PRIMERA VISTA

PEQUEÑOS MÚLTIPLES | Edward Tufte

http://uxmatters.com/MT/archives/000044.php

Un conjunto de pequeños gráficos que representan aspectos de un mismo fenómeno, que permiten la comparación de información.

Page 5: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

GRÁFICOS QUE PERMITEN LA COMPARACIÓN A PRIMERA VISTA

PEQUEÑOS MÚLTIPLES

http://blog.xlcubed.com/small-mutiples-abortion-data-1980-2003/

Page 6: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

ACTUALMENTE LAS PANTALLAS DE 1024X768 px son las más usadas

ESTADÍSTICAS | W3C

http://www.w3schools.com/browsers/browsers_display.asp

Datos correspondiente a enero de 2008.

48% 1024x768

800x600

Desconocido

Más grande

8%

6%

38%

Page 7: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

CUÁL ES EL ESTADO DE LOS SITIOS WEB BANCARIOS EN CHILE

¿

- Cómo se presentan los productos de Ahorro e Inversión

- Qué sitios cumplen al usuario

- De qué manera mejorar estos servicios ?

Page 8: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

ANÁLISIS DE 5 BANCOS CON 3 USUARIOS

ESTUDIO de sitios web de Bancos chilenos

Técnica think aloud.

Búsqueda de información sobre Fondos Mutuos y Depósitos a Plazo.

Page 9: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

SÓLO UN CASO EXPONE PRODUCTOS EN LA ZONA CENTRAL

OBSERVACIONES de los casos analizados

No hay acceso directo a depósitos a Plazo y Fondos Mutuos en las páginas de inicio.

Page 10: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES de los casos analizados

Page 11: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES de los casos analizados

Page 12: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES de los casos analizados

Page 13: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

TODA LA INFORMACIÓN, PERO NO DESPLEGADA DE UNA SOLA VEZ

OBSERVACIONES de los usuarios

Notas de las observaciones de los usuarios.

“Quiero que se muestren todos los productos, qué son y las características que los diferencian.

Quiero toda la información, pero no toda a la vez.”

Page 14: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES de los usuarios

Se cumple: concisión e información al centro.

Page 15: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES

No se accede de manera simultánea a las diferencias entre productos

Page 16: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES

El usuario necesita comparar simultáneamente, pero no se le permite.

Page 17: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES

Concisión, información al centro y comparación simultánea

Page 18: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

OBSERVACIONES

Visibles titulaciones y escaneo horizontal comparativo

Page 19: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

ENCUENTRO - RECONOCIMIENTO1.

DOS INSTANCIAS DE INFORMACIÓN

Page 20: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

PROFUNDIZACIÓN2.

DOS INSTANCIAS DE INFORMACIÓN

Page 21: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

1.

Escaneo de jerarquías

ENCUENTRO - RECONOCIMIENTO1.

Escaneocomparativo

ENCUENTRO - RECONOCIMIENTO

Page 22: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

1.

Escaneocomparativo

ENCUENTRO - RECONOCIMIENTO

Page 23: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

2.PROFUNDIZACIÓN

Navegacióna través de hipervínculos

Page 24: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

PROPUESTA

Uso de la verticalidad y de la horizontalidad de la pantalla

TÍTULO 1Título 2Título 3Texto introductorio breve.

Producto A

Más información Más información Más información Más información

Párrafos concisos con características que diferencian A.

Párrafos concisos con características que diferencian B.

Párrafos concisos con características que diferencian C.

Párrafos concisos con características que diferencian D.

Producto B Producto C Producto D

Page 25: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

FIN

Gracias