arquitectura de información

Arquitectura de Información

http://www.flickr.com/photos/wscullin/3770015203/Harold Maduro

todos los días somos bombardeadoscon información.

http://www.flickr.com/photos/mynameispaul/384235177/

incluso, en los espacios digitales

¿Cómo vamos a organizarla?

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

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

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

Debemos estructurar los sitios de tal forma que sean intuitivos de usar.

http://jjg.net

Que la gente encuentre lo que busca.

Organicemos la estructura del contenido a nivel del sitio entero

Sitemap

Sitemap

Te toca: card sorting.

Ahora, estructuremos la información que va a ir en

la página

Wireframes

El wireframe es un prototipo, de cómo se va a ver el sitio una vez diseñado y armado

Hay muchas formas de hacer prototipos

Prototipos

Alta fidelidad: diseño visual

Prototipos

Baja fidelidad: wireframe

Prototipos

Muy baja fidelidad: bosquejo a mano

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.

¿Pero si quieres proponer o explorar varias

soluciones?

¿Y si quieres trabajar esto entre varias

personas?

¡Probemos otra técnica!

Inspirada en las críticas de diseñohttp://www.flickr.com/photos/mystandardbreakfromlife/3952642980/

Dibuja tus ideas.http://www.flickr.com/photos/rohdesign/3307873748/

Mezcla muchas ideas.

Comparte con el equipo.http://www.flickr.com/photos/worldeconomicforum/2894023545/

Te toca: ¡a dibujar se ha dicho!

Pre-Kinder de dibujo

Re aprendamos a dibujar un rectángulo

El reto no es cómo dibujar; sino, qué dibujar

No es la Monalisa

Dibuja bocetos chicos, muchos de ellos

Dibuja bocetos detallados, en menos cantidades

Evolución de las ideas

http://ugleah.tumblr.com/

Dibuja bocetos chicos, muchos de ellos

http://ugleah.tumblr.com/

Muchas ideas, crudas pero variadas

http://ugleah.tumblr.com/

dibuja.

Dibuja bocetos detallados, en menos cantidades

http://ugleah.tumblr.com/

Mayor detalle de pantallas

Énfasis: grosor de línea, sombreado, notashttp://ugleah.tumblr.com/

dibuja.

Sketchboard

http://ugleah.tumblr.com/

Colaboración: sustenta tu diseño y recibe feedback

comparte.

El proceso de creación web es evolutivo.

La evolución empieza desde la fase de

planeación.http://www.flickr.com/photos/wscullin/3770015203/

harold maduro

harold@epiphycorp.com

tel. (507) 6674.1605

gracias.