Download - Diseño y usabilidad
![Page 1: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/1.jpg)
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
![Page 2: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/2.jpg)
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
![Page 3: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/3.jpg)
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)
![Page 4: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/4.jpg)
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.
![Page 5: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/5.jpg)
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:
![Page 6: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/6.jpg)
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).
![Page 7: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/7.jpg)
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).
![Page 8: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/8.jpg)
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
![Page 9: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/9.jpg)
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
![Page 10: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/10.jpg)
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.
![Page 11: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/11.jpg)
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”
![Page 12: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/12.jpg)
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
![Page 13: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/13.jpg)
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.
![Page 14: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/14.jpg)
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.
![Page 15: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/15.jpg)
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
![Page 16: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/16.jpg)
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.
![Page 17: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/17.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
AFFORDANCE - USABILIDAD
![Page 18: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/18.jpg)
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.
![Page 19: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/19.jpg)
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.
![Page 20: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/20.jpg)
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.
![Page 21: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/21.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 22: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/22.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 23: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/23.jpg)
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.
![Page 24: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/24.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 25: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/25.jpg)
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.
![Page 26: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/26.jpg)
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
![Page 27: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/27.jpg)
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.
![Page 28: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/28.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 29: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/29.jpg)
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.
![Page 30: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/30.jpg)
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.
![Page 31: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/31.jpg)
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.
![Page 32: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/32.jpg)
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)
![Page 33: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/33.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 34: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/34.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 35: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/35.jpg)
DIS
EÑO
PA
RA
LA
USA
BIL
IDA
D D
E P
RO
DU
CTO
S
ESTRATEGIA DE DESIGN FOR AFFORDANCES
![Page 36: Diseño y usabilidad](https://reader036.vdocuments.pub/reader036/viewer/2022082309/54823707b079592e0c8b4742/html5/thumbnails/36.jpg)
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