Arquitectura de información

  • 516 views
Uploaded on

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 …

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: Wikipedia

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
516
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
12
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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