Your SlideShare is downloading. ×
La experiencia del usuario y
la arquitectura de información
          Jorge Arango
El rol de la información

Elementos de la experiencia del
      usuario en el web

 Arquitectura de información
Medios tradicionales


                                              ?
 Televisión      Radio     Medios impresos   Otros....
50+ canales   25,000,000,000 docs
“A cualesquier casa que entre, iré por el
beneficio de los enfermos, absteniéndome
 de todo error voluntario y corrupción....
Los elementos de la
  experiencia del
      usuario
Web como interfaz             Web como sistema
                                                                           ...
Web como interfaz    Web como sistema
                                                                             Culmina...
Arquitectura de
  información
“El arte y la ciencia de estructurar y
       organizar los sistemas de información
       para ayudar a las personas a lo...
Los arquitectos de información...

• organizan el contenido
• diseñan sistemas de navegación
...para ayudar a las personas...
Modelos de
                                  negocio
                     Objetivos
                                      ...
Teléfono celular
     Usuarios
                      Sinónimos:
                      Móvil

                      Errores...
organización
Esquemas de organización
Esquemas exactos


 Alfabéticos
Cronológicos
Geográficos
Esquemas de organización
Esquemas exactos   Esquemas ambiguos


 Alfabéticos           Tema
Cronológicos           Tarea
G...
Homepage
                     NAV SOPORTE                                                                                 ...
etiquetado
organización
Homepage?
• Inicio?
• Comienzo?
                      ??
• Home?
• Página principal?
• ???
La forma correcta de
  determinar las etiquetas

1. Términos que el usuario entienda
2. Convenciones comunes en la industr...
etiquetado
organización




               navegación
Tipos de navegación

        Global
        Local
      Contextual
       Soporte
Navegación global

Navegación local


                         Navegación
                         contextual
etiquetado
organización

    búsqueda



               navegación
Motores de búsqueda
     Tesauros
     Metadata
    Taxonomías
Tesauros


star wares               star wars
             (Sugerir)
Metadata
                             Información sobre
   Información
                               la información
     ...
Taxonomías
                                        Cine




            Películas                                   Direct...
Web como interfaz             Web como sistema
                                                                           ...
etiquetado
organización

    búsqueda



               navegación
¡Gracias!

jarango@bootstudio.com

    bootstudio.com
     jarango.com
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
Upcoming SlideShare
Loading in...5
×

La experiencia del usuario y la arquitectura de información

5,728

Published on

Una presentación que uso para enseñar los conceptos de la experiencia del usuario web y la arquitectura de información a los estudiantes de mercadeo electrónico.

Published in: Technology
1 Comment
18 Likes
Statistics
Notes
No Downloads
Views
Total Views
5,728
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
1
Likes
18
Embeds 0
No embeds

No notes for slide

