arquitectura de la informacion

53
ENTENDER, EXPLICAR Y CONTROLAR. Arquitectura de la Información 2014 1 [email protected]

Upload: gema-de-la-fuente

Post on 26-Jun-2015

274 views

Category:

Design


0 download

DESCRIPTION

Qué es y para que sirve la arquitectura de la información en el diseño web. Métodos de trabajo, técnicas y recursos.

TRANSCRIPT

Page 1: Arquitectura de la informacion

[email protected]

1

ENTENDER, EXPLICAR Y CONTROLAR.

Arquitectura de la Información

2014

Page 2: Arquitectura de la informacion

[email protected]

2

Todos somos bibliotecarios en Internet

2014

Page 3: Arquitectura de la informacion

[email protected]

3

Encontrar la información

2014

• Donde estoy• Yo se lo que busco, como puedo encontrarlo• Como puedo moverme por el sitio• Que es importante y único en esta

organización• Que hay disponible en este sitio• Que va a ocurrir aquí• Como puedo contactar con un humano

Page 4: Arquitectura de la informacion

[email protected]

4

¿Por que es tan difícil?

2014

• Ambigüedad• Heterogeneidad• Diferentes perspectivas• Políticas internas• Múltiples facetas

Page 5: Arquitectura de la informacion

[email protected]

5

Importancia económica

2014

Coste de tiempo (5 segundos)+

Coste de educación: enseñar a tus clientes+

Coste de entrenamiento: ayuda externos+

Coste de construcción: rediseñar sitios que no funcionan

=Devaluación de la marca

Page 6: Arquitectura de la informacion

[email protected]

6

Manos a la obra

2014

Page 7: Arquitectura de la informacion

[email protected]

7

ORDENAR LA INFORMACIÓN

ENCONTRAR LA INFORMACIÓN (NAVEGACIÓN Y BÚSQUEDA)

ENTENDER LA INFORMACIÓN(ETIQUETADO)

2014

Objetivos

Page 8: Arquitectura de la informacion

[email protected]

8

Ordenar la información

2014

Page 9: Arquitectura de la informacion

[email protected]

9

Ordenar la información

2014

Esquemas de organización exactos:

Bien definidos y mutuamente excluyentes.

Conocer exactamente el nombre de lo que se esta buscando.

Fáciles de crear y mantener

Page 10: Arquitectura de la informacion

[email protected]

10

Ordenar la información

2014

Esquemas de organización exactos:Alfabéticos

Page 11: Arquitectura de la informacion

[email protected]

11

Ordenar la información

2014

Esquemas de organización exactos:Cronológicos

Page 12: Arquitectura de la informacion

[email protected]

12

Ordenar la información

2014

Esquemas de organización exactos:Geográficos

Page 13: Arquitectura de la informacion

[email protected]

13

Ordenar la información

2014

Esquemas de organización ambiguos: La búsqueda de información es iterativa e

interactiva.

Son difíciles de crear y mantener

Son necesario porque los usuarios no siempre saben exactamente lo que están buscando.

Page 14: Arquitectura de la informacion

[email protected]

14

Ordenar la información

2014

Esquemas de organización ambiguos: Tema

Page 15: Arquitectura de la informacion

[email protected]

15

Ordenar la información

2014

Esquemas de organización ambiguos:

Tarea

Page 16: Arquitectura de la informacion

[email protected]

16

Ordenar la información

2014

Esquemas de organización ambiguos: Audiencias

Page 17: Arquitectura de la informacion

[email protected]

17

Ordenar la información

2014

Estructuras Secuenciales

Page 18: Arquitectura de la informacion

[email protected]

18

Ordenar la información

2014

Estructuras Jerárquicas

Page 19: Arquitectura de la informacion

[email protected]

19

Ordenar la información

2014

Estructuras Redes

Page 20: Arquitectura de la informacion

[email protected]

20

Ordenar la información

2014

Estructuras demasiado horizontales

Page 21: Arquitectura de la informacion

[email protected]

21

Ordenar la información

2014

Estructuras demasiado verticales

Page 22: Arquitectura de la informacion

[email protected]

22

Encontrar la información

2014

Page 23: Arquitectura de la informacion

[email protected]

23

Encontrar la información

2014

Navegando

ExplorarSugerencias No sabe exactamente lo que quiere

Pierde de vista el objetivo de la búsquedaDifícil concordancia en la categorización

Page 24: Arquitectura de la informacion

[email protected]

24

Encontrar la información

2014

Donde estoy, donde puedo ir, que hay cerca de aquí

y como he llegado hasta aquí

Page 25: Arquitectura de la informacion

[email protected]

25

Encontrar la información

2014

Ayudas a la navegación:• Identificadores (logo, rastro de migas...)• Sistemas de navegación • Generales• Locales• Contextuales

• Mapas del sitio / tablas de contenidos• Índices (alfabéticos, cronológicos)• Ayudas secuenciales en tareas• Asistentes

Page 26: Arquitectura de la informacion

[email protected]

26

Encontrar la información

2014

Buscando

RápidoEspecífico Sabe lo que quiere

Elimina el contexto Elimina alternativas no conocidasDifícil concordancia en el etiquetado

Page 27: Arquitectura de la informacion

[email protected]

27

Encontrar la información

2014

Como puedo ir a….

Page 28: Arquitectura de la informacion

[email protected]

28

Encontrar la información

2014

Interfaz de búsqueda:

• Todas las paginas• Bien situado• Opciones (avanzada, zonas)• Caja de búsqueda: 35/40 caracteres

Page 29: Arquitectura de la informacion

[email protected]

29

Encontrar la información

2014

Lenguaje de consulta y constructores:

• Operadores booleanos: utilizar “y” por defecto

• No distinguir mayúsculas y minúsculas• Vocabularios controlados (ortografía y

deletreado)• Sinónimos• Sugerencias de búsquedas recientes o

populares

Page 30: Arquitectura de la informacion

[email protected]

30

Encontrar la información

2014

Algoritmos de recuperación:

• Búsquedas frecuentes• Búsquedas populares• Pautas navegación• Popularidad de los resultados• Reputación de los resultados

Page 31: Arquitectura de la informacion

[email protected]

31

Encontrar la información

2014

Resultados de la búsqueda:• Paginar (poder elegir nº resultados)

• Ordenar• Filtrar• Visualización (poder elegir formato)• Títulos• Palabras tecleadas resaltadas• Meta data• Enlaces visitados

Page 32: Arquitectura de la informacion

[email protected]

32

Entender la información

2014

Page 33: Arquitectura de la informacion

[email protected]

33

Entender la información

2014

Etiqueta: trasmitir significado sin tomar demasiado espacio en la pagina y sin hacer pensar demasiado al usuario.

Page 34: Arquitectura de la informacion

[email protected]

34

Entender la información

2014

Problemas:• No son representativas o diferenciadoras• Utilizan una jerga (de la organización)

desconocida para los usuarios • Ofrecen una pobre imagen del sitio

Page 35: Arquitectura de la informacion

[email protected]

35

Entender la información

2014

Encabezados (jerarquía)

Page 36: Arquitectura de la informacion

[email protected]

36

Entender la información

2014

Enlaces (contexto)

Page 37: Arquitectura de la informacion

[email protected]

37

Entender la información

2014

Navegación (repetición)

Page 38: Arquitectura de la informacion

[email protected]

38

Entender la información

2014

Metadatos

Page 39: Arquitectura de la informacion

[email protected]

39

Entender la información

2014

Folksonomía

Page 40: Arquitectura de la informacion

[email protected]

40

Entender la información

2014

Fuentes:• Tu propio sitio/ compañía• Sitios de la competencia• Vocabularios controlados (Adwords) • Folksonomias• Card sorting• Análisis de las búsquedas en nuestro

sitio

Page 41: Arquitectura de la informacion

[email protected]

41

ÁRBOLES DE CONTENIDOCARD SORTING

2014

Métodos de trabajo

Page 42: Arquitectura de la informacion

[email protected]

42

Arboles de contenido

2014

Page 43: Arquitectura de la informacion

[email protected]

43

Arboles de contenido

2014

• Muestra visualmente los contenidos del sitio, las relaciones entre ellos y su granularidad.

• No es un mapa de navegación (pero un punto de partida para esta)

Page 44: Arquitectura de la informacion

[email protected]

44

Card Sorting

2014

Page 45: Arquitectura de la informacion

[email protected]

45

Card Sorting

2014

Técnica para explorar y observar cómo los usuarios ordenan y clasifican las categorías de información de un sitio

web.

Page 46: Arquitectura de la informacion

[email protected]

46

Card Sorting

2014

Card sorting abierto: los usuarios reciben categorías sin ningún tipo de grupo establecido, por tanto, pueden agrupar las categorías libremente como mejor crean.

Card sorting cerrado: los usuarios reciben categorías con grupos previamente definidos, con lo que el usuario debe ubicar cada categoría en el grupo que crea conveniente.

Page 47: Arquitectura de la informacion

[email protected]

47

Card Sorting

2014

Número de participantes: al menos 5. Tiempo: 40 categorías/ 20 minutos.

Page 48: Arquitectura de la informacion

[email protected]

48

SOFTWAREDICCIONARIOS Y VOCABULARIOS CONTROLADOS

2014

Herramientas

Page 49: Arquitectura de la informacion

[email protected]

49

Software

2014

Card Sorting

http://www.optimalworkshop.com/http://uxpunk.com/http://www.userzoom.es/

Page 50: Arquitectura de la informacion

[email protected]

50

Diccionarios y vocabularios controlados

2014

http://www.vocabularyserver.com/

http://www.visualthesaurus.com/

http://www.xn--sinnimo-n0a.es/

https://adwords.google.es/

http://www.wordreference.com/sinonimos/

http://www.rae.es/recursos

Page 51: Arquitectura de la informacion

[email protected]

51

2014

Bibliografía

LIBROSWWW

Page 52: Arquitectura de la informacion

[email protected]

52

Libros

2014

• Information Architecture for the World Wide WebPeter Morville, Louis Rosenfeld

• Information Architecture: Blueprints for the Web Christina Wodtke

• Tienes 5 segundos  Juan C. Camushttp://tienes5segundos.cl/

Page 53: Arquitectura de la informacion

[email protected]

53

www

2014

http://www.nosolousabilidad.com/articulos/cardsorting_unicauca.htm

http://www.nosolousabilidad.com/articulos/cardsorting.htm