ve
                  re
                 b
                        Introducción a la
                         Usabilidad W...
Bicicleta para conferencias

                              2
Sillón para friolentos
    Jacques Carelman

                         3
Tetera para masoquistas
      Jacques Carelman

                          4
Fusil para canguros
          Jacques Carelman



La forma del cañón de este fusil,
diseñado por ordenador, imprime a la
b...
Todos son objetos
                                                       n
                                               ...
...tampoco estos sitios web




                              7
8
9
10
de
                                            os
                                         uch
                           ...
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 ...
Los antecedentes


Centro de Estudios de Usabilidad A.C.

                                        18
Usabilidad, una disciplina en evolución

 II Guerra Mundial (EU)
   Aviones, armamento, equipo

   Ambientes de trabajo se...
Deriva de la ergonomía
 Que se funda en la psicología pero
 es multidisciplinaria (antropometría,
 ingeniería, estadística...
Interacción Humano - Computadora
          SketchPad (Sutherland,1963)
          Xerox (PARC), Apple (Lisa y Macintosh)

 ...
Usabilidad no es..
Ergonomía (human factors)
  Diseño de equipo (hardware)

  Ambientes de trabajo

Investigación de merca...
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



     ...
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 efec...
La Usabilidad se mide

1.Eficacia

    Menos errores

2.Eficiencia

    Más rápido

                  de uso
3.Satisfacció...
La Usabilidad busca la
  felicidad facilidad
          de aprender
1.Fácil

          de usar
2.Fácil

          de record...
Usabilidad ≈ Calidad




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



                               31
...se logra con la integración
                           exitosa de:
                                  +
       FORMA    ...
Yahoo!                                                                                                                    ...
Factores que impactan
     negativamente
              la implementación técnica
1.Priorizar

     área de sistemas o de d...
Para reflexionar
 En la nueva economía Web, la experiencia
del usuario es la marca. Rubin, 2002
77% de los usuarios son le...
Sitio: telcel.com

Tarea: Localizar dos teléfonos

Grado de dificultad: ?



                                 36
Beneficios de la Usabilidad



Centro de Estudios de Usabilidad A.C.

                                        37
Credibilidad




                                          45%




                                                 Persua...
Venta de productos
        44% de los usuarios no pueden finalizar su
      compra en los sitios de comercio electrónico.
...
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
    ...
¿Cuál es el costo de hacer
            felices a los usuarios?
    $1 si se hace el cambio en papel

  $10 si se hace a ni...
Es decir...
  Los cambios cuestan menos cuando se hacen
 en las primeras etapas del proceso de
 desarrollo:
             1...
Técnicas, metodologías y
                  herramientas



Centro de Estudios de Usabilidad A.C.

                        ...
Personas
         Ordenar
                                                Evaluación
        Tarjetas
                    ...
Evaluación Heurística
     Objetivo: Identificar problemas en las primeras etapas

    - Principios generales de usabilida...
Error del usuario
                                        Recuperación exitosa




Centro de Estudios de Usabilidad A.C.

...
Pruebas de Usabilidad
              Metodología más efectiva

              Usuarios representativos del público objetivo
...
Sitio: elpalaciodehierro.com.mx

Tarea: Comprar un CD

Grado de dificultad: Muy alto



                                  49
Problemas de usabilidad
                                                      5%
                                         ...
¿Cuanto cuesta hacer
                       Usabilidad?



                                        $ 300,000


Centro de E...
No tiene precio




Centro de Estudios de Usabilidad A.C.

                                                     52
En términos de Usabilidad...

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



Centro de Estudios de Usabilidad A.C.

                                                   54
Muchas Gracias


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

          ...
Upcoming SlideShare
Loading in...5
×

Introducción a la Usabilidad Web

6,347

Published on

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

Published in: Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,347
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
487
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Introducción a la Usabilidad Web

  1. 1. ve re b Introducción a la Usabilidad Web Los primeros pasos... Centro de Estudios de Usabilidad A.C. 1
  2. 2. Bicicleta para conferencias 2
  3. 3. Sillón para friolentos Jacques Carelman 3
  4. 4. Tetera para masoquistas Jacques Carelman 4
  5. 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. 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. 7. ...tampoco estos sitios web 7
  8. 8. 8
  9. 9. 9
  10. 10. 10
  11. 11. de os uch m ¿Por qué los sitios web son difíciles de usar? Centro de Estudios de Usabilidad A.C. 11
  12. 12. Por qué al diseñarlos, creemos que el usuario es.... 12
  13. 13. El usuario perfecto 13
  14. 14. Telcel.com 14
  15. 15. ...y que además su paciencia siempre es ilimitada... 15
  16. 16. O casi siempre... 16
  17. 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. 18. Los antecedentes Centro de Estudios de Usabilidad A.C. 18
  19. 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. 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. 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. 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. 23. Algunas definiciones de Usabilidad 23
  24. 24. Es la cualidad de un producto para ser usado con facilidad 24
  25. 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. 26. Es una medida relativa, de tipo empírico, que está en función de metas definidas 26
  27. 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. 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. 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. 30. Usabilidad ≈ Calidad 30
  31. 31. Pero un sitio web de calidad no es un accidente... 31
  32. 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. 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. 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. 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. 36. Sitio: telcel.com Tarea: Localizar dos teléfonos Grado de dificultad: ? 36
  37. 37. Beneficios de la Usabilidad Centro de Estudios de Usabilidad A.C. 37
  38. 38. Credibilidad 45% Persuasive Technology Lab Stanford University, 2001 Centro de Estudios de Usabilidad A.C. 38
  39. 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. 40. Sitio: liverpool.com.mx Tarea: Comprar un CD Grado de dificultad: Alto 40
  41. 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. 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. 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. 44. Técnicas, metodologías y herramientas Centro de Estudios de Usabilidad A.C. 44
  45. 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. 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. 47. Error del usuario Recuperación exitosa Centro de Estudios de Usabilidad A.C. 47
  48. 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. 49. Sitio: elpalaciodehierro.com.mx Tarea: Comprar un CD Grado de dificultad: Muy alto 49
  50. 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. 51. ¿Cuanto cuesta hacer Usabilidad? $ 300,000 Centro de Estudios de Usabilidad A.C. 51
  52. 52. No tiene precio Centro de Estudios de Usabilidad A.C. 52
  53. 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. 54. EJEMPLOS Centro de Estudios de Usabilidad A.C. 54
  55. 55. Muchas Gracias www.ceus.org.mx Centro de Estudios de Usabilidad A.C. 55
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×