Transcript of "La experiencia del usuario y la arquitectura de información"

  1. 1. La experiencia del usuario y la arquitectura de información Jorge Arango
  2. 2. El rol de la información Elementos de la experiencia del usuario en el web Arquitectura de información
  3. 3. Medios tradicionales ? Televisión Radio Medios impresos Otros... ? CD Rom / DVD Web Email Otros... Medios interactivos
  4. 4. 50+ canales 25,000,000,000 docs
  5. 5. “A cualesquier casa que entre, iré por el beneficio de los enfermos, absteniéndome de todo error voluntario y corrupción...” - Hipócrates (470 A.C. - 380 A.C.)
  6. 6. Los elementos de la experiencia del usuario
  7. 7. Web como interfaz Web como sistema Culminación de software de hipertexto Diseño visual Superficie Diseño de la interfaz Diseño de la navegación Esqueleto Diseño de la información Diseño de la Arquitectura de Estructura interacción información Especificaciones Requerimientos de Alcance funcionales contenido Necesidades del usuario Estrategia Objetivos del sitio Concepción Autor: Jesse James Garrett http://www.jjg.net/ia/
  8. 8. Web como interfaz Web como sistema Culminación de software de hipertexto Diseño de la Arquitectura de Estructura interacción información Concepción Autor: Jesse James Garrett http://www.jjg.net/ia/
  9. 9. Arquitectura de información
  10. 10. “El arte y la ciencia de estructurar y organizar los sistemas de información para ayudar a las personas a lograr sus objetivos.” Information Architecture for the World Wide Web Louis Rosenfeld & Peter Morville, 1998
  11. 11. Los arquitectos de información... • organizan el contenido • diseñan sistemas de navegación ...para ayudar a las personas a encontrar y gestionar la información.
  12. 12. Modelos de negocio Objetivos Branding de la org Contexto AI Tipos de Audiencias docs Contenido Usuarios Estructuras Necesidades Experiencia / Metadata Educación
  13. 13. Teléfono celular Usuarios Sinónimos: Móvil Errores ortográficos: Teléfono celolar Abreviaciones / acrónimos: Abismo comunicativo cel. Términos más amplios: Teléfono, portátil Términos menos amplios: Nokia, Razr Términos relacionados: SIM, GMS, texting, correo de voz Documentos y Aplicaciones
  14. 14. organización
  15. 15. Esquemas de organización Esquemas exactos Alfabéticos Cronológicos Geográficos
  16. 16. Esquemas de organización Esquemas exactos Esquemas ambiguos Alfabéticos Tema Cronológicos Tarea Geográficos Audiencia Metáfora Híbridos
  17. 17. Homepage NAV SOPORTE NAV PRINCIPAL 0.0 Acerca de Globalstar Productos y servicios Industrias Contáctenos Atención al Acerca de Comunicación Novedades Productos Servicios Industrias Tarifas Cobertura (Por país) cliente Globalstar de Datos 3.0 5.0 6.0 8.0 9.0 10.0 1.0 2.0 4.0 7.0 Abril 18, 2005 Copyright © 2005 Boot Studio Corp - Todos los derechos reservados Trouble- Detalle de Nuestra Términos y condiciones shooting noticia tecnología 5.1 2.1 3.1 4.1 ¿Porqué Contacto de FAQs (Data escoger Prods y servicios de terceros soporte comms) Globalstar? 5.2 2.2 7.1 4.2 Contacto de FAQs Handheld Enhanced Quick locate Energía contabilidad (Generales) phones services service 8.1 2.3 4.3 5.3 6.1 7.2 Jorge Arango Servicios de Simplex Recursos Empleos Fixed phones voz modems naturales 4.4 5.4 6.2 7.3 8.2 Equipo Servicios de Duplex Globalstar – Rediseño sitio CA 2005 Vehicle kit Pesca administrativo fax modems 5.5 8.3 4.5 6.3 7.4 Servicios de Data modems Agricultura data 5.6 8.4 6.4 Compromiso Mapa del sitio Fax units Etc. de servicio 5.7 8.x 6.5 Vamos a crear una matriz de Portable Formularios industrias a productos / servicios. docking kits (PDF) Tenemos que proveer capacidad 5.8 6.6 para que los usuarios autoseleccionen su industria.
  18. 18. etiquetado organización
  19. 19. Homepage? • Inicio? • Comienzo? ?? • Home? • Página principal? • ???
  20. 20. La forma correcta de determinar las etiquetas 1. Términos que el usuario entienda 2. Convenciones comunes en la industria 3. El branding de la organización Una buena etiqueta no te hace pensar
  21. 21. etiquetado organización navegación
  22. 22. Tipos de navegación Global Local Contextual Soporte
  23. 23. Navegación global Navegación local Navegación contextual
  24. 24. etiquetado organización búsqueda navegación
  25. 25. Motores de búsqueda Tesauros Metadata Taxonomías
  26. 26. Tesauros star wares star wars (Sugerir)
  27. 27. Metadata Información sobre Información la información <META name="keywords" content="Star Wars Trilogy (Widescreen Edition), DVD, Harrison Ford, George Lucas, Irvin Kershner, Richard Marquand, Mark Hamill, Carrie Fisher, Alec Guinness, Science Fiction"> Fecha de publicación del documento... Autor del documento... Encoding... Para consumo de los Para consumo de los usuarios sistemas
  28. 28. Taxonomías Cine Películas Directores Ciencia George Steven Brian Drama Fantasía Comedia Ficción Lucas Spielberg dePalma Lord of Radioland Star Wars THX-1138 the Rings Murders
  29. 29. Web como interfaz Web como sistema Culminación de software de hipertexto Diseño visual Superficie Diseño de la interfaz Diseño de la navegación Esqueleto Diseño de la información Diseño de la Arquitectura de Estructura interacción información Especificaciones Requerimientos de Alcance funcionales contenido Necesidades del usuario Estrategia Objetivos del sitio Concepción Autor: Jesse James Garrett http://www.jjg.net/ia/
  30. 30. etiquetado organización búsqueda navegación
  31. 31. ¡Gracias! jarango@bootstudio.com bootstudio.com jarango.com

×