SlideShare una empresa de Scribd logo
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 Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare

Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
Mario Carvajal
 
P point web questt
P point web questtP point web questt
P point web questt
Silvia Malvar
 
INTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADINTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDAD
Veró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 personas
Benjamí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 accesibilidad
Julio 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 a11y
Lisandra Armas
 
Usabilidad
UsabilidadUsabilidad
Análisis de usabilidad de Ebay
Análisis de usabilidad de EbayAnálisis de usabilidad de Ebay
Análisis de usabilidad de Ebay
lobatos21
 
Aplicativo presentacion
Aplicativo presentacionAplicativo presentacion
Aplicativo presentacion
Icela Soriano
 
Platillos Típicos
Platillos TípicosPlatillos Típicos
Platillos Típicos
Icela Soriano
 
Diseo web
Diseo webDiseo web
Diseo web
Yancy Cruz
 
Tarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal EducativoTarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal Educativo
carlosantoniogalvezreyes
 
Tarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativoTarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativo
carlosantoniogalvezreyes
 
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
Xavier 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 CORTE
CAMILO
 
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 estudios
Alfredo 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 Santiago
Leonardo Graterol
 

Similar a Horizontalidad de la pantalla y dos instancias informativas para el usuario | Monitor width to allow content compare (20)

Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
 
P point web questt
P point web questtP point web questt
P point web questt
 
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
 
Tarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal EducativoTarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal Educativo
 
Tarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativoTarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativo
 
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
 

Más de Romina Guerra

Metodo 1
Metodo 1Metodo 1
Metodo 1
Romina Guerra
 
Widget Deposito Plazo
Widget Deposito PlazoWidget Deposito Plazo
Widget Deposito PlazoRomina Guerra
 
Diseño Widget | Widget Design
Diseño Widget | Widget DesignDiseño Widget | Widget Design
Diseño Widget | Widget Design
Romina Guerra
 
Sedentarismo Proyecto PresentacióN Romina Guerra
Sedentarismo  Proyecto  PresentacióN  Romina GuerraSedentarismo  Proyecto  PresentacióN  Romina Guerra
Sedentarismo Proyecto PresentacióN Romina Guerra
Romina Guerra
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
Romina Guerra
 
Proyecto Contra Sedentarismo
Proyecto Contra SedentarismoProyecto Contra Sedentarismo
Proyecto Contra Sedentarismo
Romina Guerra
 
Modelamiento de Usuario | user
Modelamiento de Usuario | userModelamiento de Usuario | user
Modelamiento de Usuario | user
Romina Guerra
 
¿Qué colores visten las mujeres?
¿Qué colores visten las mujeres?¿Qué colores visten las mujeres?
¿Qué colores visten las mujeres?
Romina Guerra
 

Más de Romina Guerra (10)

Metodo 1
Metodo 1Metodo 1
Metodo 1
 
Widget Deposito Plazo
Widget Deposito PlazoWidget Deposito Plazo
Widget Deposito Plazo
 
Nokia
NokiaNokia
Nokia
 
Blackberry 1
Blackberry 1Blackberry 1
Blackberry 1
 
Diseño Widget | Widget Design
Diseño Widget | Widget DesignDiseño Widget | Widget Design
Diseño Widget | Widget Design
 
Sedentarismo Proyecto PresentacióN Romina Guerra
Sedentarismo  Proyecto  PresentacióN  Romina GuerraSedentarismo  Proyecto  PresentacióN  Romina Guerra
Sedentarismo Proyecto PresentacióN Romina Guerra
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Proyecto Contra Sedentarismo
Proyecto Contra SedentarismoProyecto Contra Sedentarismo
Proyecto Contra Sedentarismo
 
Modelamiento de Usuario | user
Modelamiento de Usuario | userModelamiento de Usuario | user
Modelamiento de Usuario | user
 
¿Qué colores visten las mujeres?
¿Qué colores visten las mujeres?¿Qué colores visten las mujeres?
¿Qué colores visten las mujeres?
 

Último

Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
La Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docxLa Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docx
luiscohailatenazoa0
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
mantenimientocarbra6
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
YaniEscobar2
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
MiguelAtencio10
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
Manuel Diaz
 
Modo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdfModo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdf
ranierglez
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
codesiret
 
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdfPLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
70244530
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
leia ereni
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
jgvanessa23
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
doctorsoluciones34
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 

Último (20)

Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
La Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docxLa Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docx
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
 
Modo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdfModo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdf
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
 
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdfPLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 

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

  • 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