Your SlideShare is downloading. ×
Arquitectura de información
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Arquitectura de información

523
views

Published 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

Published in: Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
523
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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