Diapositivas presentadas por Ramiro Alvarez Caffaro, Coordinador de Diseño (UI/UX) Lyracons, en el eCommerce IT Camp dentro del marco del eCommerce Day Buenos Aires 2016.

1. Entendiendo y Diseñando la
Experiencia de Usuario (UX) en
eCommerce

2. Sebastián FernándezQuezada
Ing.enSistemasInformáticos
17añosenI+Dy GestióndeÁreas
ProfesorenUAIyUP
FundadordeCorvalius,Keikendoy Codealike.
EmpecécomoDiseñadorWeb.

3. Experiencia de Usuario (UX)
ES COMO EL SEXO ADOLESCENTE
• Todo el mundo habla de eso.
• Nadie sabe realmente cómo hacerlo.
• Todos piensan que el resto lo está haciendo.
Adaptado de Dan Ariely (Big Data)
ENTONCES TODOS DICEN QUE LO HACEN.
@Corvalius

4. “Yo tengo un tío que…”
“¿Qué pasa si el
usuario calza
45?”
“Si yo fuese el usuario, haría…”
“Ese feature no lo podemos sacar
porque hay usuarios que…”
“No sé por qué el producto hace
eso, pero lo hace la
competencia…”
Síntomas
No tenemos claro qué problema tenemos
que resolver, ni el usuario al que le estamos
resolviendo el problema.

9. Es repetible
Es racional
Es dimensionable
Experiencia de Usuario (UX)

10. PRODUCTO
SERVICIO
QUÉ
DÓNDE
CUÁNDO
POR QUÉ
QUIÉN
CÓMO
UX

11. PRODUCTO
SERVICIO
QUÉ
DÓNDE
CUÁNDO
POR QUÉ
QUIÉN
CÓMO
OBSERVACIÓN
ANÁLISIS
DISEÑO

12. OBSERVACIÓN
ANÁLISIS
DISEÑO
Cuantificar
Ponderar
Mejorar

13. IMPRESIONESPUBLICIDAD
VISITAS
USUARIOS
CLIENTES
P P PP x xx
FUNNEL
Valo
r

14. P P PP x xx
FUNNEL
Valo
r

15. Customer Experience
(CX)
User Experience
(UX)
Todas las interacciones
con la marca.
Todos los canales. Todas las interacciones
con un
canal/producto/servicio.

16. ¿QUÉ ES ?
Val
or

17. ES LO QUE EL USUARIO
DEFINE CÓMOTAL

18. 1er ProblemaUN PROBLEMA DE FOCO
2do ProblemaUN PROBLEMA DE ANCHO DE BANDA

19. USUARIO USUARIO
CLAVE
CLIENTE
1er ProblemaUN PROBLEMA DE FOCO

20. 1er Problema
Diseño Centrado en el Usuario
Diseño autoreferencial
Diseño centrado en la tecnología
Diseño centrado en el sponsor
Diseño centrado en la competencia
UN PROBLEMA DE FOCO

21. 2do Problem

22. PIDE DICE PIENSA QUIERE HACE NECESITA
REACTIVO PROACTIVO CREATIVO
CAOS
DISEÑO CENTRADO EN EL USUARIO
2do ProblemaUN PROBLEMA DE ANCHO DE BANDA
OBSERVACIÓN + ANÁLISIS DISEÑO

23. ¿CÓMO SE
IMPLEMENTA?

24. UNA BUENA
EXPERIENCIA DE USUARIO
NO DEPENDE DE UN MOMENTO DE
INSPIRACIÓN, SINO DE UN PROCESO.
NO SE MEJORA DE CASUALIDAD.
NO DEPENDE DE UNA SOLA PERSONA.
NO TERMINA NUNCA.

27. @Corvalius

28. USER EXPERIENCE
Análisis
Heurístico
Análisis de
Comparables
Construcción
de Personas
Relevamiento
Contextual
Pruebas A/B
Entrevistas
Cualitativas
Customer
Journey
DISEÑO DE INTERACCIÓN
Wireframing
Prototipado
Iterativo
Diseño
Visual
ARQUITECTURA DE
INFORMACIÓN
Card Sorting Site Map
USABILIDAD
KLM-GOMS
Pruebas de
Usabilidad
TECNICAS MÁS
IMPORTANTES
@Corvalius

29. BUENAS PRÁCTICAS

30. TOYOTA
PRODUCTION
SYSTEM
Inconsistencia
MURI
Sobrecarga
MURA
Desperdicio
MUDA
ELIMINAR
ES TODO AQUELLO
QUE NO ES
Val
or
•Resolvé mi problema completamente.
•No desperdicies mi tiempo.
•Dame exactamente lo que quiero.
•Dame valor exactamente dónde y cuándo lo necesito.
•Reducí la cantidad de decisiones que debo tomar para resolver mi problema.

31. BEN
SHNEIDERMAN
8 Reglas de Oro

32. 8 Reglas de Oro
el diseño de interfaces
Consistencia
Secuencias de acciones similares ante
situaciones similares.
Terminología única para avisos,
menúes y ayudas.
Comandos consistentes.
Uso consistente de colores, tipografía y
elementos visuales.

33. 8 Reglas de Oro
el diseño de interfaces
Ofrecer atajos o
caminos alternativos
A medida que aumenta la frecuencia de uso,
también lo hace el deseo del usuario de reducir la
cantidad de interacciones e incrementar la
velocidad de operación.

34. 8 Reglas de Oro
el diseño de interfaces
Realimentación
informativa
Para cada acción del operador, debe
existir una respuesta del sistema.
Respuesta modesta para acciones
menores o frecuentes.
Respuesta sustancial para acciones
poco frecuentes o de mayor
importancia.

35. 8 Reglas de Oro
el diseño de interfaces
Conducir las tareas
Secuencias de acciones deben ser organizadas en grupos con
inicio, desarrollo y final.
Al completar un grupo de acciones, la respuesta del sistema
produce en el operador satisfacción, sensación de alivio, una
señal para dejar a un lado opciones y planes de contingencia, y la
indicación de que el camino está listo para el próximo grupo de
acciones.

36. 8 Reglas de Oro
el diseño de interfaces
Manejo simple de
errores
En la medida de lo posible, diseñar el sistema de manera que el
usuario no pueda cometer un error serio.
Si se produce un error, el sistema debe ser capaz de detectarlo y
ofrecer mecanismos simples y comprensibles para su solución.

37. 8 Reglas de Oro
el diseño de interfaces
Permitir revertir acciones de
manera sencilla
En la medida de lo posible, las acciones deben ser reversibles.
Ello reduce la ansiedad, dado que el usuario sabe que los errores
pueden ser corregidos. Por ello alienta a la exploración de
opciones poco familiares.
Las unidades de reversibilidad pueden ser una acción aislada,
una entrada de datos, o un grupo completo de acciones

38. 8 Reglas de Oro
el diseño de interfaces
Soportar puntos de control
interno
Los usuarios deben sentir que están al mando y que el sistema
responde a sus acciones, en lugar de ser ellos quienes responden
al sistema.

39. 8 Reglas de Oro
el diseño de interfaces
Reducir la carga sobre la
memoria a corto plazo
Este principio está relacionado con la limitación humana de
procesamiento de información en la memoria de corto plazo.
Donde fuera apropiado, debe ofrecerse acceso inmediato a
comandos, abreviaturas, códigos, y otras informaciones que
puedan aclarar dudas contextualizadas.

40. Ramiro Álvarez Caffaro
Coordinador de Diseño (UI/UX)
Lyracons