horizontalidad de la pantalla y dos instancias informativas para el usuario | monitor width to allow...
TRANSCRIPT
![Page 1: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/1.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/2.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/3.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/4.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/5.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/6.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/7.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/8.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/9.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/10.jpg)
OBSERVACIONES de los casos analizados
![Page 11: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/11.jpg)
OBSERVACIONES de los casos analizados
![Page 12: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/12.jpg)
OBSERVACIONES de los casos analizados
![Page 13: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/13.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/14.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/15.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/16.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/17.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/18.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/19.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/20.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/21.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/22.jpg)
1.
Escaneocomparativo
ENCUENTRO - RECONOCIMIENTO
![Page 23: Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/23.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/24.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070323/55a17a151a28ab24248b456f/html5/thumbnails/25.jpg)
FIN
Gracias