Los esquemas de navegación por facetas son muy útiles para sitios ricos en información. Gracias a su soporte de taxonomías, Drupal es una excelente base para crear sitios con esquemas de navegación por facetas. Sin embargo, no es obvio cómo implementarlos. Vamos a presentar un caso de estudio sobre cómo implementamos un esquema de navegación por facetas usando Drupal para un sitio rico en información, con detalles sobre cómo estructuramos las taxonomías del sitio, cuáles módulos escogimos para la navegación, y cómo los integramos con las plantillas del sitio. En esta presentación aprenderás: * Cuáles sitios se podrían beneficiar de un esquema de navegación por facetas. * Cómo diseñar una arquitectura de información con múltiples taxonomías. * Cómo implementar una navegación por facetas usando Drupal.

1. Cómo construir esquemas
de navegación por facetas
con Drupal
Jorge Arango

2. Navegación por facetas
Un mecanismo de filtrado del
contenido que le permite al usuario
encontrar información más
fácilmente en un sitio grande.

3. Ejemplo de facetas en el web

7. ARQUITECTURA DE LA
INFORMACIÓN

8. Rosenfeld & Morville

9. Richard Saul Wurman
“Organizar los patrones en la
data, haciendo que lo complejo
sea claro.”
– Richard Saul Wurman, 1975
Foto: http://en.wikipedia.org/wiki/File:Richard_Saul_Wurman2.jpg

10. Encontrar y Entender
Encontrar
Entender

11. Foto: http://www.flickr.com/photos/wscullin/3770015991/

12. Foto: http://www.flickr.com/photos/kwc/13193886/

13. COMODIDAD
Vitruvius
FIRMEZA
AGRADO

14. ONTOLOGÍA
TAXONOMÍA
COREOGRAFÍA
Fuente: http://danklyn.com

15. Ontología
Foto: http://www.flickr.com/photos/tmstone/4134210447/

16. Taxonomía

17. Coreografía
Foto: http://www.flickr.com/photos/getswipp/6964314360/

18. ONTOLOGÍA
TAXONOMÍA
COREOGRAFÍA
Fuente: http://danklyn.com

19. JERARQUÍAS Y
FACETAS

20. BIBLIOTECONOMÍA
biblion (“libro”)
+
theke (“caja”)
+
nomos (“ley”)
Foto: http://www.flickr.com/photos/paul_lowry/2266388742

21. Jerarquía de libros
1. Hogar
1.1. Cocina
1.1.1. Libro A
1.1.2. Libro B
1.2. Decoración
1.2.1. Libro C
1.3. Jardinería
1.3.1. Libro D
2. Computación
2.1. Diseño
2.1.1. Information Architecture for the World Wide Web
2.2. Programación
2.2.1. Libro E

22. Melvil Dewey
000 – Computer science, information…
100 – Philosophy and psychology
200 – Religion
300 – Social sciences
400 – Language
500 – Science (incl. mathematics)
600 – Technoloy and applied science
700 – Arts and recreation
800 – Literature
900 – History and geography

25. Jerarquías sencillas
• Cada cosa en su lugar, un solo lugar para
cada cosa
• Menos complejas de diseñar e implementar
• Más útiles cuando no hay traslape
• Son rígidas
• Dependen de ontologías compartidas

26. Ejemplo de jerarquía 1

27. Ejemplo de jerarquía 2

28. S.R. Ranganathan
Foto: http://www.isibang.ac.in

29. Clasificación Colonada
PERSONALIDAD
ESPACIO
MATERIA
TIEMPO
ENERGÍA

30. Todos los artículos…

31. Todos los artículos…
Color = Rojo

32. Todos los artículos…
Color = Rojo Forma = Círculo

33. Todos los artículos…
Color = Rojo Forma = Círculo Tamaño = Grande

34. Todos los artículos…
Color = Rojo Forma = Círculo Tamaño = Grande
FACETAS

35. ¿Cómo sabes si la navegación por
facetas es apropiada para tu sitio?

36. ¿Cómo sabes si la navegación por
facetas es apropiada para tu sitio?
1. Tienes un grupo grande de artículos
variados

39. ¿Cómo sabes si la navegación por
facetas es apropiada para tu sitio?
1. Tienes un grupo grande de artículos
variados
2. Las categorías pueden ser arbitrarias,
ambiguas, o discutibles

42. ¿Cómo sabes si la navegación por
facetas es apropiada para tu sitio?
1. Tienes un grupo grande de artículos
variados
2. Las categorías pueden ser arbitrarias,
ambiguas, o discutibles
3. Los usuarios no saben exáctamente qué
buscan

45. ¿Cómo sabes si la navegación por
facetas es apropiada para tu sitio?
1. Tienes un grupo grande de artículos
variados
2. Las categorías pueden ser arbitrarias,
ambiguas, o discutibles
3. Los usuarios no saben exáctamente qué
buscan
4. Hay artículos que pueden ubicarse en más
de una categoría

47. CASO DE ESTUDIO

54. Proceso que seguimos
1. Inventario de contenido
2. Análisis de la data
3. Crear la taxonomía
4. Prototipado de la navegación (wireframes)
5. Implementación en Drupal
6. Asignar categorías al contenido
7. Pruebas con el cliente

56. Taxonomías

57. Vocabularios
• Ingrediente principal
• Tipo de plato
• Origen étnico
• Pastelería y panadería
• Sugerencias para eventos
• Dietas especiales

59. ¿Cómo determinamos los
vocabularios?

60. ¿Cómo determinamos los
vocabularios?
• Conversación con el cliente

62. ¿Cómo determinamos los
vocabularios?
• Conversación con el cliente
• Análisis competitivo

65. ¿Cómo determinamos los
vocabularios?
• Conversación con el cliente
• Análisis competitivo
• Entrevistas con los usuarios*
* Pero no en este caso…

66. Wireframes

73. Módulos
• Taxonomy
• Content Taxonomy (CCK)
• Advanced Taxonomy Blocks
• Jquery Menu
• CCK Field Indexer
• Taxonomy Super Select
• Context Menu
• Dynamic Tree Menu
• Multi Term
• Taxonomy Filter Core

74. TAXONOMY FILTER

75. TAXONOMY BLOCK

76. Drupal 7
TAXONOMY FACETS
http://drupal.org/project/taxonomy_facets

77. CODA

78. ¡GRACIAS!
JORGE ARANGO
@jarango
jarango@bootstudio.com