arquitectura de la informacion

Post on 26-Jun-2015

274 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

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

gemafuentesanchez@gmail.com

1

ENTENDER, EXPLICAR Y CONTROLAR.

Arquitectura de la Información

2014

gemafuentesanchez@gmail.com

2

Todos somos bibliotecarios en Internet

2014

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

4

¿Por que es tan difícil?

2014

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

6

Manos a la obra

2014

gemafuentesanchez@gmail.com

7

ORDENAR LA INFORMACIÓN

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

ENTENDER LA INFORMACIÓN(ETIQUETADO)

2014

Objetivos

gemafuentesanchez@gmail.com

8

Ordenar la información

2014

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

10

Ordenar la información

2014

Esquemas de organización exactos:Alfabéticos

gemafuentesanchez@gmail.com

11

Ordenar la información

2014

Esquemas de organización exactos:Cronológicos

gemafuentesanchez@gmail.com

12

Ordenar la información

2014

Esquemas de organización exactos:Geográficos

gemafuentesanchez@gmail.com

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.

gemafuentesanchez@gmail.com

14

Ordenar la información

2014

Esquemas de organización ambiguos: Tema

gemafuentesanchez@gmail.com

15

Ordenar la información

2014

Esquemas de organización ambiguos:

Tarea

gemafuentesanchez@gmail.com

16

Ordenar la información

2014

Esquemas de organización ambiguos: Audiencias

gemafuentesanchez@gmail.com

17

Ordenar la información

2014

Estructuras Secuenciales

gemafuentesanchez@gmail.com

18

Ordenar la información

2014

Estructuras Jerárquicas

gemafuentesanchez@gmail.com

19

Ordenar la información

2014

Estructuras Redes

gemafuentesanchez@gmail.com

20

Ordenar la información

2014

Estructuras demasiado horizontales

gemafuentesanchez@gmail.com

21

Ordenar la información

2014

Estructuras demasiado verticales

gemafuentesanchez@gmail.com

22

Encontrar la información

2014

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

24

Encontrar la información

2014

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

y como he llegado hasta aquí

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

27

Encontrar la información

2014

Como puedo ir a….

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

32

Entender la información

2014

gemafuentesanchez@gmail.com

33

Entender la información

2014

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

35

Entender la información

2014

Encabezados (jerarquía)

gemafuentesanchez@gmail.com

36

Entender la información

2014

Enlaces (contexto)

gemafuentesanchez@gmail.com

37

Entender la información

2014

Navegación (repetición)

gemafuentesanchez@gmail.com

38

Entender la información

2014

Metadatos

gemafuentesanchez@gmail.com

39

Entender la información

2014

Folksonomía

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

41

ÁRBOLES DE CONTENIDOCARD SORTING

2014

Métodos de trabajo

gemafuentesanchez@gmail.com

42

Arboles de contenido

2014

gemafuentesanchez@gmail.com

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)

gemafuentesanchez@gmail.com

44

Card Sorting

2014

gemafuentesanchez@gmail.com

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.

gemafuentesanchez@gmail.com

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.

gemafuentesanchez@gmail.com

47

Card Sorting

2014

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

gemafuentesanchez@gmail.com

48

SOFTWAREDICCIONARIOS Y VOCABULARIOS CONTROLADOS

2014

Herramientas

gemafuentesanchez@gmail.com

49

Software

2014

Card Sorting

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

gemafuentesanchez@gmail.com

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

gemafuentesanchez@gmail.com

51

2014

Bibliografía

LIBROSWWW

gemafuentesanchez@gmail.com

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/

gemafuentesanchez@gmail.com

53

www

2014

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

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

top related