Documentos de Académico
Documentos de Profesional
Documentos de Cultura
1
Evaluación Heurística avanzada
â Varios expertos revisan un sitio web con una lista por escrito [*] de los
principios y directrices que se deben cumplir.
â Esta lista puede incluir:
» El sitio debe ofrecer varias formas de acceder a la misma información.
» Índices y mapas de sitio deben completar la taxonomía.
» El sistema de navegación debe proporcionar contexto a los usuarios.
» El sitio siempre debe usar un lenguaje apropiado para la audiencia.
» Búsqueda y navegación se integran y se refuerzan mutuamente.
â El equipo de expertos podría incluir un arquitecto de información, un
ingeniero de usabilidad, y un diseñador de interacción. Cada uno de ellos ven
problemas y oportunidades muy diferentes.
â Cada experto evalúa el sitio y toma notas, luego se juntan a comparar notas,
discutir las diferencias, y trabajar hacia un consenso.
[*] para un buen ejemplo de una lista mirar Jakob Nielsen: Ten Usability
Heuristics (http://www.useit.com/papers/heuristic/heuristic_list.html).
19
Análisis del contenido:
¿ cómo empezar ?
â Una encuesta informal o una auditoría detallada.
â Empezar por encontrar y analizar muestras representativas. No hay método
científico (aún) para encontrarlas -> use juicio común.
â Seleccionar dos+ de cada clase -> Representatividad
â Algunas dimensiones a tener en cuenta cuando se seleccione:
» Formato: amplia combinación de formatos (texto, video, mensajes)
» Tipo de documento: diversidad->registros de catálogo de productos,
folletos de marketing, comunicados de prensa, artículos periodísticos,
informes anuales, informes técnicos, hojas de cálculo...
» Fuente: diversidad para reflejar el organigrama. Muestras de ingeniería,
marketing, atención al cliente, finanzas, recursos humanos, ventas,
investigación, etc.. (además políticamente astuto)
» Tema: difícil si no hay taxonomía previa. Buscar si la hay (¿implícita?)
» Arquitectura existente: (si existe), seguir los enlaces a las categorías
principales en la página principal o en la barra de navegación principal.
(no dejarse influir excesivamente por la estructura existente)
»
20
Mapeado de Conceptos
21
Benchmarking
â Informalmente: un punto de referencia desde donde puede realizar medidas
comparativas o juicios -> Evaluación comparativa.
â Identificación, evaluación y comparación de las características de arquitectura
de la información de los sitios web e intranets.
â Estas comparaciones pueden ser cuantitativas o cualitativas.
» Cuantitativa: número de segundos que tarda un usuario para realizar una
tarea con los sitios web que compiten,
» Cualitativa: cuál brinda mayor sensación de comodidad, seguridad, etc.
» Tomar nota de las características interesantes de cada sitio.
â Las Estadísticas de uso pueden ser un buen punto de partida si existía un sitio
anteriormente.
â Existen muchos paquetes de software de estadísticas en el mercado (incluso
gratis, ver http://www.google.com/intl/es_ALL/analytics/)
24
Análisis de los Logs de
búsqueda
â Enfoque sencillo y muy valioso
â Implica el seguimiento y análisis de las consultas realizadas con el motor
â Permite identificar lo que los usuarios están buscando
» palabras y frases que utilizan.
â Muy útil cuando se quiere desarrollar un vocabulario controlado.
â A nivel básico: permite averiguar la forma en que los usuarios realmente
hacen la búsqueda.
» En general, los usuarios introducen una o dos palabras clave, muchas
veces con errores de ortografía. Pocas veces se ven conectores lógicos
explícitamente usados.
â Más sofisticado: ayudar a responder preguntas como:
» ¿Qué consultas populares arrojan 0 resultados?
» ¿Las consultas con 0 resultados se deben a mal ingreso de las palabras de
búsqueda (errores de ortografía) o a que la información no está?
» ¿Qué consultas populares arrojan cientos de resultados?
» ¿Qué buscan realmente los usuarios que tienen cientos de resultados?
» ¿Qué consultas son cada vez más/menos popular?
25
Investigación de Usuarios
26
Entrevistas: ejemplos de
preguntas
â Background
» ¿Qué hace usted en su función actual?
» ¿Cuál es tu formación?
» ¿Cuánto tiempo ha estado en la compañía?
â Uso de la información
» ¿Qué información se necesita para hacer su trabajo?
» ¿Qué información es la más difícil de encontrar?
» ¿Qué hace cuando no puede encontrar algo?
â Uso de la Intranet
» ¿Usted utiliza la intranet?
» ¿Cuál es su impresión de la intranet? ¿Es fácil o difícil de usar?
» ¿Cómo encontrar información en la intranet?
» ¿Utiliza personalización o las características de personalización?
27
Entrevistas: ejemplos de
preguntas
â Documento de publicación
» ¿Usted cree que los documentos son utilizados por otras personas o
departamentos?
» Díganos lo que sabe sobre el ciclo de vida de sus documentos. ¿Qué
sucede después de crearlos?
» ¿Usted utiliza herramientas de administración de contenido para publicar
documentos en la intranet?
â Sugerencias
» Si pudiera cambiar tres cosas acerca de la intranet, ¿cuáles serían?
» Si pudieras agregar tres aplicaciones a la página web, ¿cuáles serían?
» Si pudieras decirle al equipo de estrategia web de tres cosas, ¿cuáles
serían?
â Recomendación general:
» Los usuarios no son arquitectos de la informacón
» Evitar los términos técnicos “Le gusta el esquema de organización
actual”, “necesita un tesauro”
28
Card Sorting
â Abierto / cerrado
» Totalmente Abierto: usuarios escriben las tarjetas y etiquetas de
categoría.
» Totalmente Cerrado: tipo sólo permiten las tarjetas de pre-etiquetados y
categorías.
» Abierto: para el descubrimiento.
» Cerrado: para la validación.
» Mixto: Ej: tarjetas de contenido pre-escritas pero no las de categoría (o
al revés)
30
Variaciones del Card Sorting
â Heterogeneidad
» Mayor al principio para obtener datos cualitativos ricos,
• por ejemplo, mezclar el nombre del subsitio, título del documento,
encabezamiento de materia
• Fomenta la discusión entre los usuarios.
» Menor después
• por ejemplo, sólo los encabezamientos de materia, para obtener
datos cuantitativos,
• por ejemplo, el 80 por ciento de los usuarios agruparon estos tres
temas juntos.
31
Variaciones del Card Sorting
â Cross-listing
» Permitir que copien tarjetas y ponerlas en varios grupos -> rutas de
navegación alternativas
â Aleatoriedad
» Seleccionar estratégicamente etiquetas de la tarjeta para probar una
hipótesis, o seleccionar al azar las etiquetas de un grupo de posibles
etiquetas.
â http://www.themindcanvas.com/how-it-works/research-methods/#os
32
Analizando los resultados
â Cualitativamente:
» Analizar los comentarios de los usuarios, preguntas, frustraciones.
33
Actividad: Card Sorting
34
Testeo con usuarios
â También se habla de ingeniería de usabilidad o análisis de requerimientos de
información
â Consiste en sentar un usuario frente al computador y pedirle que complete
una tarea
35
Elección de tareas
â De fácil a imposible
» Comenzar con una tarea fácil para que el usuario se sienta seguro y
cómodo. Seguir con tareas difíciles o imposibles para ver cómo se
comporta el sitio bajo estrés.
â De ítem a exhaustivo
» Hacer que los usuarios encuentren un ítem o una respuesta concreta (por
ejemplo, número de teléfono de atención al cliente). Luego que
encuentren todo lo que puede en un tema en particular.
â De un tema a una tarea
» Hacer preguntas de actualidad u orientadas a un tema (por ejemplo,
encontrar algo de la microelectrónica). Además, darles algunas tareas
para completar (por ejemplo, comprar un teléfono celular).
â De lo artificial a lo real
» En vez de decir "encontrar la impresora X," proporcionar una declaración
del problema. Por ejemplo, "Estás empezando un negocio en casa y ha
decidido comprar una impresora." Alentar al usuario en el juego de roles.
36
Estrategia
37
Recomendaciones que debe
proveer una estrategia (1)
â Administración del contenido:
» ¿Quien lo crea, cómo se mantiene, centralizado,
descentralizado, quién administra los metadatos,
vocabularios controlados?
â Tecnología de integración:
» Tecnologías claves: motores de búsqueda, herramientas
para manejo de contenido, auto-clasificación, filtrado
colaborativo y personalización.
38
Recomendaciones que debe
proveer una estrategia (2)
â Sistemas de Organización y etiquetado (top-down):
» Definición de los esquemas principales de organización (por
ejemplo, los usuarios navegarán por producto, tarea y categoría
de cliente) y luego definir el esquema jerárquico principal
39
Desarrollando la estrategia
40
Reportes e informes
(Deliverables)
â No solo comunican el resultado de la planificación de la estrategia sino que
constituyen el “input” para el desarrollo
â Ejemplo de contenido que un Reporte de Estrategia podría tener:
» Sumario Ejecutivo
» Audiencia y misión/visión del sitio
» Conclusiones del Benchmarking, entrevistas a usuarios y análisis de
Contenido
• Organización de contenido
• Navegación
• Etiquetado
• Funciones
» Estrategias de Arquitectura y enfoques
• Maquetas de la páginas de contenido
• Estrategias de personalización
• Elementos de navegación
» Administración de contenido
41
Sumario Ejecutivo
Ejemplo para
Weather.com
- Estrategia
(por qué los cambios)
- Recomendaciones
(los cambios en forma
gruesa)
42
La audiencia
43
Diagrama conceptual
44
El “Wireframe” o plantilla
45
Diseño y Documentación
46
Diagramas para comunicar el
diseño
â Recomendaciones:
47
Tipos de Diagramas
49
Diagrama de visión general
50
Diagrama enfocado en la
navegación
51
Diagrama que muestra cómo
funciona el “filtrado”
52
Diagrama orientado a la tarea
53
Wireframes
54
Establecer prioridades
â Desarrollar wireframes ayuda a establecer prioridades del contenido
â En el ejemplo se ve que “Reasons to Send” es más importante que “Search
Assistant”
55
Cuales desarrollar
â Wireframes son típicamente creados para las páginas más importantes
â para describir las plantillas que se aplican de forma coherente muchas
páginas, como páginas de contenido de un sitio.
â para cualquier página que sea lo suficientemente irritante o confusa como
para merecer posterior visualización durante el proceso de diseño.
â Ej. Popups en dos pasos
56
Tipos de wireframes
â Podemos clasificarlos según la cantidad de detalle: poco
58
Detalle Alto (casi final)
59
Guidelines
â La consistencia es clave, especialmente en la presentación de wireframes
múltiples.
» profesionalismo
» hace que el diseño y trabajo de producción sea más fácil.
60
Mapeo del contenido
â Investigación y estrategia -> Top down:
» Definir la estructura de la información, la misión, la audiencia.
61
Ejemplo: Página web de la
conferencia SIGGRAPH 96
Información impresa
es indexada en
pedazos que son
indexados
62
Mapeo de los pedazos
indexados
Aquí se especifica el
lugar donde quedarán
63
Resultado del mapeo
64
Modelo del contenido
â Arquitectura de la información en formato “micro”
65
Ejemplo: Información
discográfica
â Una organización ha recopilado información de música popular.
â Tiene páginas con Álbumes de discos, biografía de los artistas, descripción
de los álbumes y críticas que los usuarios hacen de los álbumes
â Podemos anticipar que los usuarios querrán ver información asociada
cuando estén visitando alguna de estas páginas
â Se plantea el siguiente modelo:
66
¿ Cómo encontrar estos links?
â Amazon tiene una cantidad enorme de datos sobre el comportamiento de
los usuarios por lo cual puede fácilmente generar links del tipo “clientes que
han comprado este libro también han comprado…”
â Si no se tienen estos datos entonces se recurre a los metadatos y a ciertas
reglas
67
Ejemplos
â Si queremos likear un album con una crítica (review) podemos establecer
una lógica como la siguiente:
» IF ALBUM PAGE'S ALBUM NAME = ALBUM REVIEW'S ALBUM NAME THEN LINK
ALBUM PAGE AND ALBUM REVIEW
â Quizás no es buena idea usar (solo) el nombre del álbum pues puede estar escrito de
diferentes maneras. Si los álbumes tienen un ID único sería mejor usar este:
» IF ALBUM PAGE'S UNIQUE ID = ALBUM REVIEW'S UNIQUE ID THEN LINK ALBUM
PAGE AND ALBUM REVIEW
â Si no existe este ID entonces la lógica podría complicarse un poco para considerar más
factores que podrían estar presentes:
» IF ALBUM PAGE'S ALBUM NAME = ALBUM REVIEW'S ALBUM NAME AND ALBUM
PAGE'S ARTIST NAME = ALBUM REVIEW'S ARTIST NAME THEN LINK ALBUM PAGE
AND ALBUM REVIEW
68
¿Cuales metadatos?
â Analizando las flechas de nuestro modelo podemos armarla siguiente tabla
concert calendar artist description Artist Name, Tour, Venue, Date, Time
â Se ve claramente que hay algunos metadatos más importantes que otros -> vale más
la pena preocuparse por ellos
69
Vocabulario controlado
â Hay dos tipos principales de productos de trabajo asociados con el
desarrollo de vocabularios controlados.
» matrices de metadatos que faciliten la discusión sobre la priorización de
los vocabularios
» una aplicación que permitirá gestionar los términos del vocabulario y las
relaciones.
Vocabulario Descripción Ejemplos