L'obiettivo UX e UI che ci siamo posti è stato quello di fornire quanto segue:
Educazione sulla pelle, sui prodotti e sulla nostra tecnologia, attraverso un'esperienza completa
Trasparente e spiegabile Artificial Intelligence (AI).
Navigazione intuitiva
Istruzione
La cura della persona (in particolare della pelle) è il settore in più rapida crescita. settore in più rapida crescita nel contesto odierno, i consumatori trovano sempre più difficile stare al passo con i lanci di nuovi prodotti, le tendenze e sapere cosa si adatta meglio alle loro esigenze.
Per risolvere questo problema, la soluzione NeoSkin AI dà la priorità all'educazione durante l'intero percorso;
Questionario: Questa fase del percorso aiuta a contestualizzare le esigenze dell'utente, ma introduce anche i 5 problemi più comuni della pelle, visualizzandoli e fornendo informazioni aggiuntive, in modo che l'utente possa capire i primi segni di linee sottili e rughe o cosa costituisce un tono della pelle non uniforme.
La Matrice di valutazione della pelle: Viene generata in collaborazione tra l'utente e AI, aiutando a classificare i problemi della pelle dell'utente e mostrando quale aspetto della pelle è il suo punto di forza. Da qui, l'utente può scorrere per interagire con i suoi problemi cutanei e conoscere i risultati regionali (ad esempio, una visualizzazione che indica quale area del viso è più disidratata).
Raccomandazioni: I problemi della pelle con le priorità più alte vengono riportati nella pagina delle raccomandazioni come tag corrispondenti per ogni prodotto, ad esempio se NeoSkin ha rilevato che le priorità più alte sono le linee sottili e le rughe, allora il tag del prodotto apparirà come "rassodante".
Trasparenza
Come pionieri della bellezza di AI una delle nostre missioni è quella di demistificare e semplificare i modi in cui AI alimenta la nostra tecnologia, pur riconoscendo che la tecnologia non è corretta al 100% il 100% delle volte.
Ecco tre modi per garantire che il nostro AI sia spiegabile e che il processo sia trasparente:
Onboarding: Quando l'utente intraprende il suo viaggio nell'analisi della pelle in tempo reale, viene accolto da una pagina di onboarding che comunica il processo in tre fasi, che prevede un'analisi fotografica su AI , attraverso icone e testi.
AI Analisi fotografica: Durante il percorso, mentre l'utente scansiona il proprio volto, NeoSkin segnala il momento esatto in cui ha luogo l'analisi di AI visualizzando il seguente testo: "analizzando la tua immagine rispetto a milioni di punti dati".
Raccomandazioni flessibili: Nella fase finale del viaggio, l'utente ha la possibilità di fare scelte che vanno oltre le raccomandazioni di AI scegliendo di "filtrare i prodotti in base alle preoccupazioni selezionate". Questo non solo segnala che l'analisi delle foto di AI è stata effettuata, ma dà anche all'utente la possibilità di scegliere e favorisce la fiducia.
Design reattivo: Garantire che il design si traduca efficacemente tra ogni dispositivo (ad esempio, tablet, cellulare e desktop).
Spunti visivi chiari: Ad esempio, il posizionamento dei pulsanti è molto importante per garantire che l'utente possa muoversi intuitivamente attraverso il percorso e raggiungere l'obiettivo finale. Per questo abbiamo progettato una barra di avanzamento, una scheda di intestazione adesiva (che consente agli utenti di passare senza problemi dai risultati sulla salute della pelle alle raccomandazioni), e abbiamo considerato anche elementi visivi come il colore, le dimensioni e l'iconografia per evidenziare gli elementi di navigazione.
Mantenere le cose semplici: Uno dei nostri obiettivi principali era quello di offrire un'interfaccia elegante, pulita e priva di fronzoli. Durante le sessioni di test degli utenti abbiamo prestato molta attenzione agli elementi di design che suscitavano familiarità, chiarezza e trasmettevano le informazioni in modo efficiente.
.webp)
.png)
