Introducción a los componentes de la arquitectura de información comenzando con los sistemas de organización.

1. Componentes de
la Arquitectura
de Información.
Sistemas de organización.
Mtro. Omar Sosa Tzec.
Lic. en Diseño de Interacción.
Universidad Iberoamericana Campus Puebla.
http://www.tzek-design.com/blog

2. Material de
referencia.
Information Architecture for the World
Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.

3. Componentes de la
Arquitectura de Información.

4. Sistemas de Sistemas de
organización. etiquetado.
Sistemas de Sistemas de
navegación. Búsqueda.

5. ¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

6. ¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

7. ¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

8. ¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

9. ¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

10. Sistemas de
organización.

11. Los sistemas de organización están compuestos de
esquemas de organización y estructuras de organización.
Un esquema de organización define las características
compartidas de los items de contenido e influye en el
agrupamiento lógico de éstos items.
Una estructura de organización define los tipos de
relaciones entre items y grupos de contenido.

12. Los esquemas de organización
se dividen en:
Exactos.
Ambiguos.

13. Sistemas de organización exactos.

14. Alfabético.

15. http://www.smartdevicecentral.com/slide/Apple+iPhone/210739_198446_22_0.aspx

16. http://www.smartdevicecentral.com/slide/Apple+iPhone/210739_198446_22_0.aspx

21. Cronológico.

22. http://psd.tutsplus.com/

23. http://psd.tutsplus.com/

30. Geográfico.

35. Sistemas de organización ambiguos.

36. Tópico.

40. Recuerda. Importante que el usuario
entienda y pueda responder las
siguientes preguntas:
¿Dónde estoy?
¿Qué es aquí?
¿A dónde puedo ir?

42. Tarea.

46. Audiencia.

52. Metáfora.

54. visto en http://www.devlounge.net/design/visual-metaphors-7-rockstar-examples-on-the-web

55. visto en http://www.devlounge.net/design/visual-metaphors-7-rockstar-examples-on-the-web

56. Híbridos.

57. Hay tres estructuras
de organización:
Jerarquía (top-down).
Modelo de base de datos (bottom-up).
Clasificación social.

58. Jerarquía.

59. http://upload.wikimedia.org/wikipedia/commons/e/e5/Taxonomia-y-filogenia.gif

60. Cuestiones relacionadas con el diseño de taxonomías:
* Las categorías como elementos excluyentes.
* Taxonomías a lo ancho vs. taxonomías verticales profundas.
* La regla del siete más menos dos.

61. Sugerencias para el diseño de taxonomías:
* Reconocer el daño de sobrecargar a los usuarios con
muchas opciones.
* Agrupar y estructurar la información a nivel de página.
* Supeditar los diseños a una prueba de usuarios rigurosa.

62. La jerarquía es un buen lugar para empezar, pero no es el
único componente cohesivo en un sistema de organización.

63. Modelo de base de datos.

64. Entidad-Relación.

65. http://upload.wikimedia.org/wikipedia/commons/7/72/ER_Diagram_MMORPG.png

67. XML.

68. XML
XHTML

70. <helado>
<nombre></nombre>
<sabor></sabor>
<recipiente></recipiente>
</helado>

71. Clasificación social.

80. Tarea - parte 1.
* Tomando en cuenta las preguntas de:
- ¿Dónde estoy?
-¿Qué es aquí?
-¿A dónde puedo ir?
comenta en un post de forma muy breve un caso en el
que te hayas topado donde tu o alguien conocido tuvo
problemas con responder alguna o todas las preguntas.
* Comenta también ¿qué te/le pasó como consecuencia?

81. Tarea - parte 2.
* Realiza una presentación para la siguiente actividad:
- Busca un sitio web de tu agrado.
- Señala y explica en “pantallazos” del sitio (con notas o
call-outs) dónde aparecen y para qué sirven los
diferentes sistemas de organización descritos por
Morville y Rosenfeld.
* Abre una cuenta en SlideShare y sube la presentación.
Procura optimizarla para pantalla y así no tener
problemas con el peso del archivo que vas a subir.
* Desde SlideShare, publica la presentación también en
tu blog.

82. Tarea - parte 2.
* Toma la fotografía de un objeto de la vida real.
* Piensa que vas a construir una aplicación para
iPhone o iPod touch. En esta aplicación hay al
menos una tarea que necesita que los usuarios
naveguen y consuman la información del objeto.
* Escribe cuál podría ser “la descripción” de ese
elemento en XML, con lo cual esperarías armar
una base de datos de objetos similares.
* Escribe un nuevo post, donde muestras la foto,
describes de qué trataría tu aplicación, muestras
tu descripción en XML y explicas porque esta
última sería útil en la aplicación.

83. * Nota: Recuerda, todas las tareas bajan un punto
por cada día que pasa a partir de la fecha de entrega.

84. Gracias.
* Presentación con fines didácticos sin lucro.
Imágenes y textos son propiedad de sus autores.