Charla para el WordCamp Lima 2016 Tema: Suma UX a tu WordPress

1. #WCLIMA2016
@martinbeasnunez
Suma UX a WordPress

2. #WCLIMA2016
@martinbeasnunez
Martín Beas Núñez
Experiencia previa:
UX Analyst en MercadoLibre.com
Jefe diseño en Batanga.com
ceo y co-fundador de GetLavado.com
@martinbeasnunez
blog
portfolio
+linkedin

3. #WCLIMA2016
@martinbeasnunez

4. #WCLIMA2016
@martinbeasnunez
Lo que no se enseña y lo que hace falta:

5. #WCLIMA2016
@martinbeasnunez
RESILENCIA
En psicología, la resiliencia es la capacidad que tiene una
persona para poder afrontar situaciones adversas y
superarlas.

6. #WCLIMA2016
@martinbeasnunez
GESTION DEL TIEMPO
Ser muy disciplinado para saber organizar tu tiempo y ser
flexible para priorizar tus tareas

8. #WCLIMA2016
@martinbeasnunez

9. #WCLIMA2016
@martinbeasnunez

10. #WCLIMA2016
@martinbeasnunez
Panel de Peter Morville

11. #WCLIMA2016
@martinbeasnunez

12. #WCLIMA2016
@martinbeasnunez

13. La experiencia de usuario
no se añade a un producto.
El producto se diseña
pensando en la experiencia
del usuario.

15. #WCLIMA2016
@martinbeasnunez

16. #WCLIMA2016
@martinbeasnunez

17. #WCLIMA2016
@martinbeasnunez

18. #WCLIMA2016
@martinbeasnunez
● Lealtad del usuario
● Retorno de la inversión
● Eficiencia / Productividad
● Satisfacción del usuario
● Mejorar el posicionamiento de la empresa
Beneficios al implementar UX

19. #WCLIMA2016
@martinbeasnunez
Problemas
del día a día

20. #WCLIMA2016
@martinbeasnunez
Necesidad de tener la mayor
cantidad de funcionalidades
Causantes: Demasiados stakeholders
Resultado: Producto complicado, excesivamente ambicioso
Solución: priorizar necesidades del usuario, foco en el producto
mínimo viable

21. #WCLIMA2016
@martinbeasnunez
Problema con tiempos y costo$
Causantes: Necesidad de + funcionalidades, no cierre de etapas
Resultados: Implementar funcionalidades a toda prisa,
consumir recursos en funciones mal implementadas ...
Solución: Respetar hitos, participación temprana de personas
claves

22. #WCLIMA2016
@martinbeasnunez
Productos inútiles
Causantes:
Solicitud de requerimiento utópico o no
viable.
Resultados:
Capital y tiempo malgastados.
Solución:
Refinar la idea, refinar el grupo objetivo.

23. #WCLIMA2016
@martinbeasnunez

24. #WCLIMA2016
@martinbeasnunez
La facilidad de uso describe el grado en que
un sistema puede ser utilizado por un usuario
determinado para lograr ciertos objetivos.
1. Utilizable significa funcional

25. #WCLIMA2016
@martinbeasnunez
2. La retroalimentación es
impresionante
Necesitamos respuestas a nuestras
acciones con el fin de comunicar
con éxito.

26. #WCLIMA2016
@martinbeasnunez
No debes permitir que los
usuarios se pierdan.
3. La orientación es escencial

27. #WCLIMA2016
@martinbeasnunez
4. La estética es importante
‘Diseños atractivos funcionan
mejor’ -
Don Norman / Emotional Design

28. #WCLIMA2016
@martinbeasnunez
6. Las imágenes mandan

29. #WCLIMA2016
@martinbeasnunez
6. Las imágenes mandan

30. #WCLIMA2016
@martinbeasnunez
6. Las imágenes mandan

31. #WCLIMA2016
@martinbeasnunez
Zarget

32. #WCLIMA2016
@martinbeasnunez
Crazyegg

33. #WCLIMA2016
@martinbeasnunez

36. Pruebas A/B

37. #WCLIMA2016
@martinbeasnunez
7. La información tiene que ser
localizable
La información que ofreces en tu sitio, es
probable que sea la razón principal para
que la gente te visite.

38. #WCLIMA2016
@martinbeasnunez
8. La información debe ser
comprensible
Por ejemplo:
● Se debe utilizar un tipo de letra sans-serif fácil de leer, para
textos más largos.
● Un tamaño de fuente cómoda de 12 puntos o más grande.

39. #WCLIMA2016
@martinbeasnunez
COMPRENSIBLE
Por ejemplo:
● Resalta las palabras clave relevantes y utilizar los titulares
significativos.
● Utilizar las imágenes con subtítulos informativos para apoyar a
su contenido.

40. #WCLIMA2016
@martinbeasnunez

41. #WCLIMA2016
@martinbeasnunez
9. Tu sitio es una vidriera
comercial
Especialmente si tienes diferentes grupos objetivos con diferentes
intereses.
En cualquier caso, se debe ofrecer una visión general de sus
productos o servicios centrales.

42. #WCLIMA2016
@martinbeasnunez
10. Los formularios son tu sala de
recepción
Sea breve y relevante y sólo pida la información que realmente
necesita en este punto inicial de contacto.

43. #WCLIMA2016
@martinbeasnunez
‘Todo proyecto es relativo a los
usuarios, contexto y contenidos
específicos en cada caso’
-Morville

44. #WCLIMA2016
@martinbeasnunez

45. #WCLIMA2016
@martinbeasnunez
METODOLOGIA

47. #WCLIMA2016
@martinbeasnunez
ETAPAS
1. Investigación: en la que se obtiene toda la
información posible del proyecto, usuarios y
producto a diseñar.
2. Organización: en la que se procesa toda la
información para convertirla en un producto.
3. Diseño: en la que se plasma el diseño del producto a
partir de lo organizado.
4. Prueba: en la que se comprueba la calidad del diseño
propuesto.

48. #WCLIMA2016
@martinbeasnunez

49. #WCLIMA2016
@martinbeasnunez

50. #WCLIMA2016
@martinbeasnunez
TECNICAS
Entrevista y Encuesta
Observación
Consulta a experto
Benchmarking
Personas

51. #WCLIMA2016
@martinbeasnunez
TECNICAS
para el diseño del producto:
1. Diagramación en papel
2. Diagrama de organización
3. Diagrama de funcionamiento
4. Diagrama de presentación (Wireframe).
5. Prototipado digital.

52. ¿Le
pareció
bonito el
sitio web?

54. #WCLIMA2016
@martinbeasnunez
1. 14,4% clientes dispuestos a comprar su producto
2. 15,8% clientes dispuestos a considerar el No hacer
negocios con un competidor
3. 16,6% clientes probables para
recomendar sus productos
o servicios

55. #WCLIMA2016
@martinbeasnunez

56. #WCLIMA2016
@martinbeasnunez

57. - Tiempo en cada página
- Exit Page
- Retraso en la respuesta humana
- Usuarios de 7 y 30 días
+Métricas

59. #WCLIMA2016
@martinbeasnunez

60. #WCLIMA2016
@martinbeasnunez
Código es poesía

61. @martinbeasnunez
blog
+linkedin
</GRACIAS!>