Material de la conferencia Introducción a la Usabilidad Web impartida en la ciudad de México por el Centro de Estudios de Usabilidad www.ceus.org.mx

1. ve
re
b
Introducción a la
Usabilidad Web
Los primeros pasos...
Centro de Estudios de Usabilidad A.C.
1

2. Bicicleta para conferencias
2

3. Sillón para friolentos
Jacques Carelman
3

4. Tetera para masoquistas
Jacques Carelman
4

5. Fusil para canguros
Jacques Carelman
La forma del cañón de este fusil,
diseñado por ordenador, imprime a la
bala una trayectoria sinuosa que le
hace seguir al animal en sus saltos.
5

6. Todos son objetos
n
e
d
e
u
p
e
s
no
e
u
q
usar...
Centro de Estudios de Usabilidad A.C.
6

7. ...tampoco estos sitios web
7

8. 8

9. 9

10. 10

11. de
os
uch
m
¿Por qué los sitios web son
difíciles de usar?
Centro de Estudios de Usabilidad A.C.
11

12. Por qué al diseñarlos,
creemos que el usuario
es....
12

13. El usuario perfecto
13

14. Telcel.com
14

15. ...y que además su paciencia
siempre es ilimitada...
15

16. O casi siempre...
16

17. “Las personas no han cambiado en lo
fundamental en miles de años y la
tecnología cambia constantemente.”
“Es ella la que se tiene que adaptar a
nosotros”.
- Michael L. Dertouzos
17

18. Los antecedentes
Centro de Estudios de Usabilidad A.C.
18

19. Usabilidad, una disciplina en evolución
II Guerra Mundial (EU)
Aviones, armamento, equipo
Ambientes de trabajo seguros y productivos
¿Cómo usarlo sin morir en el intento?
19

20. Deriva de la ergonomía
Que se funda en la psicología pero
es multidisciplinaria (antropometría,
ingeniería, estadística, diseño
industrial, computación)
Human Factors: ¿Cómo funciona el
cuerpo y la mente humana bajo
ciertos estímulos y ambientes?
20

21. Interacción Humano - Computadora
SketchPad (Sutherland,1963)
Xerox (PARC), Apple (Lisa y Macintosh)
Sutherland, creador del modelo de
Lisa, la primera computadora personal
interacción gráfica con las computadoras
con ambiente gráfico
21

22. Usabilidad no es..
Ergonomía (human factors)
Diseño de equipo (hardware)
Ambientes de trabajo
Investigación de mercado
Grupos de enfoque
Encuestas y sondeos
Accesibilidad
Contenido disponible para todos, incluyendo buscadores
En especial para personas con capacidades diferentes
22

23. Algunas definiciones de
Usabilidad
23

24. Es la cualidad de un producto
para ser usado con facilidad
24

25. Significa que las personas que
usan el producto lo hagan de
forma fácil y rápida para
conseguir realizar su tarea
25

26. Es una medida relativa, de tipo
empírico, que está en función
de metas definidas
26

27. Es “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 especifico” (ISO/IEC 9241-11)
27

28. La Usabilidad se mide
1.Eficacia
Menos errores
2.Eficiencia
Más rápido
de uso
3.Satisfacción
Más lealtad
28

29. La Usabilidad busca la
felicidad facilidad
de aprender
1.Fácil
de usar
2.Fácil
de recordar
3.Fácil
la cantidad y severidad
4.Disminuir
de los errores
subjetiva del usuario
5.Satisfacción
29

30. Usabilidad ≈ Calidad
30

31. Pero un sitio web de calidad
no es un accidente...
31

32. ...se logra con la integración
exitosa de:
+
FORMA FUNCION
se ve “cool” sirve
RESULTADO
=
Se ve bien y sirve
Centro de Estudios de Usabilidad A.C.
32

33. Yahoo! 03/14/2007 10:31 PM
Make Y! your home page $425,000 Loan for only $1,417/mo. Bad credit OK - LendingTree
Web Images Video Local Shopping more
Web Search
Search:
Y! Answers: Ask a question | Answer questions
My Yahoo! My Mail Page Options
Featured Entertainment Sports Life
Autos
Hi, Juan Sign Out
Mar 14, 2007
Finance
Mail Messenger Radio
Ripe for a fine
Games 106 New
Chiquita banana company charged $25
GeoCities
Weather Local Horoscopes
million after paying Colombian terrorists
Groups for protection. »Read details
HotJobs
Chiquita Co. news Colombia news
Maps Search: Chiquita banana song
Movies
Banana company tied to Find out what Justin
Music terrorists reportedly wrote Britney
Personals How men feel about Pete Rose: 'I bet on my
assertive women team every night'
Photos
» More Featured
Real Estate
Shopping In the News World Local Video
Sports
As of 10:29 p.m.
Tech • 9/11 mastermind confesses in Guantanamo
• Republican says Gonzales should be fired Try Netflix for Free - Ad Feedback
Travel
• Chiquita to pay $25M in terror case
Inside Yahoo! Answers
TV • Firefighters' union slams Giuliani over 9/11 remains
• Polish law to expose former Soviet-era spies Queen Rania wants to know
Yellow Pages
• Malaysia using dogs to sniff out DVDs in piracy battle
What are you doing to empower
Y! Telemundo • Paula Abdul calls Simon Cowell a 'really good friend'
women in your community?
• NCAA Tournament · MLB · NBA · NFL · NHL · Soccer
More Yahoo! Services
» Answer Now
» More: News Popular Business
Small Business
Pulse - What Yahoos Are Into
Markets: Dow: +0.5% Nasdaq: +0.9%
Get a Web Site
Most Emailed Entertainment News
Domain Names
Marketplace
Sell Online
Supermodel talks about the
Search Ads paparazzi, motherhood
Why online degrees are hot:
1) Top schools 2) Drive own schedule 3) Employer may Documentary questions Michael
Featured Services Moore's tactics
pay tuition - 4) Earn degree while working. Earn more.
Autopsy results pending in the
Downloads
Attractive card for ugly credit. - A MasterCard for those with less death of standup comedian
Health
than perfect credit. Regis Philbin says he'll have
Kids
bypass surgery
Countrywide® - Refi to combine your 1st mortgage and other debt -
Mobile
Bad credit? Low refi rates. 4 of 5 approved.
Voice
» More News
Mail Plus
What's your credit score 560? 678? 720? The average U.S. credit
Y! International
score is 675. See yours for $0. By Experian. Popular Searches: Today's Overall Leaders
Find popular coupon codes, sales, and free shipping on
millions of items at Yahoo! Shopping. NCAA Basketball American Idol
Antonella Barba Beyonce Knowles
WWE Richard Jeni
Britney Spears Internal Revenue Service
» More Yahoo! Searches
Advertise With Us Search Marketing Suggest a Site Page Tour Feedback Yahoo! Telemundo
Company Info Jobs Help Privacy Policy Terms of Service
Copyright © 2007 Yahoo! Inc. All rights reserved. Copyright/IP Policy.
http://www.yahoo.com/ Page 1 of 1
“Desde sus inicios, Google se ha centrado en
proporcionar la mejor experiencia de uso posible”
Filosofía de Google
33

34. Factores que impactan
negativamente
la implementación técnica
1.Priorizar
área de sistemas o de diseño toma
2.El
todas las decisiones
lo último en tecnología
3.Incorporar
sentido común toma el mando
4.El
directivos tienen la última palabra
5.Los
34

35. Para reflexionar
En la nueva economía Web, la experiencia
del usuario es la marca. Rubin, 2002
77% de los usuarios son leales a los sitios
web por su facilidad de uso. Forrester Research
y solo el 22% regresa por que el sitio es de
su marca favorita. Forrester Research
35

36. Sitio: telcel.com
Tarea: Localizar dos teléfonos
Grado de dificultad: ?
36

37. Beneficios de la Usabilidad
Centro de Estudios de Usabilidad A.C.
37

38. Credibilidad
45%
Persuasive Technology Lab
Stanford University, 2001
Centro de Estudios de Usabilidad A.C.
38

39. Venta de productos
44% de los usuarios no pueden finalizar su
compra en los sitios de comercio electrónico.
(Nielsen)
Las ventas en un sitio se pueden
incrementar hasta en 225% proporcionando
suficiente información del producto en el
momento adecuado. (UI Engineering)
Centro de Estudios de Usabilidad A.C.
39

40. Sitio: liverpool.com.mx
Tarea: Comprar un CD
Grado de dificultad: Alto
40

41. Productividad
Microsoft reveló que los usuarios de Word
sólo utilizan el 10% de las opciones que el
programa ofrece. The Economist
Las mejoras en el diseño del sitio de Ford,
derivadas de un estudio de Usabilidad,
redujeron las llamadas de su call center,
ahorrando a la compañía un estimado de
$100,000 US. (Kitsuse)
Centro de Estudios de Usabilidad A.C.
41

42. ¿Cuál es el costo de hacer
felices a los usuarios?
$1 si se hace el cambio en papel
$10 si se hace a nivel de código
$100 si se hace una vez que el sitio
esta activo
Theresa Cunnington, ComputerWorld 2006
Centro de Estudios de Usabilidad A.C.
42

43. Es decir...
Los cambios cuestan menos cuando se hacen
en las primeras etapas del proceso de
desarrollo:
10 cambios, a 20 horas por cambio y
a una tarifa mínima de $500 costaría,
Finalizado
$100,000.
5 horas por cambio limitaría el costo a
En
$25,000
planeación
Ahorro = $75,000
Centro de Estudios de Usabilidad A.C.
43

44. Técnicas, metodologías y
herramientas
Centro de Estudios de Usabilidad A.C.
44

45. Personas
Ordenar
Evaluación
Tarjetas
heurística
Rastreo
Entrevistas
de mirada
individuales
Web
Analytics
Encuestas
en línea
Diseños Pruebas de
paralelos usuario
Entrevistas
Grupos de
en contexto
enfoque
Prototipos
Centro de Estudios de Usabilidad A.C.
45

46. Evaluación Heurística
Objetivo: Identificar problemas en las primeras etapas
- Principios generales de usabilidad (Nielsen)
- Más de 200 lineamientos
Ej. Diseñar para prevenir el error del usuario
- Terminología comprensible
- Claridad de las zonas clickeables
- Eliminar el scroll horizontal
- Identificar links visitados, etc
- Nivel de severidad de los hallazgos
- Cosméticos, severos, críticos
Centro de Estudios de Usabilidad A.C.
46

47. Error del usuario
Recuperación exitosa
Centro de Estudios de Usabilidad A.C.
47

48. Pruebas de Usabilidad
Metodología más efectiva
Usuarios representativos del público objetivo
Realizan tareas específicas
No se requiere un sitio 100% funcional
Lo relevante es el desempeño,
no la opinión del usuario
Centro de Estudios de Usabilidad A.C.
48

49. Sitio: elpalaciodehierro.com.mx
Tarea: Comprar un CD
Grado de dificultad: Muy alto
49

50. Problemas de usabilidad
5%
15%
19%
27%
12%
13% 8%
Busqueda Arquitectura Diseño Ayuda
Multimedia Información Otros
Jakob Nielsen, Prioritizing Web Usability,2006
Centro de Estudios de Usabilidad A.C.
50

51. ¿Cuanto cuesta hacer
Usabilidad?
$ 300,000
Centro de Estudios de Usabilidad A.C.
51

52. No tiene precio
Centro de Estudios de Usabilidad A.C.
52

53. En términos de Usabilidad...
No existe la solución perfecta, sino
la más razonable para el usuario
Centro de Estudios de Usabilidad A.C.
53

54. EJEMPLOS
Centro de Estudios de Usabilidad A.C.
54

55. Muchas Gracias
www.ceus.org.mx
Centro de Estudios de Usabilidad A.C.
55