Este documento presenta información sobre experiencia de usuario (UX), incluyendo cuatro ejes de UX, terminología UX, uso de datos para diseño visual, producto mínimo viable, diseño centrado en humanos, investigación de mercado y usuarios, y elementos clave de una landing page efectiva como propuesta de valor, experiencia del cliente y diseño.

1. Ezequiel Torres – torresezequiel@gmail.com #ComunicacionInteractivaIV
Experiencia de usuario - UX

2. # ComunicacionInteractivaIV
la estrategia
precede al
diseño

3. # ComunicacionInteractivaIV
4 ejes de UX
Diseño inteligente
Uso de datos reales
Optimización continua
Insights cualitativos y cuantitativos
Conocimiento del usuario,
para llamar su atención.
Ej: desde donde me
acceden.

4. # ComunicacionInteractivaIV
Que van a aprender?
DISEÑAR WEBS, MINISITES Y LANDING PAGES
QUE LOGREN BUENOS RESULTADOS APLICANDO:
• TEST DE USABILIDAD
• INSIGHTS CUALITATIVOS
• TESTING A/B
• CALL TO ACTIONS
INTERPRETAR, ANALIZAR Y APLICAR AL DISEÑO
DATOS RELEVANTES PARA MEJORAR LA ESTÉTICA
• DATA STORYTELLING
• DESIGN THINKING
• DISEÑO DE PRODUCTO
• EXPERIENCIA DE USUARIO
• INTERFAZ DE USUARIO
• DISEÑO DIGITAL

5. # ComunicacionInteractivaIV
Salida profesional de UX

6. # ComunicacionInteractivaIV
DIFF
TRADICIONAL UX

7. # ComunicacionInteractivaIV
TERMINOLOGÍA

8. # ComunicacionInteractivaIV
TERMINOLOGÍA

9. # ComunicacionInteractivaIV
TERMINOLOGÍA

10. # ComunicacionInteractivaIV
USO DE DATOS PARA DISEÑO VISUAL
El usuario
no lee,
escanea y
busca algo
que le llame
la atención

11. # ComunicacionInteractivaIV

12. # ComunicacionInteractivaIV
CUAL ES MAS FACIL DE INTERPRETAR?

13. # ComunicacionInteractivaIV
COMO FORTALECER LOS DATOS
FACILIDAD DE LECTURA
1El principal objetivo para lograr una
buena visualización de datos es
formatearlos de una manera facil de
leer.
Muchos cometen el error de centrarse
solo en el apartado visual de los datos;
recordemos que es mas importante que
los datos se lean, luego podemos
trabajar en que luzcan mejor.
La arquitectura de información juega un
papel fundamental en este primer paso
USABILIDAD
2Los datos no solo deben ser leidos
facilmente, tambien deben ser utiles.
¿Es la información que el usuario está
buscand? ¿satisface sus necesidades?
¿le será facíl de recordar durante el día?
APARTADO VISUAL
3Los datos no solo deben ser
leidos facilmente, tambien
deben ser utiles.
¿Es la información que el
usuario está buscand?
¿satisface sus necesidades?
¿le será facíl de recordar
durante el día?

14. # ComunicacionInteractivaIV
DATA VISUALIZATION

15. # ComunicacionInteractivaIV
DATA VISUALIZATION

16. # ComunicacionInteractivaIV
DATA VISUALIZATION

17. # ComunicacionInteractivaIV
DATA VISUALIZATION

18. # ComunicacionInteractivaIV
METODOLOGIA : LEAN STARTUP
+ BENEFICIO CON - INVERSIÓN
METODOLOGÍA EN CASCADA METODOLOGÍA LEAN

19. # ComunicacionInteractivaIV
PRODUCTO MINIMO VIABLE (MVP)
MVP es una
manera fácil,
rápida y ágil de
saber si un
producto/servicio
tendrá éxito antes
de ser
desarrollado o
implementado

20. # ComunicacionInteractivaIV
PROPOSITO PRODUCTO MINIMO VIABLE (MVP)
Validar la propuesta
del modelo de
negocio
Acelerar el aprendizaje
sobre el público
objetivo
Confirmar si el
producto/servicio que
se ofrece es lo que
quieren los clientes

21. # ComunicacionInteractivaIV
PRODUCTO MINIMO VIABLE (MVP)

22. # ComunicacionInteractivaIV
DROPBOX MVP

23. # ComunicacionInteractivaIV
EVERNOTE MVP

24. # ComunicacionInteractivaIV
DISEÑO CENTRADO EN HUMANOS
UX DESIGN
USABILIDAD
INTERACCIÓN
Usuario complacido y con
un beneficio al negocio.
Info relacionada a lo que se
busca

25. # ComunicacionInteractivaIV
DISEÑO CENTRADO EN HUMANOS

26. # ComunicacionInteractivaIV
DISEÑO CENTRADO EN HUMANOS
Busqueda grande pero no
interfiere

27. # ComunicacionInteractivaIV
DISEÑO CENTRADO EN HUMANOS
Se anticipa y ofrece sub-
categorías

28. # ComunicacionInteractivaIV
DISEÑO CENTRADO EN HUMANOS
Sigue ofreciendo contenido
de mi interes

29. # ComunicacionInteractivaIV
MARKET & UX RESEARCH
LUEGO DEL MVP HAY QUE HACER INVESTIGACIÓN
MERCADO
USUARIO

30. # ComunicacionInteractivaIV
MARKET RESEARCH

31. # ComunicacionInteractivaIV
UX RESEARCH

32. # ComunicacionInteractivaIV
EJERCICIO
Definir objetivos.
MARKET RESEARCH
USER RESEARCH
- QTY que el usuario va al
negocio -> Demanda
- Presupuesto mensual
promedio para estos
servicios -> Poder
adquisitivo
- QTY promedio semanal
que busca info
- Que espera al buscar el
servicio? -> Ideal
- Cual día de la semana
prefierie consumir?
Porque? ->
Calendarización
- Si no lo consume, que
alternativa usa? ->
Sustituto

33. # ComunicacionInteractivaIV
USER PERSONA
PUBLICO OBJETIVO EN PERFIL RESUMIDO
SE REUNE LA INFO POR TOPICO

34. # ComunicacionInteractivaIV
EJERCICIO
Definir un user persona

35. # ComunicacionInteractivaIV
EJERCICIO
Definir un user persona

36. # ComunicacionInteractivaIV
ANATOMÍA DE UNA LANDING PAGE

37. # ComunicacionInteractivaIV
QUE ES UNA LANDING PAGE?

38. # ComunicacionInteractivaIV
FRESHDESK - LANDING PAGE

39. # ComunicacionInteractivaIV
FRESHDESK - LANDING PAGE

40. # ComunicacionInteractivaIV
EASYBOTS - LANDING PAGE

41. # ComunicacionInteractivaIV
ROMARIO - LANDING PAGE

42. # ComunicacionInteractivaIV
QUE VAMOS A OFRECER AL USUARIO?

43. # ComunicacionInteractivaIV
NUNCHEE – OFERTA AL USUARIO
FORM CORTOS
Si es largo y lo llena,
está muy interesado

44. # ComunicacionInteractivaIV
RECOLECTAR DATOS DEL USUARIO

45. # ComunicacionInteractivaIV
RECOLECTAR DATOS DEL USUARIO

46. # ComunicacionInteractivaIV
RECOLECTAR DATOS DEL USUARIO

47. # ComunicacionInteractivaIV
RECOLECTAR DATOS DEL USUARIO
Se destaca que es gratis
Muestra un libro
electronico
Pide tus mejores datos
para darte algo a
cambio

48. # ComunicacionInteractivaIV
DEFINIENDO SERVICIOS
PROPUESTA DE VALOR
CUSTOMER
EXPERIENCE
$

49. # ComunicacionInteractivaIV
PROPUESTA DE VALOR

50. # ComunicacionInteractivaIV
CUSTOMER EXPERIENCE

51. # ComunicacionInteractivaIV
DISEÑAR

52. # ComunicacionInteractivaIV
SKETCHING
Idea de
como se
verá
Organizar elementos

53. # ComunicacionInteractivaIV
CONSEJOS PARA SKETCHING

54. # ComunicacionInteractivaIV
SKETCHING

55. # ComunicacionInteractivaIV
SKETCHING

56. # ComunicacionInteractivaIV
SKETCHING

57. # ComunicacionInteractivaIV
EJERCICIO
En sketch hacer la navegación
basica de un landing para
convertir.

58. # ComunicacionInteractivaIV
WIREFRAME

59. # ComunicacionInteractivaIV
CONSEJO PARA WIREFRAME

60. # ComunicacionInteractivaIV
CNN WIREFRAME

61. # ComunicacionInteractivaIV
HERRAMIENTA PARA WIREFRAME

62. # ComunicacionInteractivaIV
LANDING PAGE BUILDERS

63. # ComunicacionInteractivaIV
INSTAPAGE
• Formularios
• Temporizadores y Mapas
• Videos de fondo
• Integración con email mkt
• A/B Testing
• Analytics
• Mapas de Calor
• Comentarios

64. # ComunicacionInteractivaIV
EJERCICIO
En Instapage hacer la navegación
basica de un landing para
convertir y crear lista de
mailing(previamente se hizo en
sketch)

65. # ComunicacionInteractivaIV
HOTJAR

66. #ComunicacionInteractivaIV
#ComunicacionInteractivaIV
#ComunicacionInteractivaIV
#ComunicacionInteractivaIV
Ezequiel Torres – torresezequiel@gmail.com #ComunicacionInteractivaIV