4º Congreso Ecommaster 2016 Taller Usabilidad y Experiencia de Usuario orientado a la venta por Elad Rodríguez de Fundador y CEO de la empresa de desarrollo web y especializada en ecommerce internacional NITSNETS.

1. Usabilidad y Experiencia de Usuario
orientada a la venta
Congreso Ecommaster 2016

3. Desarrollando
proyectos online
más de 10 años creando tecnología

4. 0 1 .
C L I E N T E S

5. 0 1 .
C L I E N T E S C O N A G E N C I A S

6. lo importante no es cómo…
¿Cómo?

7. sino…
¿Para qué?

8. PIENSA EN EL USUARIO
Experiencia de Usuario (UX)

9. Expectativas-Experiencias

10. Modelos mentales

11. Geolocalizado

12. Convenciones
Modelos de comportamiento del usuario cuando utiliza
una web. Puntos en común entre ecommerce.
Minimiza curva aprendizaje
Con las convenciones garantizamos el éxito. Cumplimos
expectativas

13. Convenciones

14. Simple

15. Haz que el usuario no piense, a la gente no le gusta pensar.
Si no hace falta manuales ni formación, implica éxito de
usabilidad.
Cuidado con demasiada información, menos carga visual.
Informática ¡no gracias!

16. A veces menos es más…

17. problema: featuritis

19. Elementos de usabilidad
en el desarrollo de ecommerce

20. Navegación Superior / Izquierda top-down Card sorting

21. Daily
meeting
Efecto Diana

22. Efecto DianaEfecto Diana

23. Mismo lenguaje. Consistencia
Todo igual en todo el sitio web
ejemplo: Introducir la fecha siempre igual.
Regla de la doble D. Las diferencias son dificultades.
Evitar las diferencias y los cambios de interfaz de usuario
Usar mismo nombre para la mismo concepto
Mostrar las cosas en el misma posición
Hay que evitar cambiar las cosas de sitio sin avisar al usuario
Formatos de Fecha
M/D/AÑO
D/M/AÑO
AÑO-M-D
Formatos moneda
1.000,00 €
1,000.00 $

24. Mismo lenguaje. Consistencia

25. Efecto DianaDiseño
Diseño es cómo funciona

26. Efecto DianaInformación
Lo importante son los datos, no qué significan esos datos
Mediante iconos simplificamos
Hay datos que no requieren ser explicados

27. Efecto DianaPantallas - Resolución

28. Efecto DianaResponsive web design & Mobile First
No sólo responsive
resoluciones más
pequeñas.
Aprovechar toda la
pantalla por ejemplo
chat de Facebook

29. Efecto DianaBreadcrumb. Localización
La semilla es necesaria y nos permite localizarnos y no perdernos durante toda
la interfaz.

30. Efecto DianaFormularios
¡ PROCESOS !

31. Efecto DianaFormularios

32. Efecto DianaCheckout Ecommerce One-page

33. Efecto DianaCheckout Ecommerce One-page
Compra sin registro
Landing cautiva, sin múltilple salida
Focos (focus) y tabindex
Todo funcione con teclado es mucho más rápido.

34. Efecto Diana
Momento caliente de la compra
Que los usuarios se sientan seguros
Checkout Ecommerce One-page

35. Efecto DianaListado - Click to action
Compra rápida
Volver desde la ficha fundamental
(atención al móvil)
Filtros cómodos

36. Efecto DianaFicha

37. Efecto DianaFicha - Mobile

38. Proyectos
Porftolio de referencia

39. Panama Jack
Ecommerce Internacional

40. Grupo Soledad
B2C y B2B integrados con SAP

41. Pura Lopez
Ecommerce Internacional

42. Sprinter.es
Ecommerce Big Retail

43. Nordikas
Ecommerce Internacional

44. Elad Rodriguez
CEO & Founder NITSNETS
elad@nitsnets.com
@eladnts

45. nitsnets.com
Simple. It works!