Método de diseño basado en Personas de Alan Cooper y una lluvia de ideas o brainstorm para determinar el flujo informativo de un documento dado un conjunto jerarquizado de tareas.
* Aproximación base propuesta por Omar Sosa Tzec. Octubre, 2009.
1. Diseño de un
documento informativo.
Método de diseño de diseño de información basado en Personas.
Otoño 2009.
Mtro. Omar Sosa Tzec
http://www.tzek-design.com/blog
3. Niveles de contenido en un
documento informativo:
* datos crudos.
* unidades de información.
* información compuesta.
4. Datos crudos.
Unidades que conforman la información, como
lo pueden ser:
* caracteres o letras (a…z, A…Z),
* números (0…9),
* componentes gráficos (línea, punto, forma) y
* otras variables visuales (color, saturación).
5. Unidades de información.
Es la entidad mínima derivada de la
combinación de datos que tiene significado para
el usuario:
* palabras,
* grafos o gráficas, e
* imágenes (con cierto nivel de iconicidad).
6. Información compuesta.
Las unidades informativas se complementan
unas a otras de forma que el usuario identifica
una entidad de información mayor referente a
una idea general.
Responde a preguntas del tipo:
* ¿qué es esto?,
* ¿qué quiere decir esta parte?
7. ¿Cuál es el alcance de la información en
un documento de esta naturaleza?
8. Pertinencia del contenido:
* Para informar.
* Para la toma de decisiones (dentro del contexto).
* Para la generación de conocimiento.
9. Para informar.
En el documento las entidades de información
compuesta sólo expresan la idea que conllevan
para dar por enterado al usuario del documento.
10. Para la toma de decisiones.
El siguiente paso en el flujo de acción al tener a la mano un
documento informativo.
El usuario utiliza la información, dentro del contexto para el
cual el documento fue diseño, para ejecutar una tarea.
Por ejemplo:
* saber cuánto debe pagar en una tarjeta de crédito,
* saber qué medicina fue prescrita, o bien
* llenar los campos de un formulario.
11. Generación de conocimiento.
El usuario interioriza las consecuencias de las acciones
tomadas con la ayuda de la información brindada y puede
inferir, inducir o reflexionar sobre situaciones en el futuro.
Por ejemplo:
* Comprender su relación de gastos en una tarjeta de crédito
y razonar cómo crecerán los intereses moratorios.
* Determinar cuál es la relación del cobro en el recibo de la
luz en relación con otros gastos fijos en el hogar.
13. Personas es un método para modelar
a los usuarios de nuestros proyectos
de diseño...
Su inventor es Alan Cooper.
Página web: http://www.cooper.com
Libro de Cooper sobre Diseño de Interaccción:
About the Face.
14. Sarah Williams: Nueva cliente. “No tengo que estar checando la privacidad
de la información. Quiero que el sitio lo deje claro.”
Demografía Confort Tecnológico Background personal
Grupo de Edad: 21-34. PC: Medio. Sarah es una mujer soltera que trabaja largas horas en una
Años en línea: 0-2. Web: bajo. consultoría de procesos. Tiene que viajar mucho y rara vez
Ingreso: $10k. tiene tiempo de terminar pendientes. Además, es desconfiada
en hacer transacciones en línea debido a los fraudes y robo
de identidad potenciales. La conveniencia y ahorro de usar
Necesidades
un banco en línea suena atractivo, pero quiere asegurarse de
que su información está segura y su dinero a salvo.
* Asegurarse de su seguridad y privacidad.
* Recibir un mensaje claro de lo que espera.
* Fácil acceso a alguien “de verdad” (una persona).
Motivaciones Escenarios Características Comportamientos
Aprender acerca de los diferentes * Comparar las cuentas bancarias * Gráfica de comparación * Sarah da clic en “comparar” que la lleva
tipos de cuentas bancarias en línea. a través de diferentes sitios. por producto. a una lista de productos donde puede
* Gráfica de comparación de comparar.
competidores para diferentes
productos.
* Buscar información de contacto * Preguntas frecuentes
de un representante para preguntas * Chat en línea con un representante. * En la página de un producto, Sarah hace
específicas. clic en un link que dice “Preguntar a un
representante” .
Aplicar para una cuenta bancaria. * Investigación ya terminada y lista * Proceso de aplicación paso a * En la página de un producto, Sarah hace
para aplicar. paso. clic en “Aplicar”
.
* Quiere sentirse confortable con * Demo del proceso de aplicación. * En la página de un producto, Sarah hace
el proceso de aplicación en línea clic en “Aprender más sobre el proceso
que está haciendo. de aplicación”.
15. Para efectos del ejercicio las personas
deben ser simples, requerirán la definición
de:
* nombre,
* rostro,
* contexto de vida,
* objetivo de uso y
* dudas relacionadas con el uso del documento.
16. El factor clave es “ponerse en los zapatos”
de la o las personas inventadas.
En un sentido práctico, se tomará en cuenta
sólo una persona, la llamada “persona
primaria” y será un arquetipo lo más
general al tipo de usuario del documento.
17. El objetivo de uso corresponde a la tarea
más general que la persona debe cumplir
y por lo cual se ha diseñado el documento.
En primera instancia podría considerarse
un nivel informativo, pero el objetivo es
diseñar la información para lograr la
generación de conocimiento.
18. Relacionadas con este objetivo, al
usuario le surgen un número
considerable de dudas asociadas.
Sin embargo, en el proceso el diseñador
debe considerar “ir más allá” y “exprimir
el cerebro” del arquetipo de forma que
se haga preguntas “fuera de lo normal”.
21. Para cada pregunta, se realiza una lluvia
de ideas.
* Hay que tomar en cuenta que esta lluvia de
ideas es la ideación de las entidades
informativas plausibles para el documento.
* Dicha ideación debe impulsar no sólo la
proliferación de entidades informativas
compuestas cuyo propósito sea informar,
sino también de aquellas que induzcan a la
generación de conocimiento.
25. Lo siguiente es conformar un flujo informativo
para el documento.
Primero hay que determinar las tareas que el
usuario debe realizar y que están o podrían
estar asociadas al problema, dentro del
contexto considerado.
* Las tareas involucran la agrupación de ideas
propuestas.
26.
27. Una vez formados los grupos, uno para cada
tarea identificada (con sus respectivas ideas
de diseño), el siguiente paso es jerarquizarlas.
* Determinar cuál de las tareas está más
vinculada con el objetivo general.
* Después la segunda tarea más vinculada,
tercera y así sucesivamente…
30. El flujo informativo está directamente
relacionada con la jerarquía de la tareas.
* El layout del documento debe ser congruente
con los estándares de lectura en la cultura del
usuario y demostrará este flujo informativo.
31.
32.
33.
34.
35.
36.
37.
38. Ya habíamos platicado antes que los factores de
ejecución siempre a considerar en la
construcción de mensajes visuales:
* El espacio mismo.
* Ocupación del espacio (composición).
* Establecimiento de jerarquías.
* Aislamiento de elementos y legibilidad.
* Sentido de la lectura del mensaje.
* Síntesis e iconicidad.
* Uso del color y contraste cromático.
* Tensión y ritmo.
* Estética (básica a la cultura).
39. * En este ejercicio se asumirá el documento
impreso a negro y escala de grises.
* El color tipográfico deberá ser cuidadosamente
seleccionado pensando en el usuario en relación
con la lectura del documento.
* Los “chunks” de información deberán ser
claramente identificados.
* El layout del documento deberá considerar una
retícula que brinde estructura y facilite la lectura
del documento.
40. Gracias.
* El ejemplo de persona fue tomado de “Communicating Design” de Dan Brown con fines
educativos/ilustrativos.
* Método de diseño de información planteado por Omar Sosa Tzec. Octubre, 2009.