El proceso de checkout en un e-commerce es parte fundamental tanto para el cliente como para el negocio ya que se encarga de guiar al usuario en finalizar su compra garantizando al negocio la satisfacción en el proceso transaccional que esto conlleva para ambas partes.
Rediseño.
Estos conceptos que por medio del diseñador UX se aterrizan, se les da una forma más tangible desde diseño UI, los cuales se tienen en cuenta los siguientes aspectos que influyeron para la realización de este rediseño.
Carritos de compra abandonados. Quizás el aspecto mas importante de todos ya que un carrito abandonado implica que en algún punto del proceso de compra el cliente decidió no comprar lo que ya tenía en su carrito y decidió irse o cerrar el sitio web.
Alineación del key visual a nivel marca. Refuerzo en el uso de tipografías, colores y estilos que antes no tenían la fuerza suficiente para llamar la atención del usuario en la interfaz en uso.
Guiar al usuario en que proceso de la compra se encuentra. Se crea una micro-interacción la cual por medio de un stepper se le muestra al cliente el paso a paso de su proceso de compra con el cual no se contaba con el proceso de checking anterior.
ㅤPaso a paso.
Análisis del UX. Investigación de resultados, laboratorios y mapas de calor.
Benchmark. Por medio de benchmarks y análisis de competencia se evalúa que elementos se pueden implementer ya existentes y que otros se pueden crear de acuerdo a las necesidades y/o falencias de acuerdo a los resultados investigados anteriormente desde UX.
Creación de componentes. Se comienzan a crear tanto nuevas versiones de componentes ya existentes como nuevos componentes tales como el stepper o línea de tiempo entre otros.
Implementación de componentes. Se hacen mockups y se implementan a manera de maquetación los componentes ya creados en sus respectivas versiones desktop y mobile.
Prueba preliminar. Se crean mockups, se comparten y se realizan pruebas internas para revisar con el equipo y de acuerdo a esto hacer los últimos ajustes antes de pasar a equipo de desarrollo.
