El documento habla sobre la importancia de la experiencia del usuario (UX) en el diseño web. Explica que cuando BestBuy.com agregó un botón que permitía a los usuarios comprar sin registrarse primero, las ventas aumentaron en $300 millones en un año, porque mejoró significativamente la experiencia del usuario al eliminar una barrera innecesaria. Enfatiza que el diseño web debe centrarse en las necesidades y comportamientos de las personas para crear experiencias positivas.

1. UN BOTÓN DE 300 MILLONES DE DÓLARES
EXPERIENCIA DE USUARIO Y POR QUÉ ES IMPORTANTE
EN EL DISEÑO WEB

2. QUIÉN SOY…
Diego A. Chávez
Diseñador web
Consultor de UX
www.dachgrafico.com
@digorus

3. CIFRAS DE INTERNET (www.domisfera.com)
276 millones de dominios registrados en el mundo
50 mil nuevos dominios cada día
18 millones de páginas a diseñar este año

4. ¿QUIÉNES HACEN ESTE TRABAJO?

5. LOS QUE HACEN EL TRABAJO
1 Agencias digitales
2 Empresas de diseño y desarrollo de software
3 Agencias de publicidad
4 Diseñadores freelance y otros…
5 LOS MAGOS DE INTERNET

6. LOS MAGOS DE INTERNET
DISEÑAMOS
SU PÁGINA WEB
DESDE
$400.000

7. LOS MAGOS DE INTERNET

8. ¿PARA QUIÉN SE HACE UNA PÁGINA WEB?

9. PARA LAS PERSONAS

10. PROCESO DE “DISEÑO”

11. PROCESO DE “DISEÑO”
CLIENTE

12. PROCESO DE “DISEÑO”
CLIENTE AGENCIA

13. PROCESO DE “DISEÑO”
AGENCIA
Director de
proyectos
Diseñador
Gráfico/ web
Programador

14. PROCESO DE “DISEÑO”
CLIENTE

15. PROCESO DE “DISEÑO”
CLIENTE

16. ¿LAS PERSONAS?

17. ¿QUÉ PASA CUANDO SE OLVIDA A LAS
PERSONAS?

18. EL EGO

19. EL EGO

20. EL RESULTADO DEL EGO

21. UN CASO DE AQUÍ…

22. LA IDEA…

23. EN LO QUE SE CONVIRTIÓ…
520 millones COP

24. EL VALOR DEL DISEÑO

25. EL VALOR DEL DISEÑO

26. ¿QUÉ ES EL DISEÑO?

27. Wucius Wong
El diseño es un proceso de creación visual con un propósito. A
diferencia de la pintura y de la escultura, que son la realización
de las visiones personales y los sueños de un artista, el diseño
cubre exigencias prácticas. Una unidad de diseño gráfico debe
ser colocada frente a los ojos del público y transportar un
mensaje prefijado. Un producto industrial debe cubrir las
necesidades de un consumidor...

28. ¿QUÉ ES EL DISEÑO WEB?
Internet como medio principal “
“
Elaborar una solución utilizando el canal
Ricardo Tayar

29. ¿CÓMO SE DISEÑA UNA PÁGINA WEB?

30. Jesse James Garrett
“Elements Of User Xperience”
Año: 2.000

31. Diagrama de Jesse James Garrett

32. DISEÑO DE EXPERIENCIA DE USUARIO
UX

33. ¿QUÉ ES?
La forma en la que una persona se siente al utilizar un producto,
sistema o servicio. (Esto incluye) las percepciones de
una persona en aspectos prácticos como la utilidad,
facilidad de uso y eficiencia del sistema.
“
“
Darren Norcoth

34. SI LA EXPERIENCIA ES BUENA

35. SI LA EXPERIENCIA ES MALA

36. EL BOTÓN DE 300 MILLONES DE DÓLARES

37. EL CASO DE BESTBUY.COM
Empresa líder en electrónica
de consumo en EE.UU
600.000 referencias
400 millones de visitas al año

38. FORMULARIO DE REGISTRO PARA COMPRAR
• Los usuarios nuevos guardarían sus datos para posteriores compras
• Los usuarios registrados no tendrían que volver a registrar sus datos

39. PERO…
¿Por qué tengo que registrarme? sólo quiero comprar
No recuerdo si ya me registré antes
¿Qué dirección de correo electrónico puse?

40. Y que pasaba…
45% de los clientes se habían registrado hasta 10 veces
160.000 peticiones de contraseña al día
75% de estas personas, no finalizaban su pedido una vez
realizado la solicitud de la clave.

41. SOLUCIÓN
“No es necesario registrarse para realizar una compra en nuestro site.
Haga clic en “Continuar” para seguir con el pedido. Pero si desea
facilitar sus futuras compras, puede crear una cuenta durante el
proceso de pedido.”

42. RESULTADOS
Aumento de ventas en 6 millones de dólares la primera semana
El restablecimiento de contraseña se redujo en un 80%
El número de clientes aumentó en un 45%
Incremento de pedidos el primer mes por valor de 15 millones de dólares
Durante el primer año, el site produjo ganancias de 300 millones de dólares.

43. OTROS EJEMPLOS

44. CACHIVACHES (Quiero comprar un disfraz)

45. Quiero comprar un disfraz

46. Quiero comprar un disfraz

47. Quiero comprar un disfraz

48. TRANSMILENIO

49. TRANSMILENIO

50. Quiero recuperar el saldo de mi tarjeta “LA PERDÍ”

51. Quiero recuperar el saldo de mi tarjeta “LA PERDÍ”

52. Quiero recuperar el saldo de mi tarjeta “LA PERDÍ”

53. ACUEDUCTO DE BOGOTÁ

54. Quiero cambiar la cajilla de mi medidor de agua

55. Quiero cambiar la cajilla de mi medidor de agua

56. Quiero cambiar la cajilla de mi medidor de agua

57. Quiero cambiar la cajilla de mi medidor de agua

58. Quiero cambiar la cajilla de mi medidor de agua
Manual de trámites
Servicios

59. Quiero cambiar la cajilla de mi medidor de agua

60. Quiero cambiar la cajilla de mi medidor de agua

61. “El gobierno es de la gente, por la gente y
para la gente”

62. PREMIO A MEJOR PÁGINA WEB EN 2012

63. DISEÑEMOS PENSANDO EN LAS
PERSONAS

64. ¡GRACIAS!