Download - Diseño y usabilidad
DISEÑO PARA LA USABILIDAD
LA CORRECTA IDENTIFICACIÓN DE LAS AFFORDANCES O RELACIONES ENTRE EL USUARIO Y UN PRODUCTO.
DE PRODUCTOS
D.I. Giselle Escandón Silva Docente Universidad Nacional de Colombia Sede Palmira
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
PROCESO DE DISEÑO
• Análisis
• Diseño y planificación
• Desarrollo
• Verificación, testeo y
producción
ESTUDIO DE LA USABILIDAD PERMITE VER:
• Nivel de aceptación
• Desempeño
• Interacción objeto y usuario
• Factores a mejorar del diseño
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
DEFINICISIONES:
USABILIDAD:
A. Eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto especifico.
B. Facilidad o nivel / grado de usabilidad en que el diseño de un objeto facilita o dificulta su manejo.
C. Atributo de calidad que puede ser medida y evaluada ( de manera cuantitativa y cualitativa)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
DEFINICISIONES:
UTILIDAD:
A. Capacidad que tiene una cosa de servir o de ser aprovechada para un fin determinado.
ACCESIBILIDAD:
A. Indica la facilidad con la que algo pueda ser usado, visitado o accedido en general por todas las personas, aun las que tenga una discapacidad especial.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE LA USABILIDAD
Para que un diseño pueda cumplir con los estándares de calidad
impartidos por las NORMA ISO y demandas del
mercado, el diseño del producto debe ser evaluado por los
siguientes aspectos:
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE LA USABILIDAD
FACILIDAD DE APRENDIZAJE:
A. Facilidad con la que nuevos usuarios desarrollan una interacción efectiva con el sistema o producto. (Familiaridad, transferencia de conocimiento y asociación de experiencias).
FACILIDAD DE USO:
A. Facilidad con la que el usuario hace uso de la herramienta, con menos pasos o más naturales a su formación específica. (Eficacia y eficiencia de la herramienta).
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE LA USABILIDAD
FLEXIBILIDAD:
A. Relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información. (Dialogo, interacción y comunicación)
ROBUSTEZ:
A. Nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. (Capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario).
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
MEMORIZACIÓN:
A. Facilidad de recordación de como se utiliza un objeto, después de un tiempo sin utilizarlo.
NUMERO DE ERRORES:
A. Errores presentado por el usuario y el objeto, durante la realización de una tarea.
SATISFACIÓN
A. Nivel de aceptación o rechazo del usuario sobre el desempeño, robustocidad y comodidad del objeto.
ASPECTOS DE LA USABILIDAD
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE DISEÑO
TANGIBLES INTANGIBLES
Actividad - Desempeño Diseño y Función
Emociones y Sensaciones Pensamientos – Ideas
Experiencia del Usuario
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE DISEÑO
Donald Norman
Trabaja principalmente con la ciencia cognitiva en el dominio de la ingeniería de la usabilidad. Valora los productos que disfrutamos usándolos, una característica que atribuye a poner juntas las emociones y el diseño, o mente y corazón.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE DISEÑO
“El aspecto emocional del diseño puede acabar siendo mucho más decisivo en el éxito de un producto que sus elementos prácticos”
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE DISEÑO
VISCERAL:
A. Impacto inicial, apariencia, sensaciones inmediatas.
CONDUCTUAL:
A. Experiencia, Usabilidad y funcionamiento.
REFLEXIVO:
A. Interpretación, comprensión, razonamiento e identidad.
Video
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ASPECTOS DE DISEÑO
POSITIVOS NEGATIVOS
RESULTADOS Las affordances, como
elementos de soporte de la interactividad cognitiva y
operacional.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
AFFORDANCE - USABILIDAD
AFFORDANCE:
A. No hay una traducción exacta al español, pero se puede expresar como los: facilitadores, presentaciones, permisividad, habilitación, oportunidades ambientales e invitaciones de uso de un objeto.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
Relación de Utilidad y affordances: usabilidad
AFFORDANCE - USABILIDAD
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
AFFORDANCE - USABILIDAD
AFFORDANCE: TIPOS
A. Affordances perfectibles: Cuando existe el affordance y el objeto da la información de la existencia de ese affordance.
B. Affordances ocultas: Cuando existe un affordance, pero no información de su existencia, lo que requiere que el usuario intuya su existencia.
C. Affordances falsas: Cuando no existe un affordance pero existe una información perceptible que indica su existencia, lo que establece una percepción errónea de lo que es posible hacer con el objeto.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
AFFORDANCE - USABILIDAD
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
AFFORDANCE - USABILIDAD Modelo mental del usuario en relación con la interacción con los affordances.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
DIMENCIONES DE LAS AFFORDANCES EN EL DISEÑO DE LA ARQUITECTURA DEL PRODUCTO
FUNCIÓN Describe una relación simple de entradas-salidas en forma de modelo de caja negra.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
DIMENCIONES DE LAS AFFORDANCES EN EL DISEÑO DE LA ARQUITECTURA DEL PRODUCTO
AFFORDANCES Describe una relación más compleja entre las propiedades de un objeto y la percepción de su uso por el usuario. Esta complejidad surge de 3 factores principales :
Conjunto de interacciones
(flujos de información)
Entradas- Salidas
Acción y su Afford.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
Análisis de tareas (Modo de uso / Flujo de Uso) 1. Estudio que identifica las relaciones entre los usuarios y el
producto a través del análisis de usabilidad en el ciclo de la vida del producto.
2. Descomponer de manera eficaz las actividades en subtareas y brindar al usuario mayor comprensión de la satisfacción de sus necesidades.
3. Identificar si la tarea es fácil y comprensible: • Análisis jerárquico de tareas
• Niveles de abstracción • De tareas generales a tareas especificas.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
Diagrama de flujos para distintos módulos del producto.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
Modelo funcional con las affordances funcionales y sus grupos de interacción.
Energía humana
Información visual
Información auditiva
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
Matriz de funciones – tareas (FTIM Funtion-Task Interaction Matriz)
1. Muestra la relación entre las funciones y tareas y la conexión
que se establece entre usuario y producto.
2. Pasos a seguir: 1. Tabla de usuario y funciones.
A. Estructura en la matriz las tareas del usuario y las funciones técnicas.
B. Determina el tipo de interacción entre ambas, contabilización de la interacción y obtención de los índices de affordances.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES Fu
nci
on
es
técn
icas
Tareas - Usuario
1. Identificación 2. Agrupación 3. Evaluación de índices.
Interacciones físicas
Interacciones Cognitivas
(funcionales)
En una tarea se puede presentar los dos tipos de interacciones.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
Resultado de las Interacciones
Agrupación de las Interacciones
Funcionales Por cada tarea
Correspondiente.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
La demanda de las tareas sobre las funciones se determina sumando los puntos de las interacciones físicas y cognitivas verticalmente. Las cajas sin puntos son importantes, porque indican que hay una perdida de relación o exigencia inexistente para los affordances del producto en una tarea particular.
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
NIVEL FUNCIONAL:
A. Identifica las relaciones de alto nivel que llevan un componente de utilidad o sentido de utilidad durante el todo el ciclo de vida del producto. Capacidad de las affordances para dar una visión de la utilidad del producto y sus requerimientos.
NIVEL OPERACIONAL: A. Define las relaciones que precisan atributos estructurales e
informativos que los productos llevan, los cuales se relacionan directamente con el nivel funcional. A. Atributivos informativos (significativos) B. Atributos estructurales (acceso físico a las funciones - Layout)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
Bibliografía • Perceiving, Acting, and Knowing: Toward an Ecological Psychology. Robert Shaw y John Bransford. Lawrence Erlbaum; 1977. • Ergonomía Aplicada. J. Alberto Cruz y Andrés Garnica. ECOE Ediciones. 2010 • No Role for Motor Affordances in Visual Working Memory. Diane Pecher.. Erasmus University Rotterdam. Artículo. • Are Object Affordances Fully Automatic? A Case of Covert Attention. Stergios Makris (University of Udine) , Aviad A. Hadar y
Kielan Yarrow (City University London). Artículo • Affordance based design: a relational theory for design. Jonathan R. A. Maier Æ Georges M. Fadel. Paper.
• http://www.miquelgomis.es/affordance-la-invitacion-de-los-objetos-a-ser-utilizados/ • http://elblogdecharitodr.blogspot.com/2011/08/los-affordances.html • http://www.tecnicaindustrial.es/tiadmin/numeros/55/42/a42.pdf • http://www.yankodesign.com/2007/06/01/the-lazy-teapot-by-lotte-alpert/ • http://www.miquelgomis.es/affordance-la-invitacion-de-los-objetos-a-ser-utilizados/ • http://www.taringa.net/posts/imagenes/6623563/Objetos-creativos-utiles-y-no-tanto-de-Diseno-Industrial.html • http://www.gonzoo.com/starz/story/diseno-industrial-made-in-spain-1266/ • http://www.sortega.com/blog/proyectando-affordances-o-affordances-invisibles/ • http://annarzepczynski.wordpress.com/2012/02/05/thoughtless-acts-are-truly-thoughtful/ • http://www.hi-id.com/?p=2732 • http://www.jnd.org/dn.mss/affordances_and_design.html
Webgrafía