SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
HORIZONTALIDAD DE LA PANTALLA PARA
EL ESCANEO COMPARATIVO DE CONTENIDOS



Y DOS INSTANCIAS INFORMATIVAS PARA EL USUARIO
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
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
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
PEQUEÑOS MÚLTIPLES



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




http://blog.xlcubed.com/small-mutiples-abortion-data-1980-2003/
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
¿




                                                          ?
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
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.
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.
OBSERVACIONES   de los casos analizados
OBSERVACIONES   de los casos analizados
OBSERVACIONES   de los casos analizados
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.
OBSERVACIONES de los usuarios



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



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



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



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



Visibles titulaciones y escaneo horizontal comparativo
DOS INSTANCIAS DE INFORMACIÓN



1. ENCUENTRO - RECONOCIMIENTO
DOS INSTANCIAS DE INFORMACIÓN



2. PROFUNDIZACIÓN
1.
ENCUENTRO - RECONOCIMIENTO


                             Escaneo de
                              jerarquías




           Escaneo
         comparativo
1.
ENCUENTRO - RECONOCIMIENTO




                   Escaneo
                 comparativo
2.
PROFUNDIZACIÓN




         Navegación
         a través de
         hipervínculos
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
FIN




Gracias

Más contenido relacionado

Similar a Presentacion Romina Guerra

INTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADINTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADVerónica Traynor
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasBenjamín Preller
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadJulio Camarero
 
VlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11yVlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11yLisandra Armas
 
Análisis de usabilidad de Ebay
Análisis de usabilidad de EbayAnálisis de usabilidad de Ebay
Análisis de usabilidad de Ebaylobatos21
 
Aplicativo presentacion
Aplicativo presentacionAplicativo presentacion
Aplicativo presentacionIcela Soriano
 
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsLos widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsXavier Badosa
 
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Omar Corona
 
PRESENTACIÓN SEGUNDO CORTE
PRESENTACIÓN SEGUNDO CORTEPRESENTACIÓN SEGUNDO CORTE
PRESENTACIÓN SEGUNDO CORTECAMILO
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Santiago Bustelo
 
Informática básica programa de estudios
Informática básica programa de estudiosInformática básica programa de estudios
Informática básica programa de estudiosAlfredo Cedano
 
Guia para evaluacion experta semiotica de la imagen c01
Guia para evaluacion experta  semiotica de la imagen c01 Guia para evaluacion experta  semiotica de la imagen c01
Guia para evaluacion experta semiotica de la imagen c01 ADRIANA JUDTH MARTINEZ HERRERA
 
Accesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoAccesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoLeonardo Graterol
 
Modelo de análisis de paginas web.
Modelo de análisis de paginas web. Modelo de análisis de paginas web.
Modelo de análisis de paginas web. XiomaraDuque2
 
Webquest conectores y periodismo
Webquest conectores y periodismoWebquest conectores y periodismo
Webquest conectores y periodismoAndrex777
 
Recomendaciones disenoweb
Recomendaciones disenowebRecomendaciones disenoweb
Recomendaciones disenowebbarbara rivera
 

Similar a Presentacion Romina Guerra (20)

INTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADINTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDAD
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
 
VlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11yVlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11y
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Análisis de usabilidad de Ebay
Análisis de usabilidad de EbayAnálisis de usabilidad de Ebay
Análisis de usabilidad de Ebay
 
Aplicativo presentacion
Aplicativo presentacionAplicativo presentacion
Aplicativo presentacion
 
Platillos Típicos
Platillos TípicosPlatillos Típicos
Platillos Típicos
 
Diseo web
Diseo webDiseo web
Diseo web
 
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsLos widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
 
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
 
PRESENTACIÓN SEGUNDO CORTE
PRESENTACIÓN SEGUNDO CORTEPRESENTACIÓN SEGUNDO CORTE
PRESENTACIÓN SEGUNDO CORTE
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
 
Informática básica programa de estudios
Informática básica programa de estudiosInformática básica programa de estudios
Informática básica programa de estudios
 
Guia para evaluacion experta semiotica de la imagen c01
Guia para evaluacion experta  semiotica de la imagen c01 Guia para evaluacion experta  semiotica de la imagen c01
Guia para evaluacion experta semiotica de la imagen c01
 
Accesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoAccesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC Santiago
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Modelo de análisis de paginas web.
Modelo de análisis de paginas web. Modelo de análisis de paginas web.
Modelo de análisis de paginas web.
 
Webquest conectores y periodismo
Webquest conectores y periodismoWebquest conectores y periodismo
Webquest conectores y periodismo
 
Recomendaciones disenoweb
Recomendaciones disenowebRecomendaciones disenoweb
Recomendaciones disenoweb
 

Más de AiChile

Marco Base para Licitaciones de Arquitectura de Información

Marco Base para Licitaciones de Arquitectura de Información
Marco Base para Licitaciones de Arquitectura de Información

Marco Base para Licitaciones de Arquitectura de Información
AiChile
 
La intención en la mirada
La intención en la miradaLa intención en la mirada
La intención en la miradaAiChile
 
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hoteles
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hotelesDiseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hoteles
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hotelesAiChile
 
Plataforma Web para el Servicio Nacional de Salud de Chile
Plataforma Web para el Servicio Nacional de Salud de ChilePlataforma Web para el Servicio Nacional de Salud de Chile
Plataforma Web para el Servicio Nacional de Salud de ChileAiChile
 
Del orden canónico y la conversación libre. Estefanía Trisotti
Del orden canónico y la conversación libre. Estefanía TrisottiDel orden canónico y la conversación libre. Estefanía Trisotti
Del orden canónico y la conversación libre. Estefanía TrisottiAiChile
 
Arquitectura Persuasiva
Arquitectura PersuasivaArquitectura Persuasiva
Arquitectura PersuasivaAiChile
 
Partituras De Interacción, Katherine Exss
Partituras De Interacción, Katherine ExssPartituras De Interacción, Katherine Exss
Partituras De Interacción, Katherine ExssAiChile
 
Panel Herbert Spencer
Panel Herbert SpencerPanel Herbert Spencer
Panel Herbert SpencerAiChile
 
Eyetracking, Públicidad + Contenidos
Eyetracking, Públicidad + ContenidosEyetracking, Públicidad + Contenidos
Eyetracking, Públicidad + ContenidosAiChile
 
Arquitectura de la Información aplicada a móviles
Arquitectura de la Información aplicada a móvilesArquitectura de la Información aplicada a móviles
Arquitectura de la Información aplicada a móvilesAiChile
 

Más de AiChile (10)

Marco Base para Licitaciones de Arquitectura de Información

Marco Base para Licitaciones de Arquitectura de Información
Marco Base para Licitaciones de Arquitectura de Información

Marco Base para Licitaciones de Arquitectura de Información

 
La intención en la mirada
La intención en la miradaLa intención en la mirada
La intención en la mirada
 
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hoteles
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hotelesDiseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hoteles
Diseño de Experiencia de Usuario para Clerk.im Servicio de gestión para hoteles
 
Plataforma Web para el Servicio Nacional de Salud de Chile
Plataforma Web para el Servicio Nacional de Salud de ChilePlataforma Web para el Servicio Nacional de Salud de Chile
Plataforma Web para el Servicio Nacional de Salud de Chile
 
Del orden canónico y la conversación libre. Estefanía Trisotti
Del orden canónico y la conversación libre. Estefanía TrisottiDel orden canónico y la conversación libre. Estefanía Trisotti
Del orden canónico y la conversación libre. Estefanía Trisotti
 
Arquitectura Persuasiva
Arquitectura PersuasivaArquitectura Persuasiva
Arquitectura Persuasiva
 
Partituras De Interacción, Katherine Exss
Partituras De Interacción, Katherine ExssPartituras De Interacción, Katherine Exss
Partituras De Interacción, Katherine Exss
 
Panel Herbert Spencer
Panel Herbert SpencerPanel Herbert Spencer
Panel Herbert Spencer
 
Eyetracking, Públicidad + Contenidos
Eyetracking, Públicidad + ContenidosEyetracking, Públicidad + Contenidos
Eyetracking, Públicidad + Contenidos
 
Arquitectura de la Información aplicada a móviles
Arquitectura de la Información aplicada a móvilesArquitectura de la Información aplicada a móviles
Arquitectura de la Información aplicada a móviles
 

Presentacion Romina Guerra

  • 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