mónica zapata | el e-commerce es mobile | optimyzet
TRANSCRIPT
![Page 1: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/1.jpg)
Hablemos de UX + M-Commerce
EL E-COMMERCE ES MOBILE
Mònica Zapata | @monica_zapataSmash Tech Summit - Ecommerce | 13 mayo 2015
![Page 2: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/2.jpg)
¿Dónde estamos?
![Page 3: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/3.jpg)
Un 87% de los habitantes del planeta (unos 5,9 billones de personasfrente a una población totalde cerca de 7 billones) posee un dispositivo móvil
Fuente: emarketer.com
![Page 4: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/4.jpg)
En Europa se prevee en los próximos años un crecimiento de la penetración del smartphone que podrá llegar en algunos países al 91% de la población.
Fuente: emarketer.com
![Page 5: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/5.jpg)
En 2014 España lideró el ranking a nivel global en penetración desmartphone, alcanzando el 83%. Superó a países líderes hasta el momento como el Reino Unido o Estados Unidos.
Fuente: estudio de comScore MobiLens
![Page 6: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/6.jpg)
9 de cada 10 usuarios de internet móvil lo usa mientras ve la TV,casi la mitad lo hace con frecuencia. En este contexto, el móvil gana a la tablet como second screen preferida.
Fuente: #IABestudioMobile Sept. 2014
![Page 7: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/7.jpg)
Alrededor de 1 de cada 4 adultos que posee un smartphone mira su teléfono más de 50 veces al día
Fuente: Deloitte ‘Consumo Móvil en España 2014’
![Page 8: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/8.jpg)
Un 46% de usuarios adultos de smartphone mira su teléfono en los cinco minutos después de levantarse, y de ellos, un 13% lo hace inmediatamente
Fuente: Deloitte ‘Consumo Móvil en España 2014’
![Page 9: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/9.jpg)
El tiempo de conexión medio a internet a través de móvil en España está aproximadamente en 2h 32’, superando el consumo a través de tablet que asciende a 1h 56’.
Fuente: #IABestudioMobile Sept. 2014
![Page 10: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/10.jpg)
El 90% de los usuarios de Smartphone lo ha utilizado en alguna ocasión en el momento de decidir una compra, ya sea para buscar información del producto, precios, productos similares o bien opiniones.
Fuente: #IABestudioMobile Sept. 2014
![Page 11: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/11.jpg)
El 45% de los usuarios de smartphone en España ha efectuado compras en alguna ocasión a través del dispositivo móvil. Ocio, viajes e informática son las categorías estrella.
Fuente: #IABestudioMobile Sept. 2014
![Page 12: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/12.jpg)
Fuente: #IABestudioMobile Sept. 2014
Ocio ViajesElectrónicaInformática Moda Cultura Banca Deporte Belleza Comida Casa Otros
43% 41% 37% 36% 28% 26% 19% 19% 16% 15% 5%
![Page 13: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/13.jpg)
Las previsiones para el comercio móvil son muy buenas: Forrester prevee que en 2018 el mCommerce ascenderá casi a la mitad del total del comercio electrónico
Fuente: Forrester Research Mobile And Tablet Commerce Forecast
![Page 14: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/14.jpg)
¿Experiencia de usuario?
![Page 15: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/15.jpg)
La Experiencia del Usuario (UX) es sencillamente la experiencia que obtiene el usuario cuando interactúa con un producto en condiciones particulares
Arhippainen y Tähti (2003)
CONTEXTO
CONTENIDO USUARIOS
![Page 16: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/16.jpg)
INTERACCIÓN
USUARIO
valores / emociones / expectativas / experiencias /
funciones motoras / habilidad / personalidad / motivación /
habilidades / edad / etc...
FACTORESSOCIALES
presión del tiempo / presión del éxito - fracaso /
requisitos implícitos y explícitos /
etc...
FACTORESCULTURALES
sexo / moda / hábitos / normas / lenguaje / religión /
símbolos / etc...
CONTEXTO DE USO
tiempo / lugar / personas del entorno /
temperatura / etc...
PRODUCTO
usabilidad / funciones / peso / tamaño / características
estéticas / utilidad / reputación / adaptabilidad
mobilidad
![Page 17: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/17.jpg)
INTERACCIÓN
USUARIO
valores / emociones / expectativas / experiencias /
funciones motoras / habilidad / personalidad / motivación /
habilidades / edad / etc...
FACTORESSOCIALES
presión del tiempo / presión del éxito - fracaso /
requisitos implícitos y explícitos /
etc...
FACTORESCULTURALES
sexo / moda / hábitos / normas / lenguaje / religión /
símbolos / etc...
CONTEXTO DE USO
tiempo / lugar / personas del entorno /
temperatura / etc...
PRODUCTO
usabilidad / funciones / peso / tamaño / características
estéticas / utilidad / reputación / adaptabilidad
mobilidad
![Page 18: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/18.jpg)
La consulta de Internet en smartphones ha enfatizado la importancia del contexto en la experiencia del usuario móvil.
Hay un montón de lugares y momentos en qué la gente puede usar un teléfono móvil.
Por eso el contexto es la diferencia más importante y fundamental a tener en cuenta entre el diseño de una versión para PC y una versión para dispositivo móvil.
![Page 19: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/19.jpg)
Dependiendo además del lugar de uso, la gente tiene también relaciones entre sí. Este cambio de enfoque obliga a prestar especial atención a los usos, los lugares y las relaciones de la gente.
![Page 20: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/20.jpg)
El contexto en la experiencia del usuario móvil implica diseñar teniendo en cuenta que normalmente el uso es puntual, la paciencia es mínima, la atención es parcial y las interrupciones son frecuentes.
![Page 21: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/21.jpg)
I like to imagine people as ‘one eyeball and one thumb’.
Thinking ‘one eyeball, one thumb’ forces you to simplify mobile designs so they can be understood and used in these kinds of situations and more.
Luke Wroblewski
![Page 22: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/22.jpg)
INTERACCIÓN
USUARIO
valores / emociones / expectativas / experiencias /
funciones motoras / habilidad / personalidad / motivación /
habilidades / edad / etc...
FACTORESSOCIALES
presión del tiempo / presión del éxito - fracaso /
requisitos implícitos y explícitos /
etc...
FACTORESCULTURALES
sexo / moda / hábitos / normas / lenguaje / religión /
símbolos / etc...
CONTEXTO DE USO
tiempo / lugar / personas del entorno /
temperatura / etc...
PRODUCTO
usabilidad / funciones / peso / tamaño / características
estéticas / utilidad / reputación / adaptabilidad
mobilidad
![Page 23: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/23.jpg)
Por eso en conceptualización y diseño para móvil hay que focalizar esfuerzos en:
• minimizar el coste de oportunidad• reducir la carga cognitiva• diseñar para el peor de los contextos
![Page 24: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/24.jpg)
¿Cómo conseguir mejorar la UX?
![Page 25: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/25.jpg)
#1. Analiza el comportamiento de tus usuarios y entiende sus necesidades
![Page 26: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/26.jpg)
#2. Pon el foco en el producto, elimina todo lo innecesario
![Page 27: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/27.jpg)
#3. Apuesta por una página de inicio fácil de escanear
![Page 28: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/28.jpg)
#4. Simplifica la navegación a través de tus categorías de productos
![Page 29: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/29.jpg)
#5. Dale al buscador una posición privilegiada
![Page 30: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/30.jpg)
#6. Agiliza la consulta de resultados
![Page 31: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/31.jpg)
#7. Usa fotos grandes y de calidad
![Page 32: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/32.jpg)
#8. Garantiza la legibilidad tanto en listados como en fichas
![Page 33: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/33.jpg)
#9. Da máximo protagonismo a los ‘call to action’
![Page 34: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/34.jpg)
#10. Mantén el acceso al carrito siempre visible
![Page 35: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/35.jpg)
#11. Minimiza la entrada de datos
![Page 36: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/36.jpg)
#12. Trabaja ‘inputs’ más grandes
![Page 37: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/37.jpg)
#13. No conviertas en un ‘stopper’ tu proceso de registro
![Page 38: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/38.jpg)
#14. Optimiza el proceso de compra
![Page 39: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/39.jpg)
#15. Siempre que puedas, personaliza la experiencia
![Page 40: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/40.jpg)
#16. Optimiza los tiempos de carga de las páginas
![Page 41: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/41.jpg)
#17. Da acceso a toda la información necesaria
![Page 42: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/42.jpg)
#18. Enfatiza la seguridad y minimiza el miedo a perder datos
![Page 43: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/43.jpg)
#19. Mantén la consistencia con todos tus canales
![Page 44: Mónica Zapata | El E-Commerce es Mobile | Optimyzet](https://reader036.vdocuments.net/reader036/viewer/2022081401/55b3b1f9bb61eb47278b45fa/html5/thumbnails/44.jpg)
#20. KEEP IT SIMPLE