pruebas de usabilidad, guerrilla style

49
Ubercart, usabilidad guerrilla style Drupaleada Agosto 2012

Upload: jose-leiva

Post on 24-Jun-2015

322 views

Category:

Design


3 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Pruebas de usabilidad, guerrilla style

Ubercart, usabilidad guerrilla styleDrupaleada Agosto 2012

Page 2: Pruebas de usabilidad, guerrilla style

José Leivatwitter: @leivajdDrupal: jleiva

Page 3: Pruebas de usabilidad, guerrilla style

Que veremos hoy...

• Porqué la Usabilidad es importante• Excusas para no probar • En quién nos estamos centrando• Ubercart como ejemplo

Page 4: Pruebas de usabilidad, guerrilla style
Page 5: Pruebas de usabilidad, guerrilla style

• Less features• Less options/preferences• Less promises

Filosofía.

http://gettingreal.37signals.com/ch02_Build_Less.php

Page 6: Pruebas de usabilidad, guerrilla style

"the guru of Web page usability"

Page 7: Pruebas de usabilidad, guerrilla style

Mr. Don’t Make Me Think

Page 8: Pruebas de usabilidad, guerrilla style

¿Qué es la Usabilidad?

Page 9: Pruebas de usabilidad, guerrilla style

Usability means making sure something works well, and that a person of average ability or experience can use it for its intended purpose without getting hopelessly frustrated.

- S. Krug

Page 10: Pruebas de usabilidad, guerrilla style

Beneficios.

Page 11: Pruebas de usabilidad, guerrilla style

Beneficios.

• ayuda a informar al proceso de diseño• descubrir problemas desconocidos o inesperados• solucionar los problemas al principio del proceso• probar supuestos

Page 12: Pruebas de usabilidad, guerrilla style

Beneficios.

• Identifica funcionalidades innecesarias• Provee objetividad, y argumentos para ganar batallas• el usuario medio NO existe• es tan barato y fácil, que es estúpido no hacerlo

Page 13: Pruebas de usabilidad, guerrilla style

Excusas para no probar.

Page 14: Pruebas de usabilidad, guerrilla style

• No tenemos tiempo.• No tenemos dinero.• No tenemos experto.• No tenemos laboratorio.• No sabemos interpretar resultados.

Page 15: Pruebas de usabilidad, guerrilla style

Como lo resolvimos.

• 1 iteración. DIY• 2 iteración. Colegas.• 3 iteración. Tres partes, 5 usuarios.

Page 16: Pruebas de usabilidad, guerrilla style

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

Page 17: Pruebas de usabilidad, guerrilla style

En quién nos estamos centrando.

Page 18: Pruebas de usabilidad, guerrilla style

• Centrado en el diseñador.• Centrado en el desarrollador.• Centrado en el cliente.

Page 19: Pruebas de usabilidad, guerrilla style

Centrado en el usuario/personas.

Implica involucrar a los usuarios durante todo el proceso, no solo para el diagnóstico, sino como co-diseñadores.

Page 20: Pruebas de usabilidad, guerrilla style

• La Usabilidad es parte del camino.• Probar temprano y seguido.• Usuarios reales.• Iterar.

Como lograrlo?

Page 21: Pruebas de usabilidad, guerrilla style

Herramientas.*

• Personas.• Pruebas de Usabilidad.

*Menciono las que use en el desarrollo del proyecto.

Page 22: Pruebas de usabilidad, guerrilla style

Personas.

• Elaborar fichas.• Escenario.• Necesidades.• Atributos clave.• Factores de riesgo.

Page 23: Pruebas de usabilidad, guerrilla style

Pruebas de usabilidad.

• Usuarios reales.• Realizar tareas.• Pensar en voz alta.• Observar.

Page 24: Pruebas de usabilidad, guerrilla style

Ubercart como ejemplo

Page 25: Pruebas de usabilidad, guerrilla style

http://drupal.org/project/ubercart

Page 26: Pruebas de usabilidad, guerrilla style

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.

Page 27: Pruebas de usabilidad, guerrilla style

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.

Page 28: Pruebas de usabilidad, guerrilla style

• 80% separar navegación.• 90% comprar sin cuenta.• 90% formulario muy largo.• Pocos pasos.• Lista deseos.• Recomendar.• Comentarios/rating.

Page 29: Pruebas de usabilidad, guerrilla style

Que se cambio antes de las pruebas?

Page 30: Pruebas de usabilidad, guerrilla style

• Tablas, out.• Catálogo default, out.• Traducciones.

Page 31: Pruebas de usabilidad, guerrilla style

Que se cambio después de las pruebas?

Page 32: Pruebas de usabilidad, guerrilla style
Page 33: Pruebas de usabilidad, guerrilla style
Page 34: Pruebas de usabilidad, guerrilla style
Page 35: Pruebas de usabilidad, guerrilla style
Page 36: Pruebas de usabilidad, guerrilla style
Page 37: Pruebas de usabilidad, guerrilla style
Page 38: Pruebas de usabilidad, guerrilla style
Page 39: Pruebas de usabilidad, guerrilla style
Page 40: Pruebas de usabilidad, guerrilla style
Page 41: Pruebas de usabilidad, guerrilla style
Page 42: Pruebas de usabilidad, guerrilla style

Resumen.

Page 43: Pruebas de usabilidad, guerrilla style

• 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!

Page 44: Pruebas de usabilidad, guerrilla style

Bonus.

Page 45: Pruebas de usabilidad, guerrilla style

http://www.lukew.com/ff/entry.asp?1579

Page 46: Pruebas de usabilidad, guerrilla style

http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu

Page 47: Pruebas de usabilidad, guerrilla style

http://developer.android.com/design/style/writing.html

Page 48: Pruebas de usabilidad, guerrilla style

http://www.estudiomanati.com/drupal-day

Page 49: Pruebas de usabilidad, guerrilla style

Cupón 10% off :)

LMAFAN