arquitectura de información
DESCRIPTION
Arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos. Fuente: WikipediaTRANSCRIPT
![Page 1: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/1.jpg)
Arquitectura de Información
http://www.flickr.com/photos/wscullin/3770015203/Harold Maduro
![Page 2: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/2.jpg)
todos los días somos bombardeadoscon información.
http://www.flickr.com/photos/mynameispaul/384235177/
![Page 3: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/3.jpg)
![Page 4: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/4.jpg)
![Page 5: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/5.jpg)
incluso, en los espacios digitales
![Page 6: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/6.jpg)
¿Cómo vamos a organizarla?
![Page 7: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/7.jpg)
Arquitectura de Información
La Arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.
wikipedia.org
![Page 8: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/8.jpg)
Arquitectura de Información
La Arquitectura de la Información (AI) es el arte y la ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para promover la usabilidad y encontrabilidad.
wikipedia.org
![Page 9: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/9.jpg)
Arquitectura de Información
La Arquitectura de la Información (AI) busca organizar los sitios web para que sean más fáciles de usar y la información más fácil de encontrar.
yo
en español
![Page 10: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/10.jpg)
Debemos estructurar los sitios de tal forma que sean intuitivos de usar.
http://jjg.net
Que la gente encuentre lo que busca.
![Page 11: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/11.jpg)
Organicemos la estructura del contenido a nivel del sitio entero
![Page 12: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/12.jpg)
Sitemap
![Page 13: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/13.jpg)
Sitemap
![Page 14: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/14.jpg)
Te toca: card sorting.
![Page 15: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/15.jpg)
Ahora, estructuremos la información que va a ir en
la página
![Page 16: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/16.jpg)
Wireframes
![Page 17: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/17.jpg)
El wireframe es un prototipo, de cómo se va a ver el sitio una vez diseñado y armado
![Page 18: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/18.jpg)
Hay muchas formas de hacer prototipos
![Page 19: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/19.jpg)
Prototipos
Alta fidelidad: diseño visual
![Page 20: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/20.jpg)
Prototipos
Baja fidelidad: wireframe
![Page 21: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/21.jpg)
Prototipos
Muy baja fidelidad: bosquejo a mano
![Page 22: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/22.jpg)
http://www.flickr.com/photos/24801682@N08/4120093158/
Lo bueno de los Wireframes es que te permite esforzarte en el
detalle de una sóla solución.
![Page 23: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/23.jpg)
¿Pero si quieres proponer o explorar varias
soluciones?
¿Y si quieres trabajar esto entre varias
personas?
¡Probemos otra técnica!
![Page 24: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/24.jpg)
Inspirada en las críticas de diseñohttp://www.flickr.com/photos/mystandardbreakfromlife/3952642980/
![Page 25: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/25.jpg)
Dibuja tus ideas.http://www.flickr.com/photos/rohdesign/3307873748/
![Page 26: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/26.jpg)
Mezcla muchas ideas.
![Page 27: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/27.jpg)
Comparte con el equipo.http://www.flickr.com/photos/worldeconomicforum/2894023545/
![Page 28: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/28.jpg)
Te toca: ¡a dibujar se ha dicho!
![Page 29: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/29.jpg)
Pre-Kinder de dibujo
Re aprendamos a dibujar un rectángulo
![Page 30: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/30.jpg)
El reto no es cómo dibujar; sino, qué dibujar
![Page 31: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/31.jpg)
No es la Monalisa
![Page 32: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/32.jpg)
Dibuja bocetos chicos, muchos de ellos
Dibuja bocetos detallados, en menos cantidades
Evolución de las ideas
http://ugleah.tumblr.com/
![Page 33: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/33.jpg)
Dibuja bocetos chicos, muchos de ellos
http://ugleah.tumblr.com/
![Page 34: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/34.jpg)
Muchas ideas, crudas pero variadas
http://ugleah.tumblr.com/
![Page 35: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/35.jpg)
dibuja.
![Page 36: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/36.jpg)
Dibuja bocetos detallados, en menos cantidades
http://ugleah.tumblr.com/
![Page 37: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/37.jpg)
Mayor detalle de pantallas
Énfasis: grosor de línea, sombreado, notashttp://ugleah.tumblr.com/
![Page 38: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/38.jpg)
dibuja.
![Page 39: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/39.jpg)
Sketchboard
http://ugleah.tumblr.com/
Colaboración: sustenta tu diseño y recibe feedback
![Page 40: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/40.jpg)
comparte.
![Page 41: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/41.jpg)
El proceso de creación web es evolutivo.
![Page 42: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/42.jpg)
![Page 43: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/43.jpg)
![Page 44: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/44.jpg)
![Page 45: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/45.jpg)
![Page 46: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/46.jpg)
![Page 47: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/47.jpg)
![Page 48: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/48.jpg)
![Page 49: Arquitectura de información](https://reader033.vdocumento.com/reader033/viewer/2022060119/558e79e31a28ab5d2c8b45c4/html5/thumbnails/49.jpg)
La evolución empieza desde la fase de
planeación.http://www.flickr.com/photos/wscullin/3770015203/