Volver a Proyectos
UI Design · Ecommerce

Ficha de Producto Samsung Chile

Evaluación heurística y rediseño del flujo de compra del Samsung S22 en shop.samsung.cl para mejorar la experiencia de compra y navegación.

Ficha de producto Samsung Galaxy S22

Rol

UX/UI Designer — Research, evaluación y rediseño

Herramientas

Figma + Maze

Contexto

Ecommerce — Samsung Chile

Contexto

Samsung realizó el lanzamiento del equipo Samsung S22, sin embargo, la experiencia de sus clientes se vio afectada por una mala implementación, diseño y comunicación en su sitio principal. Fue necesario realizar una revisión general y generar propuestas que otorgaran una adecuada experiencia de compra y navegación en shop.samsung.cl.

Objetivos

  • Identificar las principales fricciones y problemas de usabilidad en el flujo de compra de shop.samsung.cl.

  • Realizar una evaluación heurística analizando el sitio de principio a fin, identificando problemas y puntos de dolor.

  • Generar un plan de acción que dé respuesta a las necesidades de las personas, mejorando la comunicación y diseño general del sitio.

Metodología

Se aplicó la metodología Design Thinking como marco de trabajo para estructurar el proceso de investigación, síntesis y propuesta de rediseño.

Flujo Design Thinking

Evaluación heurística

Se realizó una evaluación heurística del sitio en versión mobile y desktop, identificando los errores más relevantes en la experiencia de compra para priorizar un plan de investigación y rediseño.

Resultados evaluación heurística

Análisis de la ficha del producto — Bloque 1

No existen textos instructivos que indiquen los elementos de selección obligatoria. Los elementos pueden seleccionarse pero no informan cuando existe un error o elemento faltante. El botón 'Elige tus opciones' no era funcional, produciendo confusión. El CTA principal no se mantenía visible ni deshabilitado, generando frustración en las personas.

Análisis de la ficha del producto — Bloque 1

Análisis de la ficha del producto — Bloque 2

No existía una adecuada estructura y alineación, los elementos no seguían un patrón de lectura, ocasionando ruido visual. Los textos 'TradeIn' y 'Cashback' no poseían texto de apoyo, siendo confusos para las personas. No existía accesibilidad ni contraste adecuado en textos y contenidos.

Análisis de la ficha del producto — Bloque 2

Benchmark — Análisis Samsung Global

Se realizó un benchmark de sitios Samsung en diferentes países para identificar buenas prácticas que ayudaran a mejorar el diseño y comunicación en la ficha del producto.

Samsung Nueva Zelanda

Explica de manera breve y comprensible la función de TradeIn, añadiendo un acceso para conocer más detalles y brindando alternativas de selección claras. Cada opción de selección cuenta con información de cuotas e interés, guiando de manera más completa la decisión de compra.

Samsung Nueva Zelanda

Samsung Colombia

La opción de TradeIn es clara, utiliza un lenguaje común y simple para explicar el beneficio. El enlace para conocer más información es claro y llamativo, facilitando la interacción con las personas usuarias.

Samsung Colombia

Samsung Brazil

Ofrece una descripción breve punto a punto que genera mejor lectura y comprensión. Utiliza iconografía clara y llamativa para resumir sus beneficios principales.

Samsung Brazil

Propuesta de rediseño

A partir de las referencias del estudio de mercado y los problemas identificados en el análisis heurístico, se generó la propuesta de rediseño.

Reorganización de tabs y modelos

Se divide el tab de modelos Galaxy S22 del título principal, permitiendo una mejor comprensión del contenido. A nivel estético, se organizan de manera más óptima las flechas y slider points, generando una visualización más clara y armoniosa.

Reorganización de tabs y modelos

Selección de memoria y TradeIn

Se reorganiza la selección de memoria añadiendo un contenedor sutil que agrupa y da mayor soporte a la elección de factores esenciales para la compra. Se rediseña la sección TradeIn añadiendo más información de su funcionalidad con palabras simples y comprensibles.

Selección de memoria y TradeIn

Promociones y opciones disponibles

Se añade información complementaria a las promociones explicando claramente el significado de cashback, regalo o plan WOM. Se mejora la comprensión de opciones no disponibles, generando una distinción clara de cuáles están habilitadas según la selección del usuario.

Promociones y opciones disponibles

CTA y flujo de compra

Se deshabilita el botón 'Comprar' a la espera de que todas las opciones sean seleccionadas, incorporando el mensaje 'Elige tus opciones para continuar con la compra' para guiar a las personas de manera clara durante el flujo de compra.

Pruebas de usabilidad

Se realizaron pruebas de usabilidad remotas mediante la plataforma Maze para medir y evaluar los cambios realizados.

Test de los 5 segundos

Método de investigación que mide la impresión de las personas en los primeros 5 segundos de ver un diseño. Objetivo: identificar si las personas logran retener y comprender los conceptos TradeIn y Cashback al navegar por la ficha del producto.

Test de los 5 segundos

Prueba de usabilidad remota

Se solicitó a los participantes simular la compra de un Samsung S22 interactuando con el prototipo. Objetivo: medir la experiencia de las personas al realizar una compra en versión mobile.

Prueba de usabilidad remota

Conclusiones y resultado

Flujo más claro y validado por los usuarios

Se observó una alta comprensión e intuitividad en el flujo de la ficha del producto, con una recepción positiva por parte de las personas usuarias. Se validaron correctamente los cambios en el menú tab del Galaxy S22, la comprensión de TradeIn, la visualización de promociones y la habilitación del CTA. A partir de los comentarios de los participantes, se recomienda que la opción 'Sin promoción' se seleccione automáticamente al elegir TradeIn, facilitando el flujo de navegación.