el e-commerce es mobile. hablemos de ux + m-commerce

45
Hablemos de UX + M-Commerce EL E-COMMERCE ES MOBILE Mònica Zapata | @monica_zapata Smash Tech Summit - Ecommerce | 13 mayo 2015

Upload: optimyzet

Post on 28-Jul-2015

380 views

Category:

Design


3 download

TRANSCRIPT

Page 1: El E-Commerce es mobile. Hablemos de UX + M-Commerce

Hablemos de UX + M-Commerce

EL E-COMMERCE ES MOBILE

Mònica Zapata | @monica_zapataSmash Tech Summit - Ecommerce | 13 mayo 2015

Page 2: El E-Commerce es mobile. Hablemos de UX + M-Commerce

¿Dónde estamos?

Page 3: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

¿Experiencia de usuario?

Page 15: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

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: El E-Commerce es mobile. Hablemos de UX + M-Commerce

¿Cómo conseguir mejorar la UX?

Page 25: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#1. Analiza el comportamiento de tus usuarios y entiende sus necesidades

Page 26: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#2. Pon el foco en el producto, elimina todo lo innecesario

Page 27: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#3. Apuesta por una página de inicio fácil de escanear

Page 28: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#4. Simplifica la navegación a través de tus categorías de productos

Page 29: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#5. Dale al buscador una posición privilegiada

Page 30: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#6. Agiliza la consulta de resultados

Page 31: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#7. Usa fotos grandes y de calidad

Page 32: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#8. Garantiza la legibilidad tanto en listados como en fichas

Page 33: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#9. Da máximo protagonismo a los ‘call to action’

Page 34: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#10. Mantén el acceso al carrito siempre visible

Page 35: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#11. Minimiza la entrada de datos

Page 36: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#12. Trabaja ‘inputs’ más grandes

Page 37: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#13. No conviertas en un ‘stopper’ tu proceso de registro

Page 38: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#14. Optimiza el proceso de compra

Page 39: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#15. Siempre que puedas, personaliza la experiencia

Page 40: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#16. Optimiza los tiempos de carga de las páginas

Page 41: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#17. Da acceso a toda la información necesaria

Page 42: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#18. Enfatiza la seguridad y minimiza el miedo a perder datos

Page 43: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#19. Mantén la consistencia con todos tus canales

Page 44: El E-Commerce es mobile. Hablemos de UX + M-Commerce

#20. KEEP IT SIMPLE

Page 45: El E-Commerce es mobile. Hablemos de UX + M-Commerce

GRACIAS!@monica_zapata

[email protected]