introducción a la usabilidad web

Centro de Estudios de Usabilidad A.C.

Introducción a laUsabilidad Web

Los primeros pasos...

breve

1

Bicicleta para conferencias

2

Sillón para friolentosJacques Carelman

3

Tetera para masoquistasJacques Carelman

4

Fusil para cangurosJacques 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


Todos son objetos

que no se pueden

usar...6

...tampoco estos sitios web

7


¿Por qué los sitios web son difíciles de usar?

muchos de

11

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

es....

12

El usuario perfecto

13

Telcel.com

14

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

15

O casi siempre...

16

“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


Los antecedentes

18

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

Deriva de la ergonomíaQue 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

Interacción Humano - ComputadoraSketchPad (Sutherland,1963)

Xerox (PARC), Apple (Lisa y Macintosh)

Sutherland, creador del modelo de interacción gráfica con las computadoras Lisa, la primera computadora personal

con ambiente gráfico

21

Usabilidad no es..Ergonomía (human factors)

Diseño de equipo (hardware)

Ambientes de trabajo

Investigación de mercadoGrupos de enfoque

Encuestas y sondeos

AccesibilidadContenido disponible para todos, incluyendo buscadores

En especial para personas con capacidades diferentes

22

Algunas definiciones de Usabilidad

23

Es la cualidad de un producto para ser usado con facilidad

24

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

25

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

26

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

La Usabilidad se mide

1.EficaciaMenos errores

2.EficienciaMás rápido

3.Satisfacción de usoMás lealtad

28

La Usabilidad busca la felicidad facilidad

1.Fácil de aprender

2.Fácil de usar

3.Fácil de recordar

4.Disminuir la cantidad y severidad de los errores

5.Satisfacción subjetiva del usuario

29

Usabilidad ≈ Calidad

30

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

31


...se logra con la integración exitosa de:

FORMAse ve “cool”

+ FUNCIONsirve

RESULTADO

=

Se ve bien y sirve

32

03/14/2007 10:31 PMYahoo!

Page 1 of 1http://www.yahoo.com/

Autos

Finance

Games

GeoCities

Groups

HotJobs

Maps

Movies

Music

Personals

Photos

Real Estate

Shopping

Sports

Tech

Travel

TV

Yellow Pages

Y! Telemundo

More Yahoo! Services

Get a Web Site

Domain Names

Sell Online

Search Ads

Small Business

Downloads

Health

Kids

Mobile

Voice

Mail Plus

Y! International

Featured Services

Try Netflix for Free - Ad Feedback

Hi, Juan Sign Out

Inside Yahoo! Answers

Queen Rania wants to know

What are you doing to empowerwomen in your community?

» Answer Now

Supermodel talks about thepaparazzi, motherhood

Documentary questions MichaelMoore's tactics

Autopsy results pending in thedeath of standup comedian

Regis Philbin says he'll havebypass surgery

Most Emailed Entertainment News

Pulse - What Yahoos Are Into

NCAA Basketball

Antonella Barba

WWE

Britney Spears

American Idol

Beyonce Knowles

Richard Jeni

Internal Revenue Service

Popular Searches: Today's Overall Leaders

» 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.

Entertainment Sports Life

Mar 14, 2007

Chiquita Co. news Colombia news

Search: Chiquita banana song

Ripe for a fine

Chiquita banana company charged $25million after paying Colombian terroristsfor protection. »Read details

Banana company tied toterrorists

Find out what Justinreportedly wrote Britney

How men feel aboutassertive women

Pete Rose: 'I bet on myteam every night'

» More Featured

Why online degrees are hot:1) Top schools 2) Drive own schedule 3) Employer maypay tuition - 4) Earn degree while working. Earn more.

Attractive card for ugly credit. - A MasterCard for those with lessthan perfect credit.

Countrywide® - Refi to combine your 1st mortgage and other debt -Bad credit? Low refi rates. 4 of 5 approved.

What's your credit score 560? 678? 720? The average U.S. creditscore is 675. See yours for $0. By Experian.

Find popular coupon codes, sales, and free shipping onmillions of items at Yahoo! Shopping.

Marketplace

Featured

World Local Video

As of 10:29 p.m.

• 9/11 mastermind confesses in Guantanamo• Republican says Gonzales should be fired• Chiquita to pay $25M in terror case• Firefighters' union slams Giuliani over 9/11 remains• Polish law to expose former Soviet-era spies• Malaysia using dogs to sniff out DVDs in piracy battle• Paula Abdul calls Simon Cowell a 'really good friend'• NCAA Tournament · MLB · NBA · NFL · NHL · Soccer

» More: News Popular Business

Markets: Dow: +0.5% Nasdaq: +0.9%

In the News

Mail106 New

Messenger Radio

Weather Local Horoscopes

» More News

Make Y! your home page $425,000 Loan for only $1,417/mo. Bad credit OK - LendingTree

My Yahoo! My MailPage Options

Search:Y! Answers: Ask a question | Answer questions

Web Search

Web Images Video Local Shopping more

“Desde sus inicios, Google se ha centrado en proporcionar la mejor experiencia de uso posible”

Filosofía de Google

33

http://www.google.com

http://www.google.com

Factores que impactan negativamente

1.Priorizar la implementación técnica

2.El área de sistemas o de diseño toma todas las decisiones

3.Incorporar lo último en tecnología

4.El sentido común toma el mando

5.Los directivos tienen la última palabra

34

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

Sitio: telcel.com

Tarea: Localizar dos teléfonos

Grado de dificultad: ?

36


Beneficios de la Usabilidad

37


Credibilidad

Persuasive Technology LabStanford University, 2001

45%

38


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)

39

Sitio: liverpool.com.mx

Tarea: Comprar un CD

Grado de dificultad: Alto

40


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)

41


¿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

42


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, $100,000.

5 horas por cambio limitaría el costo a $25,000

Ahorro = $75,000

Finalizado

Enplaneación

43


Técnicas, metodologías y herramientas

44


Ordenar Tarjetas

Entrevistas en contextoGrupos de

enfoque

Evaluación heurística

Entrevistas individuales

Diseños paralelos

Personas

Prototipos

Encuestas en línea

Pruebas de usuario

Rastreo de mirada

Web Analytics

45


Evaluación HeurísticaObjetivo: 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

46


Error del usuarioRecuperación exitosa

47


Pruebas de UsabilidadMetodologí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

48

Sitio: elpalaciodehierro.com.mx

Tarea: Comprar un CD

Grado de dificultad: Muy alto

49


Problemas de usabilidad

5%

19%

12%

13% 8%

27%

15%

Busqueda Arquitectura Diseño AyudaMultimedia Información Otros

Jakob Nielsen, Prioritizing Web Usability,2006

50


¿Cuanto cuesta hacer Usabilidad?

$ 300,000

51


No tiene precio

52


En términos de Usabilidad...

No existe la solución perfecta, sino la más razonable para el usuario

53


EJEMPLOS

54

Centro de Estudios de Usabilidad A.C.www.ceus.org.mx

Muchas Gracias

55

http://www.ceus.org.mx

http://www.ceus.org.mx