infoxicación
Antecedentes




               </2>
Diversidad




             </3>
Diversidad




Inmigrante o nativo...?
                               </4>
Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves,
            siete maravillas entre las qu...
</6>
El crecimiento de la información en medios
impresos y digitales es vertiginoso.

Ya en el año 2002 se generaron cerca de
5...
Ya en Chile, en el 2006 la Web estaba constituida
por más de 170.000 sitios, los que a su vez
contenian más de 7 millones ...
¿Qué hacemos?




                </9>
Arquitectura de información
            +
  Diseño de información
            =
        Usabilidad




                   ...
¿Qué es la Arquitectura de la Información?


1. El diseño estructural de espacios compartidos
de información.

2. El arte ...
¿Son definitivas estas definiciones?


• Por supuesto que No.

• Nuestro arte es nuevo y todavía está tomando forma.

• Esta...
¿Qué es el Diseño de Información?


Se centra en la eficiencia del diseño gráfico,
específicamente en los complejos conjuntos...
¿Qué es la Usabilidad?


“La usabilidad se refiere a la capacidad de un
software de ser comprendido, aprendido, usado
y ser...
¿Qué es la Usabilidad?


El software usa una interfaz digital
y cuando esta bien estructurado, la
interfaz física desapare...
Ecología de la información

        Negocios, metas,
        financiamiento, políticas,
        cultura, tecnología,
      ...
C onc reto                                          C ulm inac ión



                    Diseño Visual
                  ...
Disciplinas

                                                                                       tras
        ting     ...
</19>
Principios de la Arquitectura de información


- Sistema de organización

- Sistema de etiquetado o rotulación

- Sistemas...
Principios de la Arquitectura de información




Sistemas de Organización

¿Cómo categorizamos la información?

¿Qué debe ...
Principios de la Arquitectura de información




Sistemas de Organización

Los sistemas de organización se basan 100% en l...
Principios de la Arquitectura de información



              Contenido dinámico en la etiqueta de título




Neológismos ...
Principios de la Arquitectura de información




Sistemas de Organización

- El lenguaje es dinámico y ambiguo

Ej: Caja =...
Principios de la Arquitectura de información



Organización alfabética de la información




                            ...
Principios de la Arquitectura de información



Organización cronológica del la información




                          ...
Principios de la Arquitectura de información



Organización geográfica del la información




                            ...
Principios de la Arquitectura de información




Organización temática de la información




                   http://www...
Principios de la Arquitectura de información
Organiz
Organización por tareas, de la información




                      ...
Principios de la Arquitectura de información
O ga ac ó pa a públicos específicos, de la información
Organización para p
   ...
Organización por metáfora de la información
http://www.gettheglass.com/index2.html




                                   ...
Metáfora organizacional: en este caso, por productos




                                                       </32>
Organización hibrida de la información
http://www.visualcomplexity.com/vc/




                                         </...
Principios de la Arquitectura de información




Sistemas de Organización resumen
            Organización:

- Alfabética
...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas

- Divi...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas

- Adem...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas
El usua...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas

- Esta...
Principios de la Arquitectura de información ¦ Sistemas de Organización




                     Estructura básica

      ...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructura básica, ancha y poco profunda




 ...
Principios de la Arquitectura de información ¦ Sistemas de Organización


Estructura básica, angosta y profunda
          ...
Principios de la Arquitectura de información ¦ Sistemas de Organización



                                               ...
Principios de la Arquitectura de información ¦ Sistemas de Organización



Hipertexto, fragmentos de información se unen a...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Clasificaciones sociales, Web 2.0

La folksonom...
Principios de la Arquitectura de información ¦ Sistemas de Organización

Clasificaciones sociales, Web 2.0




            ...
¿Y tú como organizas la información?




                                       </46>
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas

Consid...
Principios de la Arquitectura de información ¦ Sistemas de Organización




Estructuras de Organización de páginas

+ Cons...
Principios de la Arquitectura de información




       Sistema de etiquetado o rotulación




<title>Arquitectura de la i...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos
       Etiquetas o rotulados




        ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




Sistemas de etiquetados o rótulos

 -...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




Etiquetas o rótulos de textos

 - Enl...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




Enlaces contextuales




            ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




Enlaces contextuales con problemas


...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos



 Rotulos como encabezamiento




     ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos



Rotulos como sistema de navegación



...
</57>
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




          Rótulos para indización

- ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos



Rótulos utilizados para indizar conten...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos



                  Rotulos como palabra...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

         Rotulos y más...




          ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

          Rotulos y más...




         ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

         Rotulos y más...




          ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

         Rotulos y más...




          ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

Rotulos asociados con iconos




       ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

Rotulos asociados con iconos




       ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos

Rotulos asociados con iconos




       ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos


Rotulos asociados con iconos




      ...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos


Taxonomía, vocabulario controlado, Tesa...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos


Taxonomía, vocabulario controlado, Tesa...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




             Como crear un rotulo efic...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos


                         Ecología de la...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos




        Como crear un rotulo eficaz

C...
Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos



         Como crear un rotulo eficaz

-...
Principios de la Arquitectura de información ¦ Sistemas de navegación




Sistemas de navegación




                     ...
Principios de la Arquitectura de información ¦ Sistemas de navegación




          Sistemas de navegación
- En teoría y p...
Principios de la Arquitectura de información ¦ Sistemas de navegación




Sistemas de navegación: paso a paso




        ...
Principios de la Arquitectura de información ¦ Sistemas de navegación




            Sistemas de navegación: por página

...
Principios de la Arquitectura de información ¦ Sistemas de navegación



Sistemas de navegación: con acceso directo a la p...
Principios de la Arquitectura de información ¦ Sistemas de navegación



Sistemas de navegación: siguiendo una ruta




ht...
Principios de la Arquitectura de información ¦ Sistemas de navegación



Sistemas de navegación: árboles




             ...
Principios de la Arquitectura de información ¦ Sistemas de navegación

Sistemas de navegación: Directorios




           ...
Principios de la Arquitectura de información ¦ Sistemas de navegación

Sistemas de navegación: nube de tags




          ...
Principios de la Arquitectura de información ¦ Sistemas de navegación

                              Sistemas de navegació...
Principios de la Arquitectura de información ¦ Sistemas de navegación

                               Sistemas de navegaci...
Principios de la Arquitectura de información ¦ Sistemas de navegación

Sistemas de navegación: menús dinámicos




       ...
Principios de la Arquitectura de información ¦ Sistemas de navegación

Sistemas de navegación: Global




                ...
Principios de la Arquitectura de información ¦ Sistemas de navegación


                   Sistemas de navegación: menús d...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: por conceptos, tesauros


...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: consideraciones


- Da acc...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: + consideraciones


- Los ...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: + consideraciones


- ¿Cóm...
Principios de la Arquitectura de información ¦ Sistemas de navegación


 Sistemas de navegación: + consideraciones




   ...
Principios de la Arquitectura de información ¦ Sistemas de navegación




Ejercicio: Crearemos nuestro mapa mental
       ...
</95>
Principios de la Arquitectura de información ¦ Sistemas de navegación




música




                                     ...
Principios de la Arquitectura de información ¦ Sistemas de navegación



 relajo              lectura


           descaso...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: + consideraciones


- Está...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: + consideraciones


- Bien...
Principios de la Arquitectura de información ¦ Sistemas de navegación


Sistemas de navegación: evaluación


- Evaluación ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda




Sistemas de búsqueda




                         ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


           Sistemas de búsqueda


Es necesario tener...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


                         Sistemas de búsqueda
      ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


           Sistemas de búsqueda


- Debemos elegir q...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda



Sistemas de búsqueda: por zonas




               ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


Sistemas de búsqueda




                           ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


              Sistemas de búsqueda


Para delimitar ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


    Sistemas de búsqueda: como busca el usuario?


-...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


Sistemas de búsqueda




                           ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


Sistemas de búsqueda




                           ...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


    Sistemas de búsqueda: que es lo esencial?


- Tr...
Principios de la Arquitectura de información ¦ Sistemas de búsqueda


                       Sistemas de búsqueda: ejemplo...
</113>
Herramientas de la arquitectura de información




                                                 </114>
Herramientas de la Arquitectura de información


        Card sorting u Ordenación de tarjetas


La técnica de ‘card sorti...
Herramientas de la Arquitectura de información


              Card sorting u Ordenación de tarjetas


       Abierto     ...
Herramientas de la Arquitectura de información


Card sorting u Ordenación de tarjetas




                               ...
Herramientas de la Arquitectura de información




        Blueprints o Planos de la arquitectura


Blueprints o planos de...
Herramientas de la Arquitectura de información

                       Blueprints o Planos de la arquitectura

           ...
Herramientas de la Arquitectura de información

   Blueprints o Planos de la arquitectura


                      Leyenda
...
Herramientas de la Arquitectura de información




  Wireframe

Una representación esquemática de una página
web sin eleme...
Herramientas de la Arquitectura de información




Wireframe




                                                       </...
Herramientas de la Arquitectura de información




Wireframe




                                                       </...
Herramientas de la Arquitectura de información

           Wireframe, Mock Up
{Nombre del Sitio}                          ...
Herramientas de la Arquitectura de información

Mock Up




                                                     </125>
</126>
Herramientas de la Arquitectura de información

Modelo para el desarrollo de sitios web de Paul Kahn




         K
      ...
</128>
Diseño de información




                        </129>
Diseño de información


      Diseño de interfaces
- Diagramación o layout
  • Grilla
  • Flujo visual

- Tipografía
  • T...
Diseño de información




Un par de detalles

Gestalt
 • Proximidad
 • Similaridad
 • Continuidad
 • Cerrado

Diagrama de ...
Diseño de información




                  </132>
Diseño de información




Edward Tufte




                                 </133>
Diseño de información




Diseño de interacción




                                          </134>
Muy importante en el diseño de interacción

- Ley de Moore

- Ley de Fitt’s

- Ley de Hick’s

- El mágico numero 7

- Ley ...
Diseño de información



                 Diseño de
           experiencia de usuario




    Arquitectura de
    la infor...
Usabilidad




             </137>
Muchas gracias




A Guadalupe Ovalle, Javier Cancino, Juan Alvear, mi familia y UPalermo




                            ...
Bibliografía
• Baeza-Yates, R.; Castillo, C.; Graells, E. Características de la Web Chilena
  2006. [En línea] Disponible ...
• Goto, K. and Cotler, E. 2005. Web ReDesign 2.0 Workfl ow that Works.
  Berkeley: Peachpit Press.
• Kalbach, J. 2007. Desi...
• McLuhan, M.; Fiore, Q. 1967. El Medio es el Masaje. Estados Unidos:
  Bantam Books, Inc.
• Morville, P. 2005. Ambient Fi...
• Sánchez I., J. 2001. Aprendizaje visible, tecnología invisible. Santiago:
  Dolmen Ediciones.
• Tufte, E. 1990. Envision...
• Giron, A. 2007. CSS Beauty. [En línea] Disponible en el WWW:
  http://cssbeauty.com/ (Consulta: 27 julio 2008).
• Inform...
Rafael Castillo Guerrero


Bibliotecario Documentalista de la Universidad Tecnológica Metropolitana en Santiago de
Chile, ...
Expositor: Rafael Castillo Guerrero

Correo electrónico: rcastillo@infoxicacion.cl / rcastillo@auradesign.cl

Titulo: Info...
www.infoxicacion.cl




                      </146>
Upcoming SlideShare
Loading in...5
×

Taller de Arquitectura de la Información en Universidad de Palermo

8,888

Published on

Taller de arquitectura de la información presentado en la Universidad de Palermo, Buenos Aires, Argentina en el 3er encuentro latinoamericano de Diseño

Published in: Education, Technology
1 Comment
14 Likes
Statistics
Notes
  • muchas gracias, me ha sido muy didáctico
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
8,888
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
539
Comments
1
Likes
14
Embeds 0
No embeds

No notes for slide

Taller de Arquitectura de la Información en Universidad de Palermo

  1. 1. infoxicación
  2. 2. Antecedentes </2>
  3. 3. Diversidad </3>
  4. 4. Diversidad Inmigrante o nativo...? </4>
  5. 5. Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete maravillas entre las que no se incluyó a la Alhambra, las siete llaves q del guardián al que cantaba Helloween... El número siete tuvo también su an prota desde el punto de vista ya histórico, en la psicología cognitiva, no gracias a uno de los ac s con el título más evocador y sexy que he tenido el gusto o de leer: “The magical number sev eer: The magical number se i l numu seven, plus or minus two: Some limits on our capacity for processing information” [El mágico número siete, más o menos dos: Algunos límites en nuestra capacidad de procesar la información], de George A. Miller (1956; no confundir con t id f i] 6 fd el otro George Miller). Pero la cosa va más allá de la anécdota con el número siete y su “mágico” o o influjo en la cognición, pues este artículo supuso uno de los hitos principales en el nacimiento j g ps p p p </5>
  6. 6. </6>
  7. 7. El crecimiento de la información en medios impresos y digitales es vertiginoso. Ya en el año 2002 se generaron cerca de 5 exabytes, equivalentes a 37.000 veces la Biblioteca del Congreso de Estados Unidos, que a su vez posee cerca de 17 millones de libros. Se estima que en el 2002 en el World Wide Web, existía aproximadamente 532 terabytes de información. </7>
  8. 8. Ya en Chile, en el 2006 la Web estaba constituida por más de 170.000 sitios, los que a su vez contenian más de 7 millones de páginas. Este fenómeno esta provocando una saturación o intoxicación de información, conocido como Infoxicación. </8>
  9. 9. ¿Qué hacemos? </9>
  10. 10. Arquitectura de información + Diseño de información = Usabilidad </10>
  11. 11. ¿Qué es la Arquitectura de la Información? 1. El diseño estructural de espacios compartidos de información. 2. El arte y la ciencia de la organización y etiquetado de sitios Web, intranets, comunidades en línea, y software, para promover la usabilidad y facilidad de encontrar información. 3. Una comunidad emergente de practicantes enfocados en traer los principios del diseño y la arquitectura al paisaje digital. Instituto Asilomar para la Arquitectura de Información (“AIFIA”) </11>
  12. 12. ¿Son definitivas estas definiciones? • Por supuesto que No. • Nuestro arte es nuevo y todavía está tomando forma. • Estamos claros en el centro pero borrosos en los bordes. • Esta ambigüedad inherente nos reta a pensar profundamente y a buscar perspectivas diversas. </12>
  13. 13. ¿Qué es el Diseño de Información? Se centra en la eficiencia del diseño gráfico, específicamente en los complejos conjuntos de información que además emplean un enfoque interdisciplinario. El rápido aumento de la complejidad de los datos en nuestra vida cotidiana ha hecho en las últimas décadas que el diseño de información se distinga en si mismo en el amplio campo de la comunicación visual como una disciplina específica con sus propios cursos de estudio, profesionales y teóricos. http://www.aiga.org/content.cfm/complexity-plus-interdisciplinarity-plus-experiment </13>
  14. 14. ¿Qué es la Usabilidad? “La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso” “Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico” Organización Internacional para la Estandarización (ISO) </14>
  15. 15. ¿Qué es la Usabilidad? El software usa una interfaz digital y cuando esta bien estructurado, la interfaz física desaparece... Por ejemplo: ...? </15>
  16. 16. Ecología de la información Negocios, metas, financiamiento, políticas, cultura, tecnología, recursos y limitaciones Contexto Audiencia, tareas, necesidades, búsqueda de información, comportamiento, experiencia Contenido Usuarios Documentos / tipos de datos, contenidos, volúmenes, estructura existente, metadatos. </16>
  17. 17. C onc reto C ulm inac ión Diseño Visual Diseño de la Diseño de la Interfaz Navegación Diseño de la Información Diseño Arquitectura de la de la tiempo Interacción Información Especificaciones Requerimientos Funcionales de Contenido Necesidades del Usuario Objetivos del Sitio A bstrac to C onc epc ión http://www.jjg.net/elements/translations/elements_es.pdf </17>
  18. 18. Disciplinas tras ting O e rk Ma a í log o p o ntr tras A a ogí O l o oci a S í log o c e liot fico b Bi Grá o ñ e Dis o m dis o i Per n ció tador Arq c era pu uite Int com e la la i ctu - d ano as ión nfo ra d ci hum ien utac rma e cp com ció n </18>
  19. 19. </19>
  20. 20. Principios de la Arquitectura de información - Sistema de organización - Sistema de etiquetado o rotulación - Sistemas de navegación - Sistemas de búsqueda </20>
  21. 21. Principios de la Arquitectura de información Sistemas de Organización ¿Cómo categorizamos la información? ¿Qué debe aparecer primero? ¿Cual es el mejor sistema para clasificar la información que poseo? </21>
  22. 22. Principios de la Arquitectura de información Sistemas de Organización Los sistemas de organización se basan 100% en la comprensión del medio, pero, no olvidemos que esta comprensión es subjetiva. La clasificación es inherente al ser humano, desde las antiguas tribus, hasta las ciudades más complejas. Organizamos, para entender, explicar y controlar. </22>
  23. 23. Principios de la Arquitectura de información Contenido dinámico en la etiqueta de título Neológismos ¿Qué lleva a organizar el contenido de esta forma? </23>
  24. 24. Principios de la Arquitectura de información Sistemas de Organización - El lenguaje es dinámico y ambiguo Ej: Caja = recipiente, cavidad, espacio, de pandora, registradora, donde se paga. - Heterogéneos - Puntos de vista distintos - Políticas internas de la empresa (Intranet, Web) </24>
  25. 25. Principios de la Arquitectura de información Organización alfabética de la información http://www.ebay.com/ </25>
  26. 26. Principios de la Arquitectura de información Organización cronológica del la información http://www.apple.com/trailers/ </26>
  27. 27. Principios de la Arquitectura de información Organización geográfica del la información http://plane.lan.com/index-es-ar.html </27>
  28. 28. Principios de la Arquitectura de información Organización temática de la información http://www.colormagenta.cl/disena-el-afiche-de-la-iv-copa-mundial-femenina-sub-20/2008/07/17/ </28>
  29. 29. Principios de la Arquitectura de información Organiz Organización por tareas, de la información http://welcome.hp.com/country/us/en/support.html?pageDisplay=drivers </29>
  30. 30. Principios de la Arquitectura de información O ga ac ó pa a públicos específicos, de la información Organización para p ón p http://iainstitute.org/en/learn/ </30>
  31. 31. Organización por metáfora de la información http://www.gettheglass.com/index2.html </31>
  32. 32. Metáfora organizacional: en este caso, por productos </32>
  33. 33. Organización hibrida de la información http://www.visualcomplexity.com/vc/ </33>
  34. 34. Principios de la Arquitectura de información Sistemas de Organización resumen Organización: - Alfabética - Cronológica - Por temas - Por tareas - Por audiencia - Por metáforas + - Hibridos </34>
  35. 35. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas - Dividir el contenido - Establecer jerarquías - Las jerarquías, deben vincularse - Determinar una estructura de información - Relacionar lo funcional con lo gráfico </35>
  36. 36. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas - Además La mayoría de los usuarios no lee textos largos. Al tener trozos de información se puede gestionar más fácilmente y el usuario aprende más rápido como es la organización del sitio. Fragmentos precisos de información encajan mejor en la pantalla. Sentido común </36>
  37. 37. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas El usuario recreara la estructura del sitio de acuerdo a su propia estructura mental. ? ? ? ? ? ? ? ? </37>
  38. 38. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas - Establecer jerarquías Especificar una jerarquía desde los conceptos más generales o importantes hasta los más detallados y especificos. </38>
  39. 39. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructura básica té negro verde early grey Darjeeling sencha perfumado </39>
  40. 40. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructura básica, ancha y poco profunda </40>
  41. 41. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructura básica, angosta y profunda A B </41>
  42. 42. Principios de la Arquitectura de información ¦ Sistemas de Organización web complejas Complejo Publico con conocimientos web jerárquica web secuencial Contenidos básicos Simple Narrativa lineal No lineal, hiperenlaces Estructura predecible Estructura flexible, puede confundir </42>
  43. 43. Principios de la Arquitectura de información ¦ Sistemas de Organización Hipertexto, fragmentos de información se unen a través de vínculos, en un complejo tejido de relaciones </43>
  44. 44. Principios de la Arquitectura de información ¦ Sistemas de Organización Clasificaciones sociales, Web 2.0 La folksonomía o sistemas de clasificación colectiva, se basan en lo que Cobo en su libro, Planeta web 2.0 define como: “taxonomía social u organización de la información de manera colectiva y colaborativa”. Esto significa que se va clasificando la información en la medida que las personas van aportando a través de los tags o etiquetas. </44>
  45. 45. Principios de la Arquitectura de información ¦ Sistemas de Organización Clasificaciones sociales, Web 2.0 http://www.inconcientecolectivo.cl/articulos/1495/ </45>
  46. 46. ¿Y tú como organizas la información? </46>
  47. 47. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas Consideraciones: - Conocer la organización: y sus objetivos corto plazo y largo plazo. - Debes decidir en sistema exactos o ambiguos. - ¿Cómo los usuarios navegarían por estos esquemas? - Es necesario pensar además en los sistemas de recuperación de información. - Es necesario tener en mente una serie de componentes, ya mencionados. </47>
  48. 48. Principios de la Arquitectura de información ¦ Sistemas de Organización Estructuras de Organización de páginas + Consideraciones: - Recuerda que si los usuarios saben lo que buscan, un sistema exacto será el que brinde una mejor respuesta, no obstante si el usuario tiene ideas vagas de lo que necesita, será entonces un sistema ambiguo el que mejor responda a su necesidad de información. </48>
  49. 49. Principios de la Arquitectura de información Sistema de etiquetado o rotulación <title>Arquitectura de la información</title> </49>
  50. 50. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Etiquetas o rotulados </50>
  51. 51. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Sistemas de etiquetados o rótulos - Los rótulos son una forma de representación - Representan partes de información en el sitio web - Comunican información con eficacia - Uso natural para crear sistemas de organización y navegación. Ejemplo: Contáctenos, inicio, Acerca de... </51>
  52. 52. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Etiquetas o rótulos de textos - Enlaces contextuales - Encabezamientos - Sistemas de navegación - Para indización </52>
  53. 53. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Enlaces contextuales http://semanticstudios.com/ </53>
  54. 54. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Enlaces contextuales con problemas ¿Qué problemas detectan? http://www.queweb.org/ </54>
  55. 55. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos como encabezamiento http://www.digital-web.com/topics/ </55>
  56. 56. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos como sistema de navegación http://www.grippo.com.ar/argentina/espanol/sitio/0113447.htm </56>
  57. 57. </57>
  58. 58. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rótulos para indización - Palabras claves - Tags - Metadatos - Taxonomía - Vocabulario controlado - Tesauro </58>
  59. 59. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rótulos utilizados para indizar contenido </59>
  60. 60. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos como palabra clave <head> <meta name=”generator” content=”WordPress 2.5.1” /> <meta name=”template” content=”K2 RC3” /> <meta name=”description” content=”Diseño y Arquitectura de información” /> <meta name=”keywords” content=”Infoxicación, AI, Diseño de información, ecología de información, diseño web, usabilidad” /> </head> </60>
  61. 61. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos y más... </61>
  62. 62. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos y más... </62>
  63. 63. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos y más... </63>
  64. 64. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos y más... </64>
  65. 65. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos asociados con iconos </65>
  66. 66. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos asociados con iconos </66>
  67. 67. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos asociados con iconos http://espanol.weather.com/weather/local/ARBA0009 </67>
  68. 68. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Rotulos asociados con iconos http://www.lineaemme.com.ar/ </68>
  69. 69. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Taxonomía, vocabulario controlado, Tesauro </69>
  70. 70. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Taxonomía, vocabulario controlado, Tesauro </70>
  71. 71. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Como crear un rotulo eficaz El lenguaje es simple pero ambiguo, además dinámico, existen sinónimos, equivalencias, neologismos, etc. No deben reflejar el pensamiento o punto de vista de los propietarios del sitio, si no de los usuarios que lo visitaran. Existen distintos contextos, contenidos y usuarios. </71>
  72. 72. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Ecología de la información Negocios, metas, financiamiento, políticas, cultura, tecnología, recursos y limitaciones Contexto Audiencia, tareas, necesidades, búsqueda de información, comportamiento, experiencia Contenido Usuarios Documentos / tipos de datos, contenidos, volúmenes, estructura existente, metadatos. </72>
  73. 73. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Como crear un rotulo eficaz Conocer a la audiencia del sitio, para acotar lo mas posible el lenguaje a utilizar. Si la audiencia es amplia, es necesario hacer un buen intento. Enfocarse en el sistema de etiquetado no en una etiqueta en especial, pensar semánticamente el conjunto de rótulos o etiquetas. </73>
  74. 74. Principios de la Arquitectura de información ¦ Sistemas de etiquetados o rótulos Como crear un rotulo eficaz - Definir su guía de estilos de etiquetas o rótulos. - Presentación - Sintaxis - Granularidad: como podemos especificar mejor los conceptos. Ejemplo: Panaderías, pan, harina. No dejar lugar a dudas. Ejemplo: WMA, OGG, AIFF, FLAC, MP3. - Audiencia </74>
  75. 75. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación </75>
  76. 76. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación - En teoría y práctica de como la gente se mueve por la página Web. - El proceso de meta-búsqueda dirigida y la ubicación de hipervínculos de información; navegar por la Web. - Todo enlace, etiqueta o rótulo y otro elemento que permita acceder a páginas Web y ayude a la orientación de una persona mientras interactúa con un sitio. </76>
  77. 77. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: paso a paso http://www.flickr.com/configurator/upload/ </77>
  78. 78. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: por página http://www.gmail.com http://www.sxc.hu/index.phtml http://www.fadu.uba.ar/cgi-bin/wwwisis/%5Bin=/usr/local/apache/cgi-bin/format/blfadu.02/affiche.in%5D/ </78>
  79. 79. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: con acceso directo a la página http://www.google.com http://newton.palermo.edu.ar/GLASOPAC/Search/SimpleSearch.asp http://www.fadu.uba.ar/cgi-bin/wwwisis/%5Bin=/usr/local/apache/cgi-bin/format/blfadu.02/affiche.in%5D/ </79>
  80. 80. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: siguiendo una ruta http://www.campaignmonitor.com/forums/viewtopic.php?id=961 http://www.fadu.uba.ar/biblioteca/gen_hor.html Muestra la posición actual, además de un acceso rápido a paginas anteriores </80>
  81. 81. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: árboles http://www.unmsm.edu.pe/mapaweb.htm </81>
  82. 82. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: Directorios http://www.google.cl/dirhp </82>
  83. 83. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: nube de tags http://del.icio.us/tag/ </83>
  84. 84. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: índices a-z http://www.scielo.cl/cgi-bin/wxis.exe/iah/?IsisScript=iah/iah.xis&base=article^drchilite&index=KW&format=iso.pft&lang=e&limit=0718-2295 </84>
  85. 85. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: barras y tabs http://www.ndesign-studio.com/ http://www.infoxicacion.cl/ http://processing.org/ Es importante la metáfora, hacer digital algo que es físico...!!! </85>
  86. 86. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: menús dinámicos http://www.amazon.com/gp/site-directory/ref=_ngw_ </86>
  87. 87. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: Global </87>
  88. 88. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: menús desplegables http://www.bluevertigo.com.ar/design-resources/index.html http://www.everystockphoto.com/photo.php?imageId=3009859 </88>
  89. 89. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: por conceptos, tesauros http://aqua.queenslibrary.org/ </89>
  90. 90. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: consideraciones - Da acceso a la información del sitio - Permite al usuario saber dónde se encuentra y donde puede ir. - Reflejamos nuestro modelo mental. - Refleja el concepto de marca del sitio. - Influye sobre la credibilidad del sitio. </90>
  91. 91. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: + consideraciones - Los clientes podrían no comprar al no encontrar lo que buscan. - La empresa puede perder muchísimo dinero, por productividad si sus empleados no encuentran la información que necesitan. - Los costos por mantención aumentan si la navegación es pobre. - Una marca se devalúa si la navegación no funciona. </91>
  92. 92. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: + consideraciones - ¿Cómo navegaran los usuarios por el contenido que ellos necesitan? - ¿Cómo está organizado el contenido del sitio? - ¿A que debe dar acceso el sistema de navegación? - ¿Quien visitará el sitio? - ¿Porque se debe construir un sitio? </92>
  93. 93. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: + consideraciones predice habituado reorienta El ciclo de la navegación de acuerdo a David R. Danielson </93>
  94. 94. Principios de la Arquitectura de información ¦ Sistemas de navegación Ejercicio: Crearemos nuestro mapa mental para la navegación...!!! </94>
  95. 95. </95>
  96. 96. Principios de la Arquitectura de información ¦ Sistemas de navegación música </96>
  97. 97. Principios de la Arquitectura de información ¦ Sistemas de navegación relajo lectura descaso conocer viajar dormir música orquesta sonidos sonidos saxofón Jazz Lisa </97>
  98. 98. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: + consideraciones - Está demostrado que dos personas llaman a un mismo objeto o cosa de diferentes formas. - La mejor aproximación en la elección de los terminos, es conocer al usuario, Necesitamos saber que esperan ver ellos en nuestro sitio, o quizás cómo describirían ellos el contenido que estamos ofreciendo, por lo tanto no es una tarea imposible...!!! </98>
  99. 99. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: + consideraciones - Bien balanceado - Fácil de entender - Debe generar retroalimentación - Eficiente - Buen nivel de etiquetas o rótulos - Visualmente claro - Apropiado para el tipo de sitio - Estrecha relación con el usuario </99>
  100. 100. Principios de la Arquitectura de información ¦ Sistemas de navegación Sistemas de navegación: evaluación - Evaluación heurística: http://www.useit.com/papers/heuristic/heuristic_list.html - Checklist: - test de navegación: http://instone.org/navstress - test de usabilidad http://www.useit.com/alertbox/20000319.html - Análisis métrico http://www.google.com/analytics/es-ES/ </100>
  101. 101. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda </101>
  102. 102. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda Es necesario tener en cuenta que el sistema de búsqueda, no puede ser una respuesta a un sistema de navegación defectuoso. Si tenemos una cantidad de páginas que va en aumento, con diversidad de temas, seguro que necesitas un sistema de búsqueda. </102>
  103. 103. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda Dis eño d Ran e inte kin rface g s Res u ltad Voc abul o ario Me c dat ontrola ta os Con do ten ido Mo t bús or de con len struc que gua ción da ro je d de Inte ega tado e c cons av rfac ons ulta r, n resul ulta a bús e d usc n un . b que e n a enga ionen erá t s Con olv que esilu da va st d del sulta ario r has o se ua us o os egunt actori usu Lr p atisf ario s http://semanticstudios.com/publications/semantics/000004.php </103>
  104. 104. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda - Debemos elegir que tipo de documento o registros o archivos serán buscados, HTML, XML, PDF etc. - Determinar zonas dentro del contenido, así ayudamos al usuario a dirigirse a donde realmente encontrará lo que busca. </104>
  105. 105. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda: por zonas http://www.sym.cl/advanced_search.php </105>
  106. 106. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda http://www.e-galicia.com/ </106>
  107. 107. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda Para delimitar zonas de búsqueda, se puede utilizar el siguiente criterio: - Contenido - Audiencia - Temas - Geográfico - Cronológico - Autor - Unidades administrativas </107>
  108. 108. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda: como busca el usuario? - Buscar información conocida - Búsqueda de existencia: saben lo que necesitan pero no saben como describir su necesidad. - Búsqueda exploratoria: están buscando aprender algo más. -Búsqueda global: otros están dispuestos a obtener todo lo que exista sobre un tema en especial. </108>
  109. 109. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda http://www.fsoc.uba.ar/catalogoiigg/ </109>
  110. 110. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda </110>
  111. 111. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda: que es lo esencial? - Trabajar esencialmente con un lenguaje homogéneo - Debo incorporar palabras claves en los sectores especialmente asignados. etiquetas de título en rótulos - Considerar que el contenido también afecta la obtención de resultados </111>
  112. 112. Principios de la Arquitectura de información ¦ Sistemas de búsqueda Sistemas de búsqueda: ejemplos http://www.conama.cl/portal/1301/propertyvalue-12940.html http://www.falabella.com </112>
  113. 113. </113>
  114. 114. Herramientas de la arquitectura de información </114>
  115. 115. Herramientas de la Arquitectura de información Card sorting u Ordenación de tarjetas La técnica de ‘card sorting’ se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web. Yusef Hassan Montero http://www.nosolousabilidad.com/articulos/cardsorting.htm </115>
  116. 116. Herramientas de la Arquitectura de información Card sorting u Ordenación de tarjetas Abierto Cerrado El usuario escribe sus El usuario recibe una etiquetas o rótulos en cantidad de tarjetas una tarjeta sobre un que ya están escritas tema dado, pudiendo con etiquetas o agruparlos. rótulos, se utiliza para comprobar. </116>
  117. 117. Herramientas de la Arquitectura de información Card sorting u Ordenación de tarjetas </117>
  118. 118. Herramientas de la Arquitectura de información Blueprints o Planos de la arquitectura Blueprints o planos de arquitectura, nos muestran las relaciones que existen entre páginas y otros contenidos, además se utilizan para mostrar un esquema de la organización, navegación y su sistema de etiquetas o rotulos. Se pueden entender casi como un mapa del sitio. </118>
  119. 119. Herramientas de la Arquitectura de información Blueprints o Planos de la arquitectura Visita nuestra Proyectos organización Para comprar Registros de nuestros productos Programas subsitios educativos Directorio de subsitios Recursos para Series educadores Subsitios Página principal Guías de valor agregado Exploración Exploración por público por formato Búsqueda Interfaz de y exploración búsqueda Exploración Exploración por título por tema Tablero dinámico de novedades Comentarios Búsqueda y exploración global en los registros de los subsitios Los encabezados del tablero llevan a Novedades artículos del área de novedades Rosenfeld, L. y Morville, P. 2000. Arquitectura de Información para el WWW: Diseño de sitios web a gran escala. Mexico D.F.: Mc Graw Hill. </119>
  120. 120. Herramientas de la Arquitectura de información Blueprints o Planos de la arquitectura Leyenda Puerta del sitio Páginas que Relaciones entre páginas deben crearse y componentes Conjunto de páginas relacionadas Componentes de la página (contenido o aplicación que aparece en cada página) Página Conjunto de páginas semejantes </120>
  121. 121. Herramientas de la Arquitectura de información Wireframe Una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios. Olga Carreras http://olgacarreras.blogspot.com/2007/02/wireframes.html </121>
  122. 122. Herramientas de la Arquitectura de información Wireframe </122>
  123. 123. Herramientas de la Arquitectura de información Wireframe </123>
  124. 124. Herramientas de la Arquitectura de información Wireframe, Mock Up {Nombre del Sitio} Titúlo del sitio, información que complementa. Imagen o banner que cambia cada véz que imagen aleatoria reviso una página del sitio. Barra de navegación principal. nav nav nav nav nav nav Navegación secundaría, permite ir a otros articulos de manera inmediata. {Articulo Principal} Título del artículo principal. Navegación, buscador de contenidos dentro del sitio. Navegación por los últimos artículos publicados en el sitio. Navegación, enlaces que permiten complementar la información que se publica en el sitio. </124>
  125. 125. Herramientas de la Arquitectura de información Mock Up </125>
  126. 126. </126>
  127. 127. Herramientas de la Arquitectura de información Modelo para el desarrollo de sitios web de Paul Kahn K A http://www.kahnplus.com </127>
  128. 128. </128>
  129. 129. Diseño de información </129>
  130. 130. Diseño de información Diseño de interfaces - Diagramación o layout • Grilla • Flujo visual - Tipografía • Tamaño • Alineación • Rios, huérfanas, viudas • Kerning • Espaciado - Color - Materialidad </130>
  131. 131. Diseño de información Un par de detalles Gestalt • Proximidad • Similaridad • Continuidad • Cerrado Diagrama de Gutenberg </131>
  132. 132. Diseño de información </132>
  133. 133. Diseño de información Edward Tufte </133>
  134. 134. Diseño de información Diseño de interacción </134>
  135. 135. Muy importante en el diseño de interacción - Ley de Moore - Ley de Fitt’s - Ley de Hick’s - El mágico numero 7 - Ley de Tesler - Principio de Poka-yoke </135>
  136. 136. Diseño de información Diseño de experiencia de usuario Arquitectura de la información Diseño industrial Diseño de interacción Diseño de comunicaciones Ingeniería de la interfaz Factor humano de usuario Ingeniería de la usabilidad Interacción humano-computador </136>
  137. 137. Usabilidad </137>
  138. 138. Muchas gracias A Guadalupe Ovalle, Javier Cancino, Juan Alvear, mi familia y UPalermo </138>
  139. 139. Bibliografía • Baeza-Yates, R.; Castillo, C.; Graells, E. Características de la Web Chilena 2006. [En línea] Disponible en el WWW: http://www.ciw.cl/material/ web_chilena_2006/index.html (Consulta: 15 mayo 2007). • Brown, J. y Duguid, P. 2001. La vida social de la información. Buenos Aires, Pearson Education. • Cobo R., C. y Pardo K., H. 2007. Planeta web 2.0. Inteligencia colectiva o medios fast food. Barcelona/ México DF.: Grup de Recerca d’Interactions Digitals, Universitat de Vic. FLACSO México. • Dondis, D. 2000. La sintaxis de la imagen: introducción al alfabeto visual. Barcelona, Gustavo Gili. • Garret, J. J. 2003. The element of user experience: user-centered design for the web. Estados Unidos: New Riders. </139>
  140. 140. • Goto, K. and Cotler, E. 2005. Web ReDesign 2.0 Workfl ow that Works. Berkeley: Peachpit Press. • Kalbach, J. 2007. Designing Web Navigation. Estados Unidos, O’Reilly. • Krug, S. 2006. No me hagas pensar: una aproximación a la usabilidad en la web. Madrid: Pearson Education. • Lidwell, W.; Holden, K. y Butler, J. 2003. Universal Principles of Design. Estados Unidos: Rockport. • Lynch, P. y Horton, S. 2004. Manual de estilo web: principios de diseño básico para la creación de sitios web. Barcelona: Editorial Gustavo Gili. • Moggridge, B.2006. Designing interactions. Estados Unidos: The MIT Press. • McLuhan, M. 1962. La galaxia Gutenberg: Génesis del homo typographicus. Barcelona: Galaxia Gutemberg. </140>
  141. 141. • McLuhan, M.; Fiore, Q. 1967. El Medio es el Masaje. Estados Unidos: Bantam Books, Inc. • Morville, P. 2005. Ambient Findability. Estados Unidos, O’Reilly Media. • Morville, P. and Rosenfeld, L. 2007. Information Architecture for the World Wide Web: Designing Large-Scale Web Sies. Sebastopol, CA : O’Reilly. • Nielsen, J.; Tahir, M. 2002. Usabilidad en páginas de inicio: análisis de 50 sitios web. Madrid: Pearson Education. • Nielsen, J. 2000. Usabilidad. Diseño de sitios web. Madrid: Fundación Pearson Education. • Negroponte, N. 1995. Ser Digital. Buenos Aires: Atlantida. • Powell, T. 2001. HTML 4 Manual de referencia. Madrid: Mc Graw Hill. • Rosenfeld, L. y Morville, P. 2000. Arquitectura de Información para el WWW: Diseño de sitios web a gran escala. Mexico D.F.: Mc Graw Hill. </141>
  142. 142. • Sánchez I., J. 2001. Aprendizaje visible, tecnología invisible. Santiago: Dolmen Ediciones. • Tufte, E. 1990. Envisioning Information. Cheshire, Conn. : Graphics Press. • Tidwell, J. 2005. Designing Interfaces. Estados Unidos: O’Reilly. • Toffler, A. 1970. El shock del futuro. Barcelona: Plaza & Janes. • Veen, J. 2001. Arte y ciencia de diseño web. Madrid: Pearson Education S.A. Publicaciones Electrónicas • Arquitectura de Información Chile. 2005. AI Chile. [En línea] Disponible en el WWW: http://www.aichile. org/ (Consulta: 27 julio 2008). • Garret, J.J. 2004. Information architecture resources. [En línea] Disponible en el WWW: http://jjg.net/ia/ (Consulta: 27 julio 2008). </142>
  143. 143. • Giron, A. 2007. CSS Beauty. [En línea] Disponible en el WWW: http://cssbeauty.com/ (Consulta: 27 julio 2008). • Information Architecture Institute. 2007. The Information Architecture Institute. [En línea] Disponible en el WWW: http://iainstitute.org/ (Consulta: 27 julio 2008). • Lynch, P. and Horton, S. Web style guide. [En línea] Disponible en el WWW: http://www.webstyleguide.com/ (Consulta: 27 julio 2008). • World Wide Web Consortium. 2007. W3C Guiando la Web a su máximo potencial. [En línea] Disponible en el WWW: http://www.w3c.es/ (Consulta: 27 julio 2008). </143>
  144. 144. Rafael Castillo Guerrero Bibliotecario Documentalista de la Universidad Tecnológica Metropolitana en Santiago de Chile, titulado en 1994, durante el ejercicio de la Bibliotecología derivó al estudio y desarrollo de páginas web, continuando como consultor en publicación de catálogos de biblioteca en el web. Fue así como prestó asesoría a instituciones como: Codelco, Entel Chile, Ministerio de Obras Públicas, Corporación Nacional del Medio Ambiente entre otros. Con la experiencia obtenida, fue invitado a realizar clases en la Escuela de Bibliotecología de la Universidad Tecnológica Metropolitana en 2003, donde ejerce la docencia hasta ahora. En 2004 ingresa a estudiar Diseño Gráfico en el Instituto Profesional DuocUc, sede San Carlos de Apoquindo, egresando en el año 2007 con el mejor promedio de la promoción, lo que junto a su investigación de titulación, Infoxicación: Arquitectura y diseño de información, le significó ser invitado a impartir clases en la Carrera de Diseño en el DuocUc desde 2008. Rafael Castillo ha sido además expositor el la XII Conferencia de Internacional de Bibliotecología, con el tema: Arquitectura de Información y usabilidad: un punto de encuentro entre Bibliotecología y Diseño. Finalmente, es miembro del Instituto de Arquitectura de Información de Estados Unidos desde 2007. </144>
  145. 145. Expositor: Rafael Castillo Guerrero Correo electrónico: rcastillo@infoxicacion.cl / rcastillo@auradesign.cl Titulo: Infoxicación: Arquitectura y Diseño de Información Diseño en Palermo 2008 - Buenos Aires, Argentina Fecha: 31 de julio de 2008 Tipografía de Títulos: Gerorgia 24 pt Tipografía de Textos complementarios: Meta Tipografía de Diagramas: Meta </145>
  146. 146. www.infoxicacion.cl </146>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×