Presentaciones Ramiro Alvarez - eCommerce IT Camp
-
Upload
ecommerce-institute -
Category
Marketing
-
view
153 -
download
3
Transcript of Presentaciones Ramiro Alvarez - eCommerce IT Camp
![Page 1: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/1.jpg)
Entendiendo y Diseñando la Experiencia de Usuario (UX) en eCommerce
![Page 2: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/2.jpg)
Sebastián Fernández Quezada
Ing. en Sistemas Informáticos
17 años en I+D y Gestión de Áreas
Profesor en UAI y UP
Fundador de Corvalius, Keikendo y Codealike.
Empecé como Diseñador Web.
![Page 3: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/3.jpg)
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
![Page 4: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/4.jpg)
“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.
![Page 5: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/5.jpg)
![Page 6: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/6.jpg)
![Page 7: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/7.jpg)
![Page 8: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/8.jpg)
![Page 9: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/9.jpg)
Es repetibleEs racionalEs dimensionable
Experiencia de Usuario (UX)
![Page 10: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/10.jpg)
PRODUCTOSERVICIO
QUÉDÓNDECUÁNDO
POR QUÉ
QUIÉNCÓMO UX
![Page 11: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/11.jpg)
PRODUCTOSERVICIO
QUÉDÓNDECUÁNDO
POR QUÉ
QUIÉNCÓMO
OBSERVACIÓNANÁLISISDISEÑO
![Page 12: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/12.jpg)
OBSERVACIÓNANÁLISISDISEÑO
CuantificarPonderar
Mejorar
![Page 13: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/13.jpg)
IMPRESIONES PUBLICIDAD
VISITAS
USUARIOS
CLIENTES
P P PP x xx
FUNNEL
Valor
![Page 14: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/14.jpg)
P P PP x xx
FUNNEL
Valor
![Page 15: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/15.jpg)
Customer Experience(CX)
User Experience(UX)
Todas las interacciones con la
marca.
Todos los canales.Todas las
interacciones con un canal/producto/servi
cio.
![Page 16: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/16.jpg)
¿QUÉ ES ?Valor
![Page 17: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/17.jpg)
ES LO QUE EL USUARIO DEFINE
CÓMO TAL
![Page 18: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/18.jpg)
1er ProblemaUN PROBLEMA DE FOCO
2do ProblemaUN PROBLEMA DE ANCHO DE BANDA
![Page 19: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/19.jpg)
USUARIO USUARIOCLAVE
CLIENTE
1er ProblemaUN PROBLEMA DE FOCO
![Page 20: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/20.jpg)
1er ProblemaDiseñ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
![Page 21: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/21.jpg)
2do Problema
![Page 22: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/22.jpg)
PIDE DICE
PIENSA QUIERE
REACTIVO PROACTIVO CREATIVO
CAOS
DISEÑO CENTRADO EN EL USUARIO
2do ProblemaUN PROBLEMA DE ANCHO DE BANDA
OBSERVACIÓN + ANÁLISIS DISEÑO
![Page 23: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/23.jpg)
¿CÓMO SE IMPLEMENTA?
![Page 24: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/24.jpg)
UNA BUENA EXPERIENCIA DE USUARIONO 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.
![Page 25: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/25.jpg)
![Page 26: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/26.jpg)
![Page 27: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/27.jpg)
@Corvalius
![Page 28: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/28.jpg)
USER EXPERIENCEAnálisis
HeurísticoAnálisis de
ComparablesConstrucció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ÓNCard Sorting Site Map
USABILIDADKLM-GOMS Pruebas de
Usabilidad
TECNICAS MÁS IMPORTANTES
@Corvalius
![Page 29: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/29.jpg)
BUENAS PRÁCTICAS
![Page 30: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/30.jpg)
TOYOTAPRODUCTIONSYSTEM
Inconsistencia
MURISobrecarga
MURA
DesperdicioMUDA
ELIMINAR
ES TODO AQUELLOQUE NO ES
Valor
•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.
![Page 31: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/31.jpg)
BENSHNEIDERMAN
8 Reglas de Oro
![Page 32: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/32.jpg)
8 Reglas de Oro del diseño de interfaces
ConsistenciaSecuencias 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.
1
![Page 33: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/33.jpg)
8 Reglas de Oro del diseño de interfaces
Ofrecer atajos o caminos
alternativosA 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.
2
![Page 34: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/34.jpg)
8 Reglas de Oro del 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.
3
![Page 35: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/35.jpg)
8 Reglas de Oro del 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.
4
![Page 36: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/36.jpg)
8 Reglas de Oro del 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.
5
![Page 37: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/37.jpg)
8 Reglas de Oro del diseño de interfaces
Permitir revertir acciones de manera
sencillaEn 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
6
![Page 38: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/38.jpg)
8 Reglas de Oro del 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.
7
![Page 39: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/39.jpg)
8 Reglas de Oro del diseño de interfaces
Reducir la carga sobre la memoria a corto
plazoEste 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.
8
![Page 40: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/40.jpg)
Ramiro Álvarez CaffaroCoordinador de Diseño (UI/UX)
Lyracons
![Page 41: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/41.jpg)
![Page 42: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/42.jpg)
![Page 43: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/43.jpg)
![Page 44: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/44.jpg)
![Page 45: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/45.jpg)
![Page 46: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/46.jpg)
![Page 47: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/47.jpg)
![Page 48: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/48.jpg)
![Page 49: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/49.jpg)
![Page 50: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/50.jpg)
![Page 51: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/51.jpg)
![Page 52: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/52.jpg)
![Page 53: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/53.jpg)
![Page 54: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/54.jpg)
![Page 55: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/55.jpg)
![Page 56: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/56.jpg)
![Page 57: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/57.jpg)
![Page 58: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/58.jpg)
![Page 59: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/59.jpg)
![Page 60: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/60.jpg)
![Page 61: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/61.jpg)
![Page 62: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/62.jpg)
![Page 63: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/63.jpg)
![Page 64: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/64.jpg)
![Page 65: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/65.jpg)
![Page 66: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/66.jpg)
![Page 67: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/67.jpg)
![Page 68: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/68.jpg)
![Page 69: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/69.jpg)
![Page 70: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/70.jpg)
![Page 71: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/71.jpg)
![Page 72: Presentaciones Ramiro Alvarez - eCommerce IT Camp](https://reader035.fdocuments.mx/reader035/viewer/2022062522/587406e31a28ab6f1d8b642b/html5/thumbnails/72.jpg)