36
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

Diseño y usabilidad

Embed Size (px)

DESCRIPTION

Conceptos de usabilidad y métodos de identificación de affordances

Citation preview

Page 1: 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

Page 2: Diseño y usabilidad

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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