Arquitectura de la Información

3.846 visualizaciones

Publicado el

Resumen de conceptos basicos sobre la arquitectura de la informacion. Elaborado a partir de textos e imagenes extraidas de la web.

Publicado en: Tecnología
0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
3.846
En SlideShare
0
De insertados
0
Número de insertados
52
Acciones
Compartido
0
Descargas
132
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.

Arquitectura de la Información

  1. 1. ARQUITECTURA DE INFORMACION <ul><li>Resumen en español elaborado a partir de: </li></ul><ul><li>Information architecture: Structure, content, and form. Peter J. Bogaards </li></ul><ul><li>Los Elementos de la Experiencia de Usuario. Jesse James Garrett </li></ul><ul><li>Mapas de webs. Paul Kahn, Krzysztof Lenk </li></ul><ul><li>Information Architecture Makes Sense. Dynamic Diagrams </li></ul>Por Hector Castelblanco [email_address]
  2. 2. ARQUITECTURA DE INFORMACION TEMAS • ¿Que es la experiencia de usuario? • ¿Como se diseña la experiencia de usuario? • ¿Qué es la arquitectura de información? • Diseño de información aplicado a proyectos web?
  3. 3. Experiencia del usuario ARQUITECTURA DE INFORMACION
  4. 4. ARQUITECTURA DE INFORMACION
  5. 5. ARQUITECTURA DE INFORMACION
  6. 6. ARQUITECTURA DE INFORMACION
  7. 7. ARQUITECTURA DE INFORMACION Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.
  8. 8. ¿Qué es la experiencia de usuario? The elements of user experience J.J. Garrett 2002 La web fue originalmente concebida cono un espacio de información hipertextual. El desarrollo de tecnologías cada vez más sofisticadas la han convertido a nivel del uso, en una interfaz remota de software. ARQUITECTURA DE INFORMACION La ESTRATEGIA es donde todo comienza. ¿Cuales son los objetivos del sitio web? ¿Cuáles son las necesidades de nuestros usuarios? El ALCANCE convierte la estrategia en requerimientos. ¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios? La ESTRUCTURA da forma al alcance. ¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web? El ESQUELETO hace la estructura concreta. ¿Que componentes permiten a los usuarios interactuar con el sitio web? La SUPERFICIE reúne todo junto visualmente. ¿Cómo se ve y se siente el producto terminado?
  9. 9. ARQUITECTURA DE INFORMACION Construyendo de abajo para arriba Estos cinco planos proveen un marco conceptual para hablar de los problemas de la experiencia de usuario y proveen las herramientas para resolverlos. Las decisiones tomadas en un plano afectan las decisiones posibles en los planos superiores Este efecto dominó demuestra que para tomar una decision fuera de alcance en un plano superior debemos replantear las decisiones de los planos inferiores.
  10. 10. Construyendo de abajo para arriba No podemos ponerle el techo a la casa sin haber colocado antes los cimientos. Acabar TODO el trabajo requerido en cada plano antes de empezar el siguiente puede conducir a resultados no satisfactorios. Un mejor enfoque es empezar a trabajar en cada etapa antes de que la anterior haya concluido. ARQUITECTURA DE INFORMACION
  11. 11. ¿Qué es la arquitectura de información? The elements of user experience J.J. Garrett 2002 <ul><li>Creación de sentido , comprensión y utilidad (“complejidad”) </li></ul><ul><li>El diseño centrado en el usuario: pensamiento deductivo versus pensamiento inductivo. </li></ul><ul><li>Diseñar es decidir : proveer un diseño sensato (razonamiento sobre decisiones). </li></ul><ul><li>La referencia al contexto , las restricciones, los objetivos, y los requisitos. </li></ul><ul><li>Productos: señaletica convencional y artefactos de información, (impresos/ digitales , GUI, sitios, dispositivos, y documentos. </li></ul><ul><li>Relación con el diseño gráfico, diseño de documentos, diseño de interacción, escritura técnica, diseño de interfaz, el diseño de sonido y la arquitectura de información. </li></ul>El Instituto AIfIA usa una definición múltiple: El diseño estructural de ambientes de información compartidos. El arte y ciencia de organizar y rotular sitios web, intranets, comunidades en-línea y software para soportar la usabilidad y la encontrabilidad. Una emergente comunidad de práctica enfocada en traer principios del diseño y la arquitectura al paisaje digital. ARQUITECTURA DE INFORMACION
  12. 12. Historia del diseño de información ARQUITECTURA DE INFORMACION
  13. 13. Diseño de información aplicado al desarrollo de proyectos web <ul><li>Enfocado a la “encontrabilidad”: la organización del contenido debe responder a las expectativas de los usuarios. </li></ul><ul><li>Mejor definicion de los usuarios e identificacion de sus tareas. </li></ul><ul><li>Inventariar y organizar el contenido. </li></ul><ul><li>Fundamentar un esquema de diseño visual consistente y estructurado. </li></ul><ul><li>Desarrollar un plan de control de acceso. </li></ul><ul><li>Crear una estructura lógica y escalable para proyectos web. </li></ul>ARQUITECTURA DE INFORMACION
  14. 14. Diseño de información aplicado al desarrollo de proyectos web Se indican las areas tematicas, los derechos de acceso. Las paginas que contienen enlaces globales y tiras publicitarias estan señaladas. ARQUITECTURA DE INFORMACION
  15. 15. Diseño de información aplicado al desarrollo de proyectos web <ul><li>DIAGRAMA DE UN ARTICULO DE NATURE </li></ul><ul><li>Se indica la profundidad del click, las recopilaciones como índices, y resultados de una búsqueda, asi como la vinculacion a paginas internas y externas. </li></ul>ARQUITECTURA DE INFORMACION
  16. 16. Diseño de información aplicado al desarrollo de proyectos web PERIODICO EN LINEA Grafico que indica la publicacion de articulos por parte de los usuarios y su revision y aprobacion por los editores. ARQUITECTURA DE INFORMACION
  17. 17. ARQUITECTURA DE INFORMACION MUCHAS GRACIAS

×