Your SlideShare is downloading. ×
0
Ubercart, usabilidad guerrilla styleDrupaleada Agosto 2012
José Leivatwitter: @leivajdDrupal: jleiva
Que veremos hoy...•	   Porqué la Usabilidad es importante•	   Excusas para no probar•	   En quién nos estamos centrando•	 ...
Filosofía.•	 Less features•	 Less options/preferences•	 Less promises    http://gettingreal.37signals.com/ch02_Build_Less....
"the guru of Web page usability"
Mr. Don’t Make Me Think
¿Qué es la Usabilidad?
Usability means making sure something works well,and that a person of average ability or experiencecan use it for its inte...
Beneficios.
•	   ayuda a informar al proceso de diseño•	   descubrir problemas desconocidos o inesperados•	   solucionar los problemas...
•	 Identifica funcionalidades innecesarias•	 Provee objetividad, y argumentos para ganarbatallas•	 el usuario medio NO exi...
Excusas para no probar.
•	   No tenemos tiempo.•	   No tenemos dinero.•	   No tenemos experto.•	   No tenemos laboratorio.•	   No sabemos interpre...
Como lo resolvimos.•	 1 iteración. DIY•	 2 iteración. Colegas.•	 3 iteración. Tres partes, 5 usuarios.
Porque solo 5?•	   Tiempo.•	   Recomendado por expertos.•	   Probar e informar el mismo día.•	   Menos notas.•	   Enfoque ...
En quién nos estamoscentrando.
•	 Centrado en el diseñador.•	 Centrado en el desarrollador.•	 Centrado en el cliente.
Centrado en el usuario/personas.Implica involucrar a los usuarios durante todoel proceso, no solo para el diagnóstico, sin...
Como lograrlo?•	   La Usabilidad es parte del camino.•	   Probar temprano y seguido.•	   Usuarios reales.•	   Iterar.
Herramientas.*•	 Personas.•	 Pruebas de Usabilidad.*Menciono las que use en el desarrollo del proyecto.
Personas.•	   Elaborar fichas.•	   Escenario.•	   Necesidades.•	   Atributos clave.•	   Factores de riesgo.
Pruebas de usabilidad.•	   Usuarios reales.•	   Realizar tareas.•	   Pensar en voz alta.•	   Observar.
Ubercart como ejemplo
http://drupal.org/project/ubercart
Pruebas de usabilidad a 15 personas•	 Categorizar productos (menús)•	 Encontrar si hacen cambios o reembolsos.•	 Proceso d...
Algunos resultados.•	   +80% quiere carrito en todo el sitio.•	   +80% tres fields por item.•	   -50% ha usado Paypal.•	  ...
•	   80% separar navegación.•	   90% comprar sin cuenta.•	   90% formulario muy largo.•	   Pocos pasos.•	   Lista deseos.•...
Que se cambio antes de laspruebas?
•	 Tablas, out.•	 Catálogo default, out.•	 Traducciones.
Que se cambio después de laspruebas?
Resumen.
•	   Es mejor probar que no probar.•	   Hágalo, no pida permiso.•	   Observar más que escuchar.•	   El usuario medio no ex...
Bonus.
http://www.lukew.com/ff/entry.asp?1579
http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu
http://developer.android.com/design/style/writing.html
http://www.estudiomanati.com/drupal-day
Cupón 10% off :)LMAFAN
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Pruebas de usabilidad, guerrilla style
Upcoming SlideShare
Loading in...5
×

Pruebas de usabilidad, guerrilla style

324

Published on

Slides de la presentacion Pruebas de usabilidad, guerrilla style, desarrollada en la Drupaleada de Agosto 2012 #Drupalcr

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

  • Be the first to like this

No Downloads
Views
Total Views
324
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Pruebas de usabilidad, guerrilla style"

  1. 1. Ubercart, usabilidad guerrilla styleDrupaleada Agosto 2012
  2. 2. José Leivatwitter: @leivajdDrupal: jleiva
  3. 3. Que veremos hoy...• Porqué la Usabilidad es importante• Excusas para no probar• En quién nos estamos centrando• Ubercart como ejemplo
  4. 4. Filosofía.• Less features• Less options/preferences• Less promises http://gettingreal.37signals.com/ch02_Build_Less.php
  5. 5. "the guru of Web page usability"
  6. 6. Mr. Don’t Make Me Think
  7. 7. ¿Qué es la Usabilidad?
  8. 8. Usability means making sure something works well,and that a person of average ability or experiencecan use it for its intended purpose without gettinghopelessly frustrated. - S. Krug
  9. 9. Beneficios.
  10. 10. • ayuda a informar al proceso de diseño• descubrir problemas desconocidos o inesperados• solucionar los problemas al principio del proceso• probar supuestos Beneficios.
  11. 11. • Identifica funcionalidades innecesarias• Provee objetividad, y argumentos para ganarbatallas• el usuario medio NO existe• es tan barato y fácil, que es estúpido no hacerlo Beneficios.
  12. 12. Excusas para no probar.
  13. 13. • No tenemos tiempo.• No tenemos dinero.• No tenemos experto.• No tenemos laboratorio.• No sabemos interpretar resultados.
  14. 14. Como lo resolvimos.• 1 iteración. DIY• 2 iteración. Colegas.• 3 iteración. Tres partes, 5 usuarios.
  15. 15. Porque solo 5?• Tiempo.• Recomendado por expertos.• Probar e informar el mismo día.• Menos notas.• Enfoque en problemas importantes. http://www.useit.com/alertbox/20000319.html
  16. 16. En quién nos estamoscentrando.
  17. 17. • Centrado en el diseñador.• Centrado en el desarrollador.• Centrado en el cliente.
  18. 18. Centrado en el usuario/personas.Implica involucrar a los usuarios durante todoel proceso, no solo para el diagnóstico, sinocomo co-diseñadores.
  19. 19. Como lograrlo?• La Usabilidad es parte del camino.• Probar temprano y seguido.• Usuarios reales.• Iterar.
  20. 20. Herramientas.*• Personas.• Pruebas de Usabilidad.*Menciono las que use en el desarrollo del proyecto.
  21. 21. Personas.• Elaborar fichas.• Escenario.• Necesidades.• Atributos clave.• Factores de riesgo.
  22. 22. Pruebas de usabilidad.• Usuarios reales.• Realizar tareas.• Pensar en voz alta.• Observar.
  23. 23. Ubercart como ejemplo
  24. 24. http://drupal.org/project/ubercart
  25. 25. Pruebas de usabilidad a 15 personas• Categorizar productos (menús)• Encontrar si hacen cambios o reembolsos.• Proceso de Compra de una camiseta.Tiempo aproximado: 20 - 40min.
  26. 26. Algunos resultados.• +80% quiere carrito en todo el sitio.• +80% tres fields por item.• -50% ha usado Paypal.• Casi 100% confianza es importante.• +-70% confusión en botones/mensajes.• +70% confusión ingresar.
  27. 27. • 80% separar navegación.• 90% comprar sin cuenta.• 90% formulario muy largo.• Pocos pasos.• Lista deseos.• Recomendar.• Comentarios/rating.
  28. 28. Que se cambio antes de laspruebas?
  29. 29. • Tablas, out.• Catálogo default, out.• Traducciones.
  30. 30. Que se cambio después de laspruebas?
  31. 31. Resumen.
  32. 32. • Es mejor probar que no probar.• Hágalo, no pida permiso.• Observar más que escuchar.• El usuario medio no existe.• Asumir es un gran, gran error.• Revisar, implementar ASAP.• ¡Sí podemos!
  33. 33. Bonus.
  34. 34. http://www.lukew.com/ff/entry.asp?1579
  35. 35. http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu
  36. 36. http://developer.android.com/design/style/writing.html
  37. 37. http://www.estudiomanati.com/drupal-day
  38. 38. Cupón 10% off :)LMAFAN
  1. A particular slide catching your eye?

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

×