UNIDAD I.

FUNDAMENTOS INGEIERIA
DE USABILIDAD
Introducción a la USABILIDAD

El Curso de Interacción Persona-Ordenador ha sido realizado

bajo la licencia Creative Commons Reconocimiento-
NoComercial 4.0 Internacional License.
• Que es usabilidad
• Que es accesibilidad
• Que es interaccion
• Que es experiencia de usuario

Fundamentos. Usabilidad, Accesibilidad, UX

 http://www.grihotools.udl.cat/
Usabilidad mpiua/usabilidad

• Definición “coloquial” [J. Preece, 1994]

• Sistemas fáciles de usar y
de aprender

• Definición formal [ISO 9241-11]

• la medida en la que un producto se puede usar
por determinados usuarios para conseguir
objetivos específicos con efectividad, eficiencia
y satisfacción en un contexto de uso
especificado”

Fundamentos. Usabilidad, Accesibilidad, UX 3 / 30

 Usabilidad

EFECTIVIDAD

USABILIDAD

SATISFACCIÓN EFICIENCIA

direct & indirect mapping

Fundamentos. Usabilidad, Accesibilidad, UX 4 / 30
¿Qué es la usabilidad?

Volvo S80 versus Citroën C6

53 botones!!
http://www.uselog.com/2006/10/dashb 38 para navegación y
oard-usability-comparing-volvo.html radioCD

Fundamentos. Usabilidad, Accesibilidad, UX 5 / 30

Usabilidad ¿qué es?
• Efectividad: la precisión y la plenitud con que los usuarios
alcanzan los objetivos especificados.
• A esta idea van asociadas la facilidad de aprendizaje (en la
medida en que este sea lo más amplio y profundo posible),
• la tasa de errores del sistema y
• la facilidad del sistema para ser recordado (que no se olviden las
funcionalidades ni sus procedimientos).

• Eficiencia: los recursos empleados en relación con la precisión y

plenitud con que los usuarios alcanzan los objetivos
especificados.

• Satisfacción: ausencia de incomodidad y la actitud positiva en el

uso del producto.
• Se trata, pues, de un factor subjetivo
• Por tanto, el más complicado de medir

Fundamentos. Usabilidad, Accesibilidad, UX 6 / 30

Usabilidad: fácil de aprender (learnability)

Fundamentos. Usabilidad, Accesibilidad, UX 7 / 30

 Dimensiones de la usabilidad
Usabilidad objetiva o
inherente
puede ser medida o
evaluada por
EFECTIVIDAD
observación del
usuario mientras
realiza tareas de
Usabilidad subjetiva interacción y se
o aparente puede medir
indica la mediante métodos
usabilidad tradicionales
percibida o
satisfacción de
SATISFACCIÓN EFICIENCIA
uso, y es difícil
de entender y
de medir

Fundamentos. Usabilidad, Accesibilidad, UX 8 / 30

Usability 101: Introduction to Usability
by JAKOB NIELSEN (January 4, 2012)
http://www.nngroup.com/articles/usability-101-introduction-to-usability

• What: Usability is a quality attribute that assesses how

easy user interfaces are to use. The word "usability" also
refers to methods for improving ease-of-use during the
design process.

• Usability is defined by 5 quality components:

• Learnability: How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency: Once users have learned the design, how quickly can
they perform tasks?
• Memorability: When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Errors: How many errors do users make, how severe are these
errors, and how easily can they recover from the errors?
• Satisfaction: How pleasant is it to use the design?

Fundamentos. Usabilidad, Accesibilidad, UX 9 / 30

Usabilidad en Objetos cotidianos
Los objetos bien diseñados son Los objetos mal diseñados
fáciles de interpretar y de pueden ser difíciles de utilizar y
comprender. frustran al usuario

Fundamentos. Usabilidad, Accesibilidad, UX - http://curso-ipo.com [T. Granollers] 10 / 30

 Ejemplos de MALA usabilidad
Tornos metro BCN Pulsadores
monitor

Etiquetas que
parecen botones

Confusión entre controles similares

Otros ejemplos:
http://hadonejob.com
www.baddesigns.com

Fundamentos. Usabilidad, Accesibilidad, UX 11 / 30

 1

Fundamentos. Usabilidad, Accesibilidad, UX - http://curso-ipo.com [T. Granollers] 12 / 30

 2

Fundamentos. Usabilidad, Accesibilidad, UX 13 / 30

 3

Escolliu un fitxer XML que compleixi

amb la QTI de l'IMS del vostre ordinador.

Fundamentos. Usabilidad, Accesibilidad, UX 14 / 30

Fundamentos. Usabilidad, Accesibilidad, UX 15 / 30
Fundamentos. Usabilidad, Accesibilidad, UX 16 / 30
Ejemplos de MALA usabilidad: links

• Los links no sólo pasan

desapercibidos entre el resto del
texto si no que tienen
exactamente el mismo aspecto
que éste cuando se destaca
algo en negrita.
1. El usuario cree que no hay links
2. Si descubre uno, creerá que el
resto de negritas también son
links

• Jakob Nielsen en sus Guías

para la visualización de links,
indica que estos deberían ser al
menos coloreados y/o
subrayados para ser facilmente
identificables.

Fundamentos. Usabilidad, Accesibilidad, UX 17 / 30

 Ejemplos de MALA usabilidad:
“el diablo está en los detalles” !!
 

NAAE 1 733114 05 5 or NAAE1733114055

Fundamentos. Usabilidad, Accesibilidad, UX 18 / 30

Ejemplos MALA usabilidad:
http://www.radiotower.com

El menú no
indica
dónde
estamos !!

Fundamentos. Usabilidad, Accesibilidad, UX 19 / 30

Usabilidad en términos de
calidad del software

[ISO/IEC 9126-1:2001(E)]

Fundamentos. Usabilidad, Accesibilidad, UX 21 / 30

Usabilidad en términos de
calidad del software: ISO/IEC 25010:2011
Quality Model
System/Software
Quality In Use Product Quality

Freedom from
Effectiveness Efficiency Satisfaction Context coverage
risk

• Usefulness • Economic risk • Context

• Trust mitigation completeness
• Pleasure • Health and safety • Flexibility
• Comfort risk mitigation
• Environmental
risk mitigation

Quality in use is the degree to which a product or system can be used by

specific users to meet their needs to achieve specific goals with effectiveness,
efficiency, freedom from risk and satisfaction in specific contexts of use.

Fundamentos. Usabilidad, Accesibilidad, UX 22 / 30

Usabilidad en términos de
calidad del software: ISO/IEC 25010:2011
Quality Model
Quality In
Use System/Software Product Quality
Functional Performance
Compatibility Usability Reliability Security Maintainability Portability
Suitability efficiency

• Appropriateness
recognisability
• Learnability
• Operability
• User error
• User interface
aesthetics
• Accessibility

The product quality model categorizes product quality properties into eight
characteristics (functional suitability, reliability, performance efficiency, usability,
security, compatibility, maintainability and portability).

Fundamentos. Usabilidad, Accesibilidad, 23 / 30

Beneficios de la usabilidad
Beneficios para desarrolladores
• Reducción de los costes de producción
• Reducción del mantenimiento
• Mejora de la calidad del producto
• Menor soporte al
usuario/cliente

Fundamentos. Usabilidad, Accesibilidad, UX 24 / 30

Beneficios de la usabilidad
Beneficios para los usuarios/clientes
• Mayor facilidad de aprendizaje
• Facilidad de uso
• Trabajo más rápido y eficiente
• Menos pérdida de tiempo
• Mayor confianza en el producto
• Mejor calidad de vida:
• menos estrés y más satisfacción

Fundamentos. Usabilidad, Accesibilidad, UX 25 / 30

 Dia Mundial de la Usabilidad

Every year
• +200 events
• +180 cities
• +43 countries
• +40,000 people
• Thousands of online participants
http://www.worldusabilityday.org • Extensive worldwide media
coverage

Fundamentos. Usabilidad, Accesibilidad, UX 26 / 30

Énfasis en el comercio-e

http://www.cdwow.com

“the conduct of commerce in goods

and services, with the assistance of
telecommunications and
telecommunications-based tools”

Roger Clarke
Fundamentos. Usabilidad, Accesibilidad, 27 / 30
Énfasis en el comercio-e
• Primary interface to customers
• Users expect instant gratification
• Users experience usability before
they are committed to buying
• Expectations arise from best site
across industries
• Competitors are “just a mouse click away”
• Value of usability for the time-constrained information
seeker
• Usability as the critical success factor for Web projects

Fundamentos. Usabilidad, Accesibilidad, UX 28 / 30

Énfasis en el comercio-e
• E-Commerce Web site = electronic storefront
• Web site user interface = electronic clerk
• Online shoppers can afford to be less tolerant with an inept
electronic clerk

• E-Commerce Web site = electronic catalog for direct

sales
• Catalogs are convenient for mail-ordering and large inventory
• Too much focus on display and publicity
• Web site user interface = “read-ability/usefulness” of catalog
• How many paper catalogs get thrown away?

[Bebo White Stanford Linear Accelerator Center]

Fundamentos. Usabilidad, Accesibilidad, UX 29 / 30

 Ejemplos de MALA usabilidad:
“el diablo está en los detalles” !!

¿cuál es el
formato
correcto?
Tras probar:
Q-7550001-G
Q-7550001G
Q7550001G
Q-7550001G
…
Tuve que enviar
un correo-e
Si mi interés no
hubiese sido MUY
ELEVADO y por no
convencerme las
alternativas … la
empresa había
perdido esta venta
l
Fundamentos. Usabilidad, Accesibilidad, UX] 30 / 30
 No confundir usabilidad con otros
atributos de la interfaz de usuario (UI)
The awards for design, creativity and innovation on the Internet

http://www.awwwards.com
Fundamentos. Usabilidad, Accesibilidad, UX 31 / 30