Professional Documents
Culture Documents
Herramientas 2016 PDF
Herramientas 2016 PDF
Parte
·01·
Herramientas
de Diseño #2016
La presente investigación amplía la publicación «Guía de Bue-
nas Prácticas de Diseño», trabajo desarrollado por el Centro de
DIRECTORA DEL CENTRO
DE DISEÑO INDUSTRIAL Diseño Industrial en conjunto con otros sectores de INTI y de nu-
D.I. Raquel Ariza merosos profesionales, investigadores y docentes con conoci-
miento de diversos sectores productivos. Existe en la actualidad
AUTORES un amplio abanico de herramientas que sirven de soporte a los
Rosalba Becker
Victoria Díaz
diseñadores en las diversas instancias del proceso de diseño.
María José Dubois Las mismas están focalizadas en analizar, sistematizar, pla-
Alejandrina Vigna nificar, ejecutar, verificar y delinear un producto o servicio.
COLABORACIÓN En líneas generales, sirven para recabar información de diversos
Rodrigo Ramírez temas y fuentes; sistematizar y ordenar los pasos a seguir en el
DISEÑO Y MAQUETACIÓN
proceso; ayudar a estudiar las alternativas o evaluar el desem-
Rosalba Becker peño de un producto en todo su ciclo de vida.
María José Dubois
PERSONA PROTOTIPOS
» p.05 EN PAPEL
» p.24
PRUEBAS
CON KIT DE
USUARIOS EMPATÍA
Si bien serán presentadas de manera » p.11 » p.29
individual en diferentes entregas, las
herramientas pueden ser utilizadas MÉTODO CARD
en conjunto, de manera complementa- CANVAS SORTING
rias y/o ampliatorias unas de otras. » p.16 » p.35
v
[VOLVER AL ÍNDICE]
»5
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
CONSTRUIDOS A PARTIR
de ficción cuyo perfil reúne las
características comunes de un
grupo social existente.
DE LA OBSERVACIÓN
Especifican los atributos
clave del grupo social al
que representan.
Se busca que la PERSONA
DE COMPORTAMIENTOS
definida asuma los atributos
de los grupos que representa
a partir de sus características
DE PERSONAS REALES. sociales y demográficas, de
sus propias metas, deseos,
necesidades, hábitos y ante-
cedentes culturales.
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 ENTREVISTAS / ARQUETIPOS / CULTURAL PROBES /
¿QUÉ TIENES EN LA CARTERA? / PANEL DE USUARIO
»6
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
¿Cuándo se utiliza?
El uso de la herramienta PERSONA ayuda Si bien pueden ser utilizadas en varias fases del proceso de
diseño, pues sirven para armonizar informaciones de los usua-
a guiar las decisiones durante el desarro-
rios con el equipo de trabajo involucrado, son especialmente
llo de un servicio, producto o espacio de útiles en la generación y validación de ideas.
interacción.
Si los miembros del equipo de diseño tienen una serie de
Se apunta a configurar un modelo de descripciones de la PERSONA configurada frente a ellos
PERSONA lo más cercano a la persona durante el proceso de diseño, los personajes creados van a
ayudarles a mantener la perspectiva de los usuarios poten-
real. Por eso se le suele adjudicar un
ciales (personas reales). De este modo la herramienta puede
nombre, una edad y una serie de carac- ayudar a imaginar, por ejemplo, cómo el producto va a fun-
terísticas físicas. cionar y ser utilizado y en qué contexto se va a emplear.
»7
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos La herramienta
PANEL DE USUARIOS
puede ser utilizada para
visualizar los resultados
de las características
#2 #3
comunes.
#1
Investigación Lluvia de ideas Selección
Llevar a cabo investigaciones analizando de Elaborar una lista de las posibles característi- Seleccionar aquellas características que se
manera integral los problemas y necesida- cas que podrían encontrarse entre los usua- destaquen por ser más representativas del
des de los usuarios actuales y potenciales, rios que se analizaron. usuario de destino y luego agruparlas guar-
para identificar características relevantes. dando coherencia entre los atributos.
De ser necesario se puede desarrollar más
de un personaje.
#4 #5
Configurar la PERSONA Asignar imagen y nombre
Desarrollar las descripciones correspondien- Caracterizar visualmente al personaje confi-
tes de cada personaje en profundidad, inclu- gurado. Para tal propósito se puede trabajar
yendo motivaciones y expectativas. tanto con una imagen fotográfica como con
un dibujo o un collage.
»8
EL PERSONAJE Datos
NOMBRE: relevantes
PUEDE
edad:
CREARSE ubicaciÓN:
CON DISTINTOS Se puede agregar
cualquier otro detalle
foto/dibujo profesiÓN:
NIVELES o dato que se considere INTERESES:
relevante en relación
DE DETALLE con esta PERSONA. HABILIDADES:
→ Un nombre
→ Una fotografía o boceto ACTITUd COMPORTAMIENTO
→ Comportamiento del usuario ¿Cuál es el punto de vista? / ¿Cuál es la expectativa? / ¿Cuáles son las frustaciones? (aquello que le impide
¿Cuál es la percepción del servicio, empresa o marca? la elección de una función, servicio o producto) / ¿Qué
→ Los modelos mentales, las metas actividades realiza regularmente?
y necesidades específicas
→ Características del comportamiento
y la aspiración
→ Características demográficas
→ Habilidades actitudes y comportamientos
→ Obstáculos y / o desafíos
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
+ info
RESULTADOS ESPERADOS Usability.gov
Por ser un método DEL USO
de creación DE LA
colectiva los HERRAMIENTA http://www.usability.gov/how-to-and-tools/
participantes recogen en diferente tiempo y methods/personas.html
lugar las ideas. Service Design Tools (Roberta Tassi)
http://www.servicedesigntools.org/tools/40
» 10
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
PRUEBAS
CON Metodología para identificar falencias
en la usabilidad de un producto
USUARIOS
U
[VOLVER AL ÍNDICE]
» 11
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
EXPERIENCIAS
DE USO
Involucran a un grupo de participantes —usuarios actuales
o potenciales— que deben cumplir tareas específicas con el
producto que se está probando.
PROBLEMAS
observa cómo un grupo de
participantes lleva adelante
una serie de tareas previa-
DE USABILIDAD mente definidas.
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 PROTOTIPOS EN PAPEL / CARD SORTING / ENTRE-
VISTA / EYE TRACKING
» 12
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Usabilidad
¿Cuándo se utilizan? En una primera aproximación, el término usabilidad se refie-
Pueden utilizarse para evaluar un producto ya desarrollado re a la capacidad de un producto de ser usado. Sin embargo,
—para su rediseño— pero también son pertinentes en la ins- podemos afirmar que detrás de esta palabra existe un con-
tancia de verificación y testeo del proceso de diseño durante cepto más complejo.
el desarrollo del producto.
» 13
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos La satisfacción
del usuario
se suele medir
mediante
la herramienta
#1 #2 #3 #4 #5
ENCUESTA
» 14
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
+ info
RESULTADOS ESPERADOS Usability.gov
Por ser un método DEL USO
de creación DE LA
colectiva los HERRAMIENTA http://www.usability.gov/how-to-and-tools/
participantes recogen en diferente tiempo y methods/usability-evaluation/index.html
lugar las ideas. Service Design Tools (Roberta Tassi)
http://www.servicedesigntools.org/tools/10
y cuál fue el grado de satis- Nielsen, Jakob (2012) "Usability 101: Introduction
to Usability"
facción de los participantes. Hassan Montero y Martín Hernández (2003). “Mé-
Todas estas son las métricas todo de test con usuarios”. [Fecha de consulta:
abril 2016]. Disponible en: http://www.nosolousa-
» 15
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
CANVAS
CANV Método integral para analizar
el modelo de negocio
Alexander Osterwalder
Yves Pigneur
[VOLVER AL ÍNDICE]
» 16
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
PARA Describe las bases sobre las que una empresa distintos componentes que
crea, proporciona y capta valor. generan valor en un negocio.
LA EMPRESA
prensión, el debate, la crea-
tividad, el análisis y la lógica
que sigue una empresa para
COMO conseguir sus ingresos.
UN TODO
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 FODA / ESTRATEGIAS DE PORTER / PROPUESTA DE
VALOR / MAPA DE EMPRESAS COMPETIDORAS
» 17
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
3 cosas
El método CANVAS:
Enfoque Flexibilidad Transparencia
Es el punto de partida para generar
nuevos escenarios y modelos de negocio.
Busca la agilidad y la reduc- Posibilita modificar a medi- Permite trabajar en equipo
ción del tiempo en el desarro- da que se va avanzando en colgando el lienzo en la pa- Sirve de herramienta de diagnóstico
llo de iniciativas empresaria- el análisis. Se puede trabajar red y que pueda estar visible
y mejora.
les, para finalmente generar con notas adhesivas y marca- para todos. Permite ver de
productos y servicios que dores de colores. También es manera global todos las in-
cumplan con las necesidades posible desarrollar el modelo terconexiones entre los dife- Ayuda a diseñar e innovar sobre el Modelo
de los clientes y aporten valor. de forma online en red. rentes elementos. de Negocio.
» 18
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
» 19
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
» 20
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos
#1 #3
Tiempo + equipo + roles ¿Cómo utilizar el lienzo?
Determinar el tiempo que se considera necesario para el desarrollo Cada uno de los 9 módulos del modelo de negocio pueden servir de
de la herramienta. Fijar la cantidad de participantes y el coordinador punto de partida. Podemos distinguir cuatro epicentros para generar-
del trabajo. lo y/o analizar un cambio de modelo, los mismos son:
- alianzas;
- propuestas de valor;
- cliente
- y finanzas (fuentes de ingreso, costos)
» 21
Alianzas Actividades Propuestas Relación Segmentos
clave de valor con los de clientes
clientes
Recursos Canales
clave División del modelo
RESULTADOS ESPERADOS
Por ser un método DEL USO
de creación DE LA
colectiva los HERRAMIENTA
participantes recogen en diferente tiempo y
lugar las ideas.
Propone componer un
modelo ágil que reduzca
el tiempo en el desarrollo + info
de iniciativas empresaria- Business Model Innovation
http://issuu.com/business.model.innovation/
docs/business_model_generation_book_
les, para finalmente gene- preview/39?e=1330026/10526228
» 23
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
PROTOTIPOS
EN PAPEL
Técnica versátil para el sondeo
del diseño de interacción
Paper Prototyping
[VOLVER AL ÍNDICE]
» 24
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
PARA
Elemento de prueba y debate rápido que permite les del proyecto. Asimismo es
anticipar problemas de interacción y funcionalidad. aconsejable para divisar si las
funcionalidades incorporadas
TESTEAR LAS
y el flujo de interacción.
Son económicos, rápidos de hacer y permiten crí-
INTERFACES
ticas espontáneas. El hecho de partir del papel
puede ser una táctica sorprendentemente útil para
evaluar interfaces complejas y acortar los tiempos
de desarrollo de las mismas. Asimismo, debido a su
simplicidad, los prototipos en papel no son reco-
mendados para realizar evaluaciones detalladas
de diseño.
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 CARD SORTING / MAQUETAS O PROTOTIPOS
» 25
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Aplicación POP
https://popapp.in/
» 26
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos
Equipo de diseño:
Guía: dirige la sesión, pide al usuario que lleve
adelante la actividad definida.
Asistente: hace "funcionar la aplicación" res-
pondiendo a las acciones del usuario (desplaza,
gira o reemplaza los papeles en función de las
acciones del usuario)
Observador: atiende y toma nota de lo que
Prueba la aplicación sucede durante la sesión, especialmente errores,
tratando de llevar incertidumbres, demoras y comentarios que
adelante la actividad pueda hacer el usuario.
que se le solicita.
USUARIO
Si fuera necesario,
refinar el prototipo
#5 #6 #7 #8
de papel y repetir
el proceso anterior.
» 27
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
+ info
RESULTADO ESPERADO Nielsen Norman Group
DEL
Por ser un método de creación USOlosDE LA HERRAMIENTA
colectiva
participantes recogen en diferente tiempo y https://www.nngroup.com/reports/paper-prototy-
lugar las ideas. ping-training-video/
» 28
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
KIT DE
EMPATÍAA
Conjunto de elementos que permiten
comprender a los usuarios
EMPATHY
[VOLVER AL ÍNDICE]
» 29
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
El KIT DE EMPATÍA es un
DE INDAGACIÓN
primera mano sobre deficiencias
o discapacidades específicas.
PONERSE
La experiencia se realiza generalmente una persona mientras usa el
a través del uso de dispositivos específicos.
producto o prueba el prototipo.
DEL OTRO
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 PERSONA / PROTOTIPOS EN PAPEL / SHADOWING
ENTREVISTA / EYE TRACKING / CULTURAL PROBES
JOURNEY MAP
» 30
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
POSIBILITA AL
EQUIPO DE DISEÑO
A SUMERGIRSE
EN LA EXPERIENCIA
DEL USUARIO
» 31
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Empatía
que permiten valorar la información.
La empatía puede ser definida como la capacidad cognitiva ¿Cómo funciona en el diseño?
para comprender, sentir y ser consciente de los sentimientos Las investigaciones muestran que cuando somos empáticos,
y pensamientos de otras personas. mejoramos nuestra capacidad de recibir y procesar la infor-
mación. Ponernos en los zapatos de otra persona provoca
cambios mensurables en nuestro estilo cognitivo, aumen-
El CEO de IDEO, Tim Brown, describe la empatía del diseño
tando lo que podríamos llamar "pensamiento dependiente
como un "hábito mental" (Brown, 2009). del contexto" . Este tipo de pensamiento nos ayuda a poner
en situación la información y recoger las claves contextua-
Es también un valor cultural fundamental que permite desa- les del medio ambiente, lo cual es esencial cuando estamos
rrollar conceptos, productos, servicios, estrategias y sistemas tratando de comprender cómo se relacionan las cosas entre
que son a la vez innovadores y sensibles a las necesidades sí, literal y figurativamente ( Decety y Ickes, 2011). En general
este comportamiento empático resulta motivador para resol-
y deseos reales de los usuarios (Black , 1998).
ver problemas de diseño .
» 32
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos
La herramienta
PERSONA
puede ser utilizada para
ayudar a comprender
para quién
se está diseñando.
#1 #2 #3
Usuario / Contexto Rasgos del usuario Pautas y diseño
Definir el usuario y contexto con Determinar los rasgos del usuario Establecer de qué manera y qué
los que se trabajará a lo largo de la que se utilizarán en el proceso de herramientas y/o dispositivos
experiencia, considerando capaci- emular la experiencia. son necesarios para realizar la
dades o habilidades particulares. experiencia.
#4 #5 #6
Roles Experiencia Resultado final
Definir los roles que adoptarán los El registro de la experiencia Clasificar y resumir la información
diversos participantes del equipo. es clave. Éste puede ser escrito arrojada por la prueba.
Herramienta práctica que nos
Es importante contar con la "mi- o filmado. ayuda a identificar y comprender,
rada subjetiva" de quien realiza Esta información puede ser volca- los procesos y emociones que el
usuario experimenta:
la prueba como con la "mirada da en un informe o en un mapa de ¿Qué piensa y siente?
objetiva" de uno o varios observa- experiencia. ¿Qué dice y hace?
¿Qué ve y qué escucha?
dores. Los posibles roles a definir: ¿Qué le frustra? ¿Qué le motiva?
Usuario, observadores, cronome- http://www.slideshare.net/
AdilsonJardim/empathy-map-
trador, anotador, entre otros. poster-3201288
» 33
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
RESULTADOS ESPERADOS
Por ser un método DEL USO
de creación DE LA
colectiva los HERRAMIENTA
participantes recogen en diferente tiempo y
lugar las ideas.
genuino para ese usuario. Inclusive Design Tool Kit. Centro de Ingeniería
de Diseño de la Universidad de Cambridge
http://www.inclusivedesigntoolkit.com/betterde-
sign2/inclusivetools/inclusivedesigntools.html
» 34
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
CARD
Herramienta que permite
analizar, clasificar y jerarquizar
información para seguir los mo-
delos mentales de los usuarios.
SORTING
[VOLVER AL ÍNDICE]
» 35
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
TÉCNICA DE
asocian un número predeter-
minado de tarjetas etiquetadas
dentro de las categorías temáti-
CATEGORIZACIÓN cas proporcionadas. Las mismas
pueden representar conceptos
CENTRADA
Método utilizado para ayudar a diseñar o evaluar colección de información de la vinculación del usuario
la arquitectura de la información, a partir de tarje- con la estructura general de la web. La flexibilidad del
tas con categorías temáticas. método permite definir un mejor orden de los conteni-
dos, con muy poco esfuerzo.
EN EL USUARIO
Aplicación en Instancias del Proceso de Diseño Otras herramientas con las que se relaciona:
01 02 03 04 05 06 07 08 09 10 PRUEBAS CON USUARIOS / ENTREVISTA
EYE TRACKING / PROTOTIPOS EN PAPEL
» 36
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
» 37
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Modelo mental
Los modelos mentales son representaciones internas de una ¿Cómo son?
realidad externa. Son concepciones generales, que dirigen los Es importante señalar que estos modelos mentales no son
actos de los usuarios y que son capaces de construir a partir estáticos. La realidad que se construye es abierta, incompleta
de la experiencia. Gracias a la capacidad de los usuarios para y ampliable (Norman; 1983). En este sentido el conocimiento
está organizado en la memoria como redes interconectadas
adaptar su conducta a partir de la experiencia, las personas
de representaciones de objetos, sucesos y conceptos.
pueden lograr una mayor eficacia para hacer frente a todo
aquello que los rodea. Mediante la generalización el usuario Algunas teorías, como la de los esquemas o la de grafos, se
crea modelos mentales y toma cada experiencia como re- basan en el uso de representaciones gráficas para describir la
presentativa de un conjunto de experiencias similares. organización del conocimiento en la memoria, de esta mane-
ra posibilita interpretar la información.
» 38
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
Pasos
#1 #2 #3 #4
Participantes Categorías Objetivo Tarjetas
Seleccionar los participantes de En función al sitio web analizado, Entregar a los usuarios las tarje-
la prueba contemplando carac- determinar las categorías que
de la prueba tas con las diversas categorías,
Explicar a los participantes el previendo que cada conjunto se
terísticas y perfiles acordes con el serán entregadas a los usuarios
objetivo de la prueba y el criterio encuentre desordenado. Se pue-
usuario del sitio web a analizar. de las pruebas.
de agrupación de las categorías den sumar tarjetas en blanco para
(abierto o cerrado). dar posibildiades a que los par-
ticipantes, en conjunto, incluyan
alguna categoría.
#5 #6 #7
Observación Análisis Saturación
Observar a los usuarios durante Analizar y procesar la información Una vez que varios usuarios re-
la prueba y anotar qué problemas recabada. Comparar las categorías piten los elementos asignados a
se presentan mientras realiza la propuestas por los participantes. cada categoría se puede dar por
tarea: qué categorías agrupa in- resuelta la prueba.
mediata e intuitivamente y sobre
cuáles duda más, qué preguntas
hace durante la prueba, etc.
» 39
INTI-DISEÑO INDUSTRIAL / HERRAMIENTAS DE DISEÑO /
+ info
RESULTADOS ESPERADOS Informe APEI sobre usabilidad
Por ser un método DEL USO
de creación DE LA
colectiva los HERRAMIENTA www.apei.es/wp-content/uploads/2013/11/Infor-
participantes recogen en diferente tiempo y meAPEI-Usabilidad.pdf
lugar las ideas.
Usability.Gov
Norman, D. (1983)
Some observations on mental models. In Gentner,
D. y Stevens, A.L. (Eds.). Mental models. Hillsdale,
NJ: Lawrence Erlbaum Associates.Pictotas imagnim
» 40
INTI-DISEÑO INDUSTRIAL
Es una publicación de
distribución gratuita www.inti.gob.ar/disenoindustrial