Arquitectura De Información
50
Arquitectura de Información http://www.flickr.com/photos/wscullin/3770015203/ Harold Maduro
-
Upload
harold-maduro -
Category
Education
-
view
1.066 -
download
0
description
Una introducción a nivel bien básico de la Arquitectura de Información y su rol en el diseño web. Esta presentación va de la mano de actividades prácticas.
Transcript of 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/
