• Like
Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

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

  • 1,044 views
Published

Use the monitor width to display content in the horizontal, to allow the user to compare the different information at the same time.- …

Use the monitor width to display content in the horizontal, to allow the user to compare the different information at the same time.-

Presentación para el IV seminario chileno de la Arquitectura de la Información, viernes 3 de octubre de 2008, Escuela de Arquitectura y Diseño PUCV.

Published in Technology , Travel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,044
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HORIZONTALIDAD DE LA PANTALLA PARA EL ESCANEO COMPARATIVO DE CONTENIDOS Y DOS INSTANCIAS INFORMATIVAS PARA EL USUARIO
  • 2. USO DEL CENTRO DE LA PANTALLA | Estudio de Usolab SITIOS BANCARIOS DE EE.UU. OCUPAN EL CENTRO DE LA PANTALLA Permitiendo al usuario acceder de manera rápida al contenido que ofrece el sitio, puesto que costumbran a mirar la zona central de la página de inicio. Navegación en sitios bancarios españoles. Navegación en sitios estadounidenses. http://www.usolab.com/articulos/navegacion_paginas_inicio.php
  • 3. ESCANEO DE LA PANTALLA | Jakob Nielsen LOS USUARIOS NO LEEN EL CONTENIDO, SINO QUE ESCANEAN Uso de párrafos sucintos. Títulos y subtítulos evidentes. Destacar palabras claves. http://uxmatters.com/MT/archives/000044.php
  • 4. PEQUEÑOS MÚLTIPLES | Edward Tufte GRÁFICOS QUE PERMITEN LA COMPARACIÓN A PRIMERA VISTA Un conjunto de pequeños gráficos que representan aspectos de un mismo fenómeno, que permiten la comparación de información. http://uxmatters.com/MT/archives/000044.php
  • 5. PEQUEÑOS MÚLTIPLES GRÁFICOS QUE PERMITEN LA COMPARACIÓN A PRIMERA VISTA http://blog.xlcubed.com/small-mutiples-abortion-data-1980-2003/
  • 6. ESTADÍSTICAS | W3C ACTUALMENTE LAS PANTALLAS DE 1024X768 px son las más usadas Datos correspondiente a enero de 2008. 48% 1024x768 8% 800x600 6% Desconocido 38% Más grande http://www.w3schools.com/browsers/browsers_display.asp
  • 7. ¿ ? 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
  • 8. ESTUDIO de sitios web de Bancos chilenos ANÁLISIS DE 5 BANCOS CON 3 USUARIOS Técnica think aloud. Búsqueda de información sobre Fondos Mutuos y Depósitos a Plazo.
  • 9. OBSERVACIONES de los casos analizados SÓLO UN CASO EXPONE PRODUCTOS EN LA ZONA CENTRAL No hay acceso directo a depósitos a Plazo y Fondos Mutuos en las páginas de inicio.
  • 10. OBSERVACIONES de los casos analizados
  • 11. OBSERVACIONES de los casos analizados
  • 12. OBSERVACIONES de los casos analizados
  • 13. OBSERVACIONES de los usuarios TODA LA INFORMACIÓN, PERO NO DESPLEGADA DE UNA SOLA VEZ “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.” Notas de las observaciones de los usuarios.
  • 14. OBSERVACIONES de los usuarios Se cumple: concisión e información al centro.
  • 15. OBSERVACIONES No se accede de manera simultánea a las diferencias entre productos
  • 16. OBSERVACIONES El usuario necesita comparar simultáneamente, pero no se le permite.
  • 17. OBSERVACIONES Concisión, información al centro y comparación simultánea
  • 18. OBSERVACIONES Visibles titulaciones y escaneo horizontal comparativo
  • 19. DOS INSTANCIAS DE INFORMACIÓN 1. ENCUENTRO - RECONOCIMIENTO
  • 20. DOS INSTANCIAS DE INFORMACIÓN 2. PROFUNDIZACIÓN
  • 21. 1. ENCUENTRO - RECONOCIMIENTO Escaneo de jerarquías Escaneo comparativo
  • 22. 1. ENCUENTRO - RECONOCIMIENTO Escaneo comparativo
  • 23. 2. PROFUNDIZACIÓN Navegación a través de hipervínculos
  • 24. PROPUESTA Uso de la verticalidad y de la horizontalidad de la pantalla TÍTULO 1 Título 2 Título 3 Texto introductorio breve. Producto A Producto B Producto C Producto D Párrafos concisos con Párrafos concisos con Párrafos concisos con Párrafos concisos con características que características que características que características que diferencian A. diferencian B. diferencian C. diferencian D. Más información Más información Más información Más información
  • 25. FIN Gracias