Introducción a la arquitectura de información - prototipos

3,396 views

Published on

Una introducción a la Arquitectura de Información y su contribución al diseño de sitios web.

En esta presentación podrá encontrar:

- Definición
- Beneficios
- Tareas de un arquitecto de información
- Documentos blueprints
- Documentos Wireframing / protipeado
- Casos reales
- Herramientas recomendadas

Published in: Education
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total views
3,396
On SlideShare
0
From Embeds
0
Number of Embeds
898
Actions
Shares
0
Downloads
0
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Introducción a la arquitectura de información - prototipos

  1. 1. Introducción a la arquitecturade informaciónPrototipos Here›s Kate @Flickr ARC Technology ARC+ PREMIUM 2
  2. 2. ¿Qué es la arquitectura de información?
  3. 3. Clasificación 1Galletitas (Soda, Tentación, Margarita, Charada, Gn, Chocosoda) Saladas (Soda) Dulces (Tentación, Margarita, Charada, Gn, Chocosoda) De chocolate (Tentación, Charada, Gn, Chocosoda) Rellenas (Charada, Gn) No Rellenas (Tentación, Chocosoda) De Vainilla (Tentación, Charada, Gn, Margarita) Rellenas (Charada, Gn) No Rellenas (Tentación, Chocosoda)
  4. 4. Clasificación 2Galletas (Soda, Tentación, Margarita, Charada, Gn, Chocosoda) Saladas (Soda) Dulces (Tentación, Margarita, Charada, Gn, Chocosoda) Rellenas (Charada, Gn, Chocosoda) Rellenas de crema (Charada, Gn) De chocolate rellenas con crema. (Charada) De vainilla rellenas con crema. (Gn) Cubiertas con crema (Chocosoda) No rellenas (Tentación, Margarita) De chocolate (Tentación)
  5. 5. La Arquitectura de la información no es… Diseñar Hacer usabilidad Programar
  6. 6. La Arquitectura de la información es… Estructurar, organizar y clasificar información en base a las necesidades del usuario facilitando su navegación y comprensión del sitio web
  7. 7. ¿Qué beneficios obtenemos con la arquitectura de información?
  8. 8. Experiencia de uso, eliminado el costo de frustracióndel usuarioEvitar el costo de mantenimiento del sitio webPosicionamiento en buscadoresEvitar el costo de asistencia a los usuarios Yusef Hassan
  9. 9. ¿Cuáles son las tareasde un arquitecto deinformación?
  10. 10. Inventariar contenidosDefinir taxonomías o jerarquizar categoríasSistematizar el rotuladoEstructurar la información. Mapa de arquitecturaDiseñar sistemas de navegación y búsquedaDefinir esquemas de ordenación de la informaciónDiseñar lo wireframes o prototipos
  11. 11. ¿Qué documentos genera el arquitecto de información?
  12. 12. Blueprints / Estructuras y navegación
  13. 13. Inventario o matriz de contenidos
  14. 14. Mapa de arquitectura / mapa de sitio http://extrivium.com
  15. 15. Wireframes / Prototipos
  16. 16. Son esquematizaciones de la interfaz, documentos en los que se representa cómo deberá ser ladistribución, ordenación y relación de losdiferentes elementos en cada una de las páginas del sitio web. www.sw3.com.ar/tutoriales/item/wireframe
  17. 17. Wireframes de baja fidelidad www.nosolousabilidad.com
  18. 18. Wireframes de alta fidelidad
  19. 19. Más wireframesWireframes para móviles táctiles. www.dribbble.com/shots/43166-Coursefinder-mobile-UI-planning
  20. 20. Más wireframesWireframes para tabletas. www.dribbble.com/shots/234907-wip-2012G www.kontain.com/visuell-interactive/entries/84477/the-ipad-and-the-future-of-wireframes
  21. 21. Inicio | Preguntas Frecuentes | Enlaces de Interés | Contáctenos | Mapa de Sitio Logo OSITRAN Escudo Nacional ZONA DE BANNERAcerca de OSITRAN Marco Normativo institucional Transparencia Buscar | Búsqueda avanzada Solicitud de información Publicaciones pública Notas de Prensa Ver + Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto Boletines texto Texto texto texto Texto texto Consulta de Trámites Imagen Memorias Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto Texto texto texto Texto texto texto Texto texto Extranet texto Texto texto texto Texto texto Revista institucional Oportunidad laboral >> Resúmenes periodísticos diario Concursos Públicos Lista Final de OSITRAN Día a Día Candidatos Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto Galería Multimedia texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto Nombramiento de texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Directores Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto TEXTO TEXTO Ver + Encuestas NormasOSITRAN Entidades prestadorasReglamentos y Directivas TARIFAS, CONTRATOS, OTROSProyectos de Reglamentos - Fecha de última actualización:Entidades Prestadoras 18/07/2008Reglamentos y Directivas Aeropuertos Carreteras Puertos Vías FérreasProyectos de Reglamentos - Correo del WebMaster: consulta@ositran.gob.pe Av. República de Panamá 3659 Urb. El Palomar - San Isidro / Telf.: 440-5115 fax: 421-4739 © Organismo Supervisor de Inversión en Infraestructura de Transporte de Uso Público By Magia digital - 2008
  22. 22. By Magia digital - 2008
  23. 23. Herramientas más usadas para diseñarwireframes Balsamiq (www.balsamiq.com) un mes de prueba Axure (www.axure.com) un mes de prueba Pencil 1.3 (www.pencil.evolus.vn/en-US/Home.aspx ) Gratuita
  24. 24. Documentar laarquitectura deinformación es diseñarexperiencia usuaria
  25. 25. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegretepercy.negrete@pucp.edu.pe

×