Cuando el equipo de Beauty by Holition se propuso la misión de lanzar al mercado el producto más intuitivo y fluido, nos centramos en las mejores prácticas para el diseño de la interfaz y la experiencia del usuario (UX/UI). mejores prácticas de diseño de interfaz y experiencia de usuario (UX/UI).
El objetivo de UX y UI que nos marcamos era conseguir lo siguiente:
Educación sobre la piel, los productos y nuestra tecnología, a lo largo de toda la experiencia
Transparente y explicable Artificial Intelligence (AI).
Navegación intuitiva
Educación
El cuidado personal (en concreto, el cuidado de la piel) es el sector de mayor crecimiento en el mundo. sector de más rápido crecimiento en el entorno actual, a los consumidores les resulta cada vez más difícil estar al tanto de los lanzamientos de nuevos productos, las tendencias y saber qué es lo que mejor se adapta a sus necesidades.
Para resolver este problema, la solución NeoSkin AI da prioridad a la educación a lo largo de todo el proceso;
Cuestionario: Este paso del viaje ayuda a contextualizar las necesidades del usuario, pero también introduce las 5 preocupaciones más comunes de la piel visualizándolas y proporcionando información adicional, para que el usuario pueda entender los primeros signos de líneas finas y arrugas o lo que constituye un tono de piel desigual.
La matriz Skin Heath: Se genera conjuntamente entre el usuario y AI, ayudando a clasificar las preocupaciones de la piel del usuario y mostrando qué faceta de la piel es su punto fuerte. A partir de ahí, el usuario puede desplazarse para interactuar con sus preocupaciones cutáneas y conocer sus resultados regionales (por ejemplo, una visualización que indique qué zona de la cara está más deshidratada).
Recomendaciones: Por ejemplo, si NeoSkin ha detectado que tus principales prioridades son las líneas de expresión y las arrugas, la etiqueta del producto aparecerá como "reafirmante".
Transparencia
Como pioneros de la belleza AI una de nuestras misiones es desmitificar y simplificar las formas en que AI impulsa nuestra tecnología, reconociendo al mismo tiempo que la tecnología no es 100% correcta el 100% de las veces.
He aquí tres maneras de garantizar que nuestro AI sea explicable y el proceso transparente:
Introducción: A medida que el usuario se embarca en su viaje de análisis de la piel en tiempo real, se le da la bienvenida con una página de incorporación que comunica el proceso de tres pasos, que incluye un análisis fotográfico AI , a través de iconos y texto.
AI Fotoanálisis: Durante el trayecto, a medida que el usuario escanea su rostro, NeoSkin señala el momento exacto durante el cual tiene lugar el análisis AI mostrando el siguiente texto: "analizando tu imagen con millones de puntos de datos".
Recomendaciones flexibles: En la etapa final del viaje, el usuario tiene flexibilidad para hacer elecciones más allá de las recomendaciones de AI eligiendo "filtrar productos por preocupaciones seleccionadas". Esto no solo indica que se ha llevado a cabo un análisis fotográfico de AI , sino que también capacita al usuario en su elección y fomenta la confianza.
Navegación intuitiva
Utilizando los principios clásicos de UX, el equipo de Beauty by Holition estudió cómo la navegación intuitiva puede contribuir a aumentar las tasas de conversión asegurando que los usuarios no abandonen la experiencia. Algunas de las consideraciones que se tuvieron en cuenta para reducir las tasas de abandono:
Diseño adaptable: Garantizar que el diseño se traduce eficazmente entre cada dispositivo (por ejemplo, tableta, móvil y escritorio).
Indicaciones visuales claras: Por ejemplo, la ubicación de los botones es muy importante para garantizar que el usuario pueda desplazarse intuitivamente por el recorrido y alcanzar su objetivo final. Para ello diseñamos una barra de progreso, una pestaña de cabecera adhesiva (que permite a los usuarios cambiar sin problemas entre los resultados y las recomendaciones sobre la salud de la piel) y tuvimos en cuenta elementos visuales como el color, el tamaño y la iconografía para resaltar los elementos de navegación.
Simplificar las cosas: Uno de nuestros principales objetivos era ofrecer una interfaz elegante, limpia y despejada. Durante las sesiones de pruebas con usuarios, prestamos especial atención a los elementos de diseño que generaban familiaridad, claridad y transmitían la información de forma eficiente.
.webp)
.png)
