INFOXICACIÓN

infoxicacin
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 q que no se incluy a la Alhambra, las siete llaves del guardin al que cantaba an Helloween... El nmero siete tuvo tambin su prota d e sd e e l p u n nto o de vista ya histrico, en la psicologa cognitiva, grac acias a uno de los s co on el ttulo ms evocador y sexy que he tenido el gusto de leer: eer: The The magical magi ical l num number nu umber sev s seven, e plus or minus two: Some limits on our capacity for processing information [El mgico nmero siete, ms o menos dos: Algunos lmites en nuest tra capaci idad d de procesar la inf formaci in] ], de George A. Miller (1956 6; no conf fund dir con el otro George Miller). Pero o la cosa va ms all de la ancdota co on el nmero siete y su mgico inujo j en la cognicin, g pues p s este artculo supuso p uno de los hitos principales p p en el nacimiento
</5>
</6>
El crecimiento de la informacin en medios impresos y digitales es vertiginoso. Ya en el ao 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, exista aproximadamente 532 terabytes de informacin.
</7>
Ya en Chile, en el 2006 la Web estaba constituida por ms de 170.000 sitios, los que a su vez contenian ms de 7 millones de pginas. Este fenmeno esta provocando una saturacin o intoxicacin de informacin, conocido como Infoxicacin.
</8>
Qu hacemos?
</9>
Arquitectura de informacin
+ =
Diseo de informacin Usabilidad
</10>
Qu es la Arquitectura de la Informacin?
1. El diseo estructural de espacios compartidos de informacin. 2. El arte y la ciencia de la organizacin y etiquetado de sitios Web, intranets, comunidades en lnea, y software, para promover la usabilidad y facilidad de encontrar informacin. 3. Una comunidad emergente de practicantes enfocados en traer los principios del diseo y la arquitectura al paisaje digital.
Instituto Asilomar para la Arquitectura de Informacin (AIFIA)
</11>
Son denitivas estas deniciones?
Por supuesto que No. Nuestro arte es nuevo y todava est tomando forma. Estamos claros en el centro pero borrosos en los bordes. Esta ambigedad inherente nos reta a pensar profundamente y a buscar perspectivas diversas.
</12>
Qu es el Diseo de Informacin?
Se centra en la eciencia del diseo grco, especcamente en los complejos conjuntos de informacin que adems emplean un enfoque interdisciplinario. El rpido aumento de la complejidad de los datos en nuestra vida cotidiana ha hecho en las ltimas dcadas que el diseo de informacin se distinga en si mismo en el amplio campo de la comunicacin visual como una disciplina especca con sus propios cursos de estudio, profesionales y tericos.
http://www.aiga.org/content.cfm/complexity-plus-interdisciplinarity-plus-experiment
</13>
Qu es la Usabilidad?
La usabilidad se reere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones especcas de uso Usabilidad es la eciencia y satisfaccin con la que un producto permite alcanzar objetivos especcos a usuarios especcos en un contexto de uso especco
Organizacin Internacional para la Estandarizacin (ISO)
</14>
Qu es la Usabilidad?
El software usa una interfaz digital y cuando esta bien estructurado, la interfaz fsica desaparece... Por ejemplo: ...?
</15>
Ecologa de la informacin
Negocios, metas, nanciamiento, polticas, cultura, tecnologa, recursos y limitaciones
Contexto
Audiencia, tareas, necesidades, bsqueda de informacin, comportamiento, experiencia
Contenido
Documentos / tipos de datos, contenidos, volmenes, estructura existente, metadatos.
Usuarios
</16>
C onc reto
C ulm inac in
Diseo Visual
Diseo de la Interfaz Diseo de la Navegacin
Diseo de la Informacin
Diseo Arquitectura de la de la Interaccin Informacin
Especificaciones Requerimientos de Contenido Funcionales
tiempo C onc epc in
http://www.jjg.net/elements/translations/elements_es.pdf
</17>
Necesidades del Usuario Objetivos del Sitio

A bstrac to
Disciplinas
rk Ma e ting ro t n A p g o l o a io c o S l a og Bi te o i l b c g o l o a o c r G o i Per sm i d o as r t O as r t O
e Dis
Arq uite la i ctu nfo ra d rma e ci n
n or i c c tad a r u e Int comp la e d s noa a i cin c m n u h cie puta com
</18>
</19>
Principios de la Arquitectura de informacin

- Sistema de organizacin - Sistema de etiquetado o rotulacin - Sistemas de navegacin - Sistemas de bsqueda
</20>
Sistemas de Organizacin Cmo categorizamos la informacin? Qu debe aparecer primero? Cual es el mejor sistema para clasicar la informacin que poseo?
</21>
Sistemas de Organizacin Los sistemas de organizacin se basan 100% en la comprensin del medio, pero, no olvidemos que esta comprensin es subjetiva. La clasicacin es inherente al ser humano, desde las antiguas tribus, hasta las ciudades ms complejas. Organizamos, para entender, explicar y controlar.
</22>
Contenido dinmico en la etiqueta de ttulo
Neolgismos
Qu lleva a organizar el contenido de esta forma?
</23>
Sistemas de Organizacin - El lenguaje es dinmico y ambiguo Ej: Caja = recipiente, cavidad, espacio, de pandora, registradora, donde se paga. - Heterogneos - Puntos de vista distintos - Polticas internas de la empresa (Intranet, Web)
</24>
Organizacin alfabtica de la informacin
http://www.ebay.com/
</25>
Organizacin cronolgica del la informacin
http://www.apple.com/trailers/
</26>
Organizacin geogrca del la informacin
http://plane.lan.com/index-es-ar.html
</27>
Organizacin temtica de la informacin
http://www.colormagenta.cl/disena-el-ache-de-la-iv-copa-mundial-femenina-sub-20/2008/07/17/
</28>
Organizacin O rganiz por tareas, de la informacin
http://welcome.hp.com/country/us/en/support.html?pageDisplay=drivers
</29>
Organizacin O ga ac n p para pa ap pblicos especcos, de la informacin
http://iainstitute.org/en/learn/
</30>
Organizacin por metfora de la informacin

http://www.gettheglass.com/index2.html
</31>
Metfora organizacional: en este caso, por productos
</32>
Organizacin hibrida de la informacin

http://www.visualcomplexity.com/vc/
</33>
Sistemas de Organizacin: Organizacin resumen - Alfabtica - Cronolgica - Por temas - Por tareas - Por audiencia - Por metforas + - Hibridos
</34>
Principios de la Arquitectura de informacin Sistemas de Organizacin
Estructuras de Organizacin de pginas - Dividir el contenido - Establecer jerarquas - Las jerarquas, deben vincularse - Determinar una estructura de informacin - Relacionar lo funcional con lo grco
</35>
Estructuras de Organizacin de pginas - Adems La mayora de los usuarios no lee textos largos. Al tener trozos de informacin se puede gestionar ms fcilmente y el usuario aprende ms rpido como es la organizacin del sitio. Fragmentos precisos de informacin encajan mejor en la pantalla. Sentido comn
</36>
Estructuras de Organizacin de pginas El usuario recreara la estructura del sitio de acuerdo a su propia estructura mental.
? ? ? ? ? ? ? ?
</37>
Estructuras de Organizacin de pginas - Establecer jerarquas Especicar una jerarqua desde los conceptos ms generales o importantes hasta los ms detallados y especicos.
</38>
Estructura bsica
t
negro
verde
early grey
Darjeeling
sencha
perfumado
</39>
Estructura bsica, ancha y poco profunda
</40>
Estructura bsica, angosta y profunda

A
B
</41>
Complejo
Publico con conocimientos
web complejas
web jerrquica
web secuencial
Contenidos bsicos
Simple
Narrativa lineal Estructura predecible No lineal, hiperenlaces Estructura exible, puede confundir
</42>
Hipertexto, fragmentos de informacin se unen a travs de vnculos, en un complejo tejido de relaciones
</43>
Clasicaciones sociales, Web 2.0 La folksonoma o sistemas de clasicacin colectiva, se basan en lo que Cobo en su libro, Planeta web 2.0 dene como: taxonoma social u organizacin de la informacin de manera colectiva y colaborativa. Esto signica que se va clasicando la informacin en la medida que las personas van aportando a travs de los tags o etiquetas.
</44>
Clasicaciones sociales, Web 2.0
http://www.inconcientecolectivo.cl/articulos/1495/
</45>
Y t como organizas la informacin?
</46>
Estructuras de Organizacin de pginas Consideraciones: - Conocer la organizacin: y sus objetivos corto plazo y largo plazo. - Debes decidir en sistema exactos o ambiguos. - Cmo los usuarios navegaran por estos esquemas? - Es necesario pensar adems en los sistemas de recuperacin de informacin. - Es necesario tener en mente una serie de componentes, ya mencionados.
</47>
Estructuras de Organizacin de pginas + 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 informacin.
</48>
Sistema de etiquetado o rotulacin
<title>Arquitectura de la informacin</title>
</49>
Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos
Etiquetas o rotulados
</50>
Sistemas de etiquetados o rtulos - Los rtulos son una forma de representacin - Representan partes de informacin en el sitio web - Comunican informacin con ecacia - Uso natural para crear sistemas de organizacin y navegacin. Ejemplo: Contctenos, inicio, Acerca de...
</51>
Etiquetas o rtulos de textos - Enlaces contextuales - Encabezamientos - Sistemas de navegacin - Para indizacin
</52>
Enlaces contextuales
http://semanticstudios.com/
</53>
Enlaces contextuales con problemas
Qu problemas detectan?
http://www.queweb.org/
</54>
Rotulos como encabezamiento
http://www.digital-web.com/topics/
</55>
Rotulos como sistema de navegacin
http://www.grippo.com.ar/argentina/espanol/sitio/0113447.htm
</56>
</57>
Rtulos para indizacin - Palabras claves - Tags - Metadatos - Taxonoma - Vocabulario controlado - Tesauro
</58>
Rtulos utilizados para indizar contenido
</59>
Rotulos como palabra clave
<head> <meta name=generator content=WordPress 2.5.1 /> <meta name=template content=K2 RC3 /> <meta name=description content=Diseo y Arquitectura de informacin /> <meta name=keywords content=Infoxicacin, AI, Diseo de informacin, ecologa de informacin, diseo web, usabilidad /> </head>
</60>
Rotulos y ms...
</61>
Rotulos y ms...
</62>
Rotulos y ms...
</63>
Rotulos y ms...
</64>
Rotulos asociados con iconos
</65>
</66>
http://espanol.weather.com/weather/local/ARBA0009
</67>
http://www.lineaemme.com.ar/
</68>
Taxonoma, vocabulario controlado, Tesauro
</69>
Taxonoma, vocabulario controlado, Tesauro
</70>
Como crear un rotulo ecaz El lenguaje es simple pero ambiguo, adems dinmico, existen sinnimos, equivalencias, neologismos, etc. No deben reejar 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>
Ecologa de la informacin
Negocios, metas, nanciamiento, polticas, cultura, tecnologa, recursos y limitaciones
Contexto
Audiencia, tareas, necesidades, bsqueda de informacin, comportamiento, experiencia
Contenido
Documentos / tipos de datos, contenidos, volmenes, estructura existente, metadatos.
Usuarios
</72>
Como crear un rotulo ecaz 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 semnticamente el conjunto de rtulos o etiquetas.
</73>
Como crear un rotulo ecaz - Denir su gua de estilos de etiquetas o rtulos. - Presentacin - Sintaxis - Granularidad: como podemos especicar mejor los conceptos. Ejemplo: Panaderas, pan, harina. No dejar lugar a dudas. Ejemplo: WMA, OGG, AIFF, FLAC, MP3. - Audiencia
</74>
Principios de la Arquitectura de informacin Sistemas de navegacin
Sistemas de navegacin
</75>
Sistemas de navegacin - En teora y prctica de como la gente se mueve por la pgina Web. - El proceso de meta-bsqueda dirigida y la ubicacin de hipervnculos de informacin; navegar por la Web. - Todo enlace, etiqueta o rtulo y otro elemento que permita acceder a pginas Web y ayude a la orientacin de una persona mientras interacta con un sitio.
</76>
Sistemas de navegacin: paso a paso
http://www.ickr.com/congurator/upload/
</77>
Sistemas de navegacin: por pgina
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/afche.in%5D/
</78>
Sistemas de navegacin: con acceso directo a la pgina
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/afche.in%5D/
</79>
Sistemas de navegacin: siguiendo una ruta
http://www.campaignmonitor.com/forums/viewtopic.php?id=961
http://www.fadu.uba.ar/biblioteca/gen_hor.html
Muestra la posicin actual, adems de un acceso rpido a paginas anteriores
</80>
Sistemas de navegacin: rboles
http://www.unmsm.edu.pe/mapaweb.htm
</81>
Sistemas de navegacin: Directorios
http://www.google.cl/dirhp
</82>
Sistemas de navegacin: nube de tags
http://del.icio.us/tag/
</83>
Sistemas de navegacin: 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>
Sistemas de navegacin: barras y tabs
http://www.ndesign-studio.com/
http://www.infoxicacion.cl/
http://processing.org/
Es importante la metfora, hacer digital algo que es fsico...!!!

</85>
Sistemas de navegacin: mens dinmicos
http://www.amazon.com/gp/site-directory/ref=_ngw_
</86>
Sistemas de navegacin: Global
</87>
Sistemas de navegacin: mens desplegables
http://www.bluevertigo.com.ar/design-resources/index.html
http://www.everystockphoto.com/photo.php?imageId=3009859
</88>
Sistemas de navegacin: por conceptos, tesauros
http://aqua.queenslibrary.org/
</89>
Sistemas de navegacin: consideraciones - Da acceso a la informacin del sitio - Permite al usuario saber dnde se encuentra y donde puede ir. - Reejamos nuestro modelo mental. - Reeja el concepto de marca del sitio. - Inuye sobre la credibilidad del sitio.
</90>
Sistemas de navegacin: + consideraciones - Los clientes podran no comprar al no encontrar lo que buscan. - La empresa puede perder muchsimo dinero, por productividad si sus empleados no encuentran la informacin que necesitan. - Los costos por mantencin aumentan si la navegacin es pobre. - Una marca se devala si la navegacin no funciona.
</91>
Sistemas de navegacin: + consideraciones - Cmo navegaran los usuarios por el contenido que ellos necesitan? - Cmo est organizado el contenido del sitio? - A que debe dar acceso el sistema de navegacin? - Quien visitar el sitio? - Porque se debe construir un sitio?
</92>
Sistemas de navegacin: + consideraciones
predice
habituado
reorienta
El ciclo de la navegacin de acuerdo a David R. Danielson
</93>
Ejercicio: Crearemos nuestro mapa mental para la navegacin...!!!
</94>
</95>
msica
</96>
relajo
lectura
descaso
viajar dormir
conocer
msica
orquesta sonidos
saxofn
Jazz Lisa
sonidos
</97>
Sistemas de navegacin: + consideraciones - Est demostrado que dos personas llaman a un mismo objeto o cosa de diferentes formas. - La mejor aproximacin en la eleccin de los terminos, es conocer al usuario, Necesitamos saber que esperan ver ellos en nuestro sitio, o quizs cmo describiran ellos el contenido que estamos ofreciendo, por lo tanto no es una tarea imposible...!!!
</98>
Sistemas de navegacin: + consideraciones - Bien balanceado - Fcil de entender - Debe generar retroalimentacin - Eciente - Buen nivel de etiquetas o rtulos - Visualmente claro - Apropiado para el tipo de sitio - Estrecha relacin con el usuario
</99>
Sistemas de navegacin: evaluacin - Evaluacin heurstica:

http://www.useit.com/papers/heuristic/heuristic_list.html
- Checklist: - test de navegacin:

http://instone.org/navstress
- test de usabilidad
http://www.useit.com/alertbox/20000319.html
- Anlisis mtrico
http://www.google.com/analytics/es-ES/
</100>
Principios de la Arquitectura de informacin Sistemas de bsqueda
Sistemas de bsqueda
</101>
Sistemas de bsqueda Es necesario tener en cuenta que el sistema de bsqueda, no puede ser una respuesta a un sistema de navegacin defectuoso. Si tenemos una cantidad de pginas que va en aumento, con diversidad de temas, seguro que necesitas un sistema de bsqueda.
</102>
Sistemas de bsqueda
Dis e d Ran e inte kin rface g s o
Voc a
Con
len struc gua cin je d de e c cons ons ulta ulta
con
Me ta
bul
Res u
ario
c dat ontrola os do
ltad
Con del sulta usu ario
Inte rfac bs e d que e da
Mo t bs or de que da
ten
ido
ar o o g e d nav sulta , r ca n re s u b an u n. a n teng sione r e v u vol a que desil s rio hast o se a u us ntar orio s o L regu fact p atis s
http://semanticstudios.com/publications/semantics/000004.php
</103>
Sistemas de bsqueda - Debemos elegir que tipo de documento o registros o archivos sern buscados, HTML, XML, PDF etc. - Determinar zonas dentro del contenido, as ayudamos al usuario a dirigirse a donde realmente encontrar lo que busca.
</104>
Sistemas de bsqueda: por zonas
http://www.sym.cl/advanced_search.php
</105>
Sistemas de bsqueda
http://www.e-galicia.com/
</106>
Sistemas de bsqueda Para delimitar zonas de bsqueda, se puede utilizar el siguiente criterio: - Contenido - Audiencia - Temas - Geogrco - Cronolgico - Autor - Unidades administrativas
</107>
Sistemas de bsqueda: como busca el usuario? - Buscar informacin conocida - Bsqueda de existencia: saben lo que necesitan pero no saben como describir su necesidad. - Bsqueda exploratoria: estn buscando aprender algo ms. -Bsqueda global: otros estn dispuestos a obtener todo lo que exista sobre un tema en especial.
</108>
Sistemas de bsqueda
http://www.fsoc.uba.ar/catalogoiigg/
</109>
Sistemas de bsqueda
</110>
Sistemas de bsqueda: que es lo esencial? - Trabajar esencialmente con un lenguaje homogneo - Debo incorporar palabras claves en los sectores especialmente asignados. etiquetas de ttulo en rtulos - Considerar que el contenido tambin afecta la obtencin de resultados
</111>
Sistemas de bsqueda: ejemplos
http://www.conama.cl/portal/1301/propertyvalue-12940.html
http://www.falabella.com
</112>
</113>
Herramientas de la arquitectura de informacin
</114>
Herramientas de la Arquitectura de informacin
Card sorting u Ordenacin de tarjetas La tcnica de card sorting se basa en la observacin de cmo los usuarios agrupan y asocian entre s un nmero predeterminado de tarjetas etiquetadas con las diferentes categoras temticas del sitio web.
Yusef Hassan Montero
http://www.nosolousabilidad.com/articulos/cardsorting.htm
</115>
Card sorting u Ordenacin de tarjetas Abierto El usuario escribe sus etiquetas o rtulos en una tarjeta sobre un tema dado, pudiendo agruparlos. Cerrado El usuario recibe una cantidad de tarjetas que ya estn escritas con etiquetas o rtulos, se utiliza para comprobar.
</116>
Card sorting u Ordenacin de tarjetas
</117>
Blueprints o Planos de la arquitectura Blueprints o planos de arquitectura, nos muestran las relaciones que existen entre pginas y otros contenidos, adems se utilizan para mostrar un esquema de la organizacin, navegacin y su sistema de etiquetas o rotulos. Se pueden entender casi como un mapa del sitio.
</118>
Blueprints o Planos de la arquitectura

Visita nuestra organizacin
Para comprar nuestros productos educativos
Proyectos
Registros de subsitios
Directorio de subsitios
Programas
Recursos para educadores
Series
Subsitios
Pgina principal
Guas de valor agregado
Bsqueda y exploracin
Tablero dinmico de novedades
Los encabezados del tablero llevan a artculos del rea de novedades
Exploracin por pblico Interfaz de bsqueda Exploracin por ttulo
Exploracin por formato Exploracin por tema
Comentarios
Bsqueda y exploracin global en los registros de los subsitios
Novedades
Rosenfeld, L. y Morville, P. 2000. Arquitectura de Informacin para el WWW: Diseo de sitios web a gran escala. Mexico D.F.: Mc Graw Hill.
</119>
Blueprints o Planos de la arquitectura Leyenda

Puerta del sitio Relaciones entre pginas y componentes Pginas que deben crearse Conjunto de pginas relacionadas Componentes de la pgina (contenido o aplicacin que aparece en cada pgina)
Pgina
Conjunto de pginas semejantes
</120>
Wireframe Una representacin esquemtica de una pgina web sin elementos grcos que muestran contenido y comportamiento. Sirven como herramienta de comunicacin y discusin entre arquitectos de informacin, programadores, diseadores y clientes. Tambin se pueden utilizar para pruebas de usuarios.
Olga Carreras
http://olgacarreras.blogspot.com/2007/02/wireframes.html
</121>
Wireframe
</122>
Wireframe
</123>
Wireframe, Mock Up
{Nombre del Sitio}
Titlo del sitio, informacin que complementa.
imagen aleatoria
Imagen o banner que cambia cada vz que reviso una pgina del sitio. Barra de navegacin principal.
nav
nav
nav
nav
nav
nav Navegacin secundara, permite ir a otros articulos de manera inmediata.
{Articulo Principal}
Ttulo del artculo principal.
Navegacin, buscador de contenidos dentro del sitio. Navegacin por los ltimos artculos publicados en el sitio. Navegacin, enlaces que permiten complementar la informacin que se publica en el sitio.
</124>
Mock Up
</125>
</126>
Modelo para el desarrollo de sitios web de Paul Kahn
K A
http://www.kahnplus.com
</127>
</128>
Diseo de informacin
</129>
Diseo de informacin
Diseo de interfaces
- Diagramacin o layout Grilla Flujo visual - Tipografa Tamao Alineacin Rios, hurfanas, viudas Kerning Espaciado - Color - Materialidad
</130>
Diseo de informacin
Un par de detalles Gestalt Proximidad Similaridad Continuidad Cerrado Diagrama de Gutenberg
</131>
Diseo de informacin
</132>
Diseo de informacin
Edward Tufte
</133>
Diseo de informacin
Diseo de interaccin
</134>
Muy importante en el diseo de interaccin - Ley de Moore - Ley de Fitts - Ley de Hicks - El mgico numero 7 - Ley de Tesler - Principio de Poka-yoke
</135>
Diseo de informacin
Diseo de experiencia de usuario
Arquitectura de la informacin
Diseo de interaccin
Diseo de comunicaciones Ingeniera de la interfaz de usuario Ingeniera de la usabilidad
Diseo industrial
Factor humano
Interaccin humano-computador
</136>
Usabilidad
</137>
Muchas gracias
A Guadalupe Ovalle, Javier Cancino, Juan Alvear, mi familia y UPalermo
</138>
Bibliografa
Baeza-Yates, R.; Castillo, C.; Graells, E. Caractersticas de la Web Chilena 2006. [En lnea] 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 informacin. Buenos Aires, Pearson Education. Cobo R., C. y Pardo K., H. 2007. Planeta web 2.0. Inteligencia colectiva o medios fast food. Barcelona/ Mxico DF.: Grup de Recerca dInteractions Digitals, Universitat de Vic. FLACSO Mxico. Dondis, D. 2000. La sintaxis de la imagen: introduccin 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>
Goto, K. and Cotler, E. 2005. Web ReDesign 2.0 Work ow that Works. Berkeley: Peachpit Press. Kalbach, J. 2007. Designing Web Navigation. Estados Unidos, OReilly. Krug, S. 2006. No me hagas pensar: una aproximacin 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 diseo bsico para la creacin de sitios web. Barcelona: Editorial Gustavo Gili. Moggridge, B.2006. Designing interactions. Estados Unidos: The MIT Press. McLuhan, M. 1962. La galaxia Gutenberg: Gnesis del homo typographicus. Barcelona: Galaxia Gutemberg.
</140>
McLuhan, M.; Fiore, Q. 1967. El Medio es el Masaje. Estados Unidos: Bantam Books, Inc. Morville, P. 2005. Ambient Findability. Estados Unidos, OReilly Media. Morville, P. and Rosenfeld, L. 2007. Information Architecture for the World Wide Web: Designing Large-Scale Web Sies. Sebastopol, CA : OReilly. Nielsen, J.; Tahir, M. 2002. Usabilidad en pginas de inicio: anlisis de 50 sitios web. Madrid: Pearson Education. Nielsen, J. 2000. Usabilidad. Diseo de sitios web. Madrid: Fundacin 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 Informacin para el WWW: Diseo de sitios web a gran escala. Mexico D.F.: Mc Graw Hill.
</141>
Snchez I., J. 2001. Aprendizaje visible, tecnologa invisible. Santiago: Dolmen Ediciones. Tufte, E. 1990. Envisioning Information. Cheshire, Conn. : Graphics Press. Tidwell, J. 2005. Designing Interfaces. Estados Unidos: OReilly. Tofer, A. 1970. El shock del futuro. Barcelona: Plaza & Janes. Veen, J. 2001. Arte y ciencia de diseo web. Madrid: Pearson Education S.A. Publicaciones Electrnicas Arquitectura de Informacin Chile. 2005. AI Chile. [En lnea] Disponible en el WWW: http://www.aichile. org/ (Consulta: 27 julio 2008). Garret, J.J. 2004. Information architecture resources. [En lnea] Disponible en el WWW: http://jjg.net/ia/ (Consulta: 27 julio 2008).
</142>
Giron, A. 2007. CSS Beauty. [En lnea] Disponible en el WWW: http://cssbeauty.com/ (Consulta: 27 julio 2008). Information Architecture Institute. 2007. The Information Architecture Institute. [En lnea] Disponible en el WWW: http://iainstitute.org/ (Consulta: 27 julio 2008). Lynch, P. and Horton, S. Web style guide. [En lnea] Disponible en el WWW: http://www.webstyleguide.com/ (Consulta: 27 julio 2008). World Wide Web Consortium. 2007. W3C Guiando la Web a su mximo potencial. [En lnea] Disponible en el WWW: http://www.w3c.es/ (Consulta: 27 julio 2008).
</143>
Rafael Castillo Guerrero
Bibliotecario Documentalista de la Universidad Tecnolgica Metropolitana en Santiago de Chile, titulado en 1994, durante el ejercicio de la Bibliotecologa deriv al estudio y desarrollo de pginas web, continuando como consultor en publicacin de catlogos de biblioteca en el web. Fue as como prest asesora a instituciones como: Codelco, Entel Chile, Ministerio de Obras Pblicas, Corporacin Nacional del Medio Ambiente entre otros. Con la experiencia obtenida, fue invitado a realizar clases en la Escuela de Bibliotecologa de la Universidad Tecnolgica Metropolitana en 2003, donde ejerce la docencia hasta ahora. En 2004 ingresa a estudiar Diseo Grco en el Instituto Profesional DuocUc, sede San Carlos de Apoquindo, egresando en el ao 2007 con el mejor promedio de la promocin, lo que junto a su investigacin de titulacin, Infoxicacin: Arquitectura y diseo de informacin, le signic ser invitado a impartir clases en la Carrera de Diseo en el DuocUc desde 2008. Rafael Castillo ha sido adems expositor el la XII Conferencia de Internacional de Bibliotecologa, con el tema: Arquitectura de Informacin y usabilidad: un punto de encuentro entre Bibliotecologa y Diseo. Finalmente, es miembro del Instituto de Arquitectura de Informacin de Estados Unidos desde 2007.
</144>
Expositor: Rafael Castillo Guerrero Correo electrnico: rcastillo@infoxicacion.cl / rcastillo@auradesign.cl Titulo: Infoxicacin: Arquitectura y Diseo de Informacin Diseo en Palermo 2008 - Buenos Aires, Argentina Fecha: 31 de julio de 2008
Tipografa de Ttulos: Gerorgia 24 pt Tipografa de Textos complementarios: Meta Tipografa de Diagramas: Meta
</145>
www.infoxicacion.cl
</146>

INFOXICACIÓN

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

INFOXICACIÓN

Cargado por

Copyright:

Formatos disponibles

infoxicacin

Diseo de informacin Usabilidad

Son denitivas estas deniciones?

Organizacin Internacional para la Estandarizacin (ISO)

Necesidades del Usuario Objetivos del Sitio

Arq uite la i ctu nfo ra d rma e ci n

n or i c c tad a r u e Int comp la e d s noa a i cin c m n u h cie puta com

Principios de la Arquitectura de informacin

Principios de la Arquitectura de informacin

Principios de la Arquitectura de informacin

Principios de la Arquitectura de informacin

Contenido dinmico en la etiqueta de ttulo

Qu lleva a organizar el contenido de esta forma?

Principios de la Arquitectura de informacin

Principios de la Arquitectura de informacin

Organizacin alfabtica de la informacin

Principios de la Arquitectura de informacin

Organizacin cronolgica del la informacin

Principios de la Arquitectura de informacin

Organizacin geogrca del la informacin

Principios de la Arquitectura de informacin

Organizacin temtica de la informacin

Principios de la Arquitectura de informacin

Organizacin O rganiz por tareas, de la informacin

Principios de la Arquitectura de informacin

Organizacin O ga ac n p para pa ap pblicos especcos, de la informacin

Organizacin por metfora de la informacin

Metfora organizacional: en este caso, por productos

Organizacin hibrida de la informacin

Principios de la Arquitectura de informacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Estructura bsica, ancha y poco profunda

Principios de la Arquitectura de informacin Sistemas de Organizacin

Estructura bsica, angosta y profunda

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Hipertexto, fragmentos de informacin se unen a travs de vnculos, en un complejo tejido de relaciones

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Clasicaciones sociales, Web 2.0

Y t como organizas la informacin?

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin Sistemas de Organizacin

Principios de la Arquitectura de informacin

Sistema de etiquetado o rotulacin

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Enlaces contextuales con problemas

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Rotulos como encabezamiento

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Rotulos como sistema de navegacin

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos

Rtulos utilizados para indizar contenido

Principios de la Arquitectura de informacin Sistemas de etiquetados o rtulos