Was ist unter der Oberfläche: Ein Blick auf UX in der Schönheitsindustrie

Veröffentlicht: 2022-07-22

Die Beschleunigung des E-Commerce bedeutet, dass der Einzelhandel neu gedacht wird, und die Schönheitsindustrie erlebt einige der umfassendsten Veränderungen. Pandemiebedingte Entwicklungen wie das Tragen von Masken (es überrascht nicht, dass die Verkäufe von Augen-Make-up gestiegen sind) und Veränderungen in der Art und Weise, wie Menschen Kontakte knüpfen, haben die Arten von Schönheitsprodukten, die die Verbraucher wünschen, und die Art und Weise, wie sie diese kaufen, verändert.

Die letzten Jahre haben breitere gesellschaftliche Veränderungen eingeläutet, einschließlich erhöhter Forderungen nach Authentizität und Transparenz in Bezug auf die Art und Weise, wie Unternehmen arbeiten und was in ihre Produkte einfließt. Diese Werte werden in der gesamten Verbraucherkultur zu Erwartungen, insbesondere in der Schönheitsindustrie. Toptal sprach mit Designern im Bereich Beauty UI und UX über aufkommende Trends und wie man Erfahrungen schafft, die E-Commerce-Beauty-Shopper ansprechen.

Das Wachstum der Schönheitstechnologie

Im Jahr 2018 gab L'Oreal, das weltweit größte Kosmetikunternehmen, seine Absicht bekannt, sich als Beauty-Tech-Unternehmen neu zu erfinden, um Produkte und Dienstleistungen zu entwickeln, die personalisierter, integrativer, verantwortungsvoller und transparenter sind. Technologie ist auch heute noch eine der größten Geschichten in der Schönheitsbranche, da Unternehmen künstliche Intelligenz (KI) und Big-Data-Strategien einsetzen, um Innovationen in allen Bereichen zu entwickeln, von intelligentem Make-up bis hin zu 3D-gedruckter Haut.

Traditionell bedeutete das Einkaufen von Schönheitsprodukten das Anprobieren von Lippenstift, Lidschatten oder Foundation in einem stationären Geschäft. Da kleine Abweichungen in Farbe oder Textur einen großen Unterschied auf der Haut einer Person machen können, verlassen sich Verbraucher beim Kauf von Schönheitsprodukten weiterhin auf physische Orte, auch wenn sie dazu übergegangen sind, andere Waren online zu kaufen. Die E-Commerce-Penetration für die Beauty-Kategorie liegt unter 5 %; Anfang 2021 machten Online-Verkäufe nur 15 % des Einzelhandelsumsatzes der Beauty-Kategorie aus.

Aber nicht lange. Schönheitshändler erkennen die Notwendigkeit, digitale Erlebnisse zu bieten, die denen im Geschäft ebenbürtig sind, und Designer schaffen anspruchsvolle virtuelle Einkaufsräume, um Kunden dabei zu helfen, sich vorzustellen, wie Produkte auf ihrem Körper aussehen und sich anfühlen werden. Mit dem Aufkommen neuer Technologien wird der E-Commerce bis 2026 voraussichtlich 30 % des Beauty-Umsatzes ausmachen.

Virtuelle Anprobe verwischt das Online-/In-Store-Erlebnis

Zu den am schnellsten wachsenden Trends in der Schönheitsbranche gehört die virtuelle Anprobe (VTO), ein Augmented-Reality-Erlebnis, mit dem Benutzer Kosmetika probieren können. Typischerweise funktioniert VTO so, dass Benutzer einer App oder Website Zugriff auf ihre Kameras gewähren; Die App verwendet dann eine algorithmusgesteuerte Gesichtsabbildung, um beispielsweise virtuellen Lippenstift auf die Lippen eines Benutzers aufzutragen. Mehrere große Schönheitsunternehmen haben Erfolg gehabt, indem sie in KI investiert oder VTO-Unternehmen direkt gekauft haben. Perfect, ein führender Anbieter von KI- und AR-gestützter Schönheitstechnologie, berichtet beispielsweise, dass sein VTO-Tool der alten Kosmetikmarke Clinique geholfen hat, ihre Konversionsrate mehr als zu verdoppeln. Die Pandemie hat die Einführung der Technologie nur beschleunigt, zumal die stationären Geschäfte die Hygieneprotokolle geändert und die Verwendung von Gemeinschaftsproben zurückgefahren haben.

„Kunden sind es gewohnt, zu Sephora zu gehen und ein paar Sachen auf ihre Haut zu reiben und zu bestimmen, welchen Farbton sie brauchen – oder noch besser, jemand anderes bestimmt ihn für sie“, sagt Produktdesignerin Greta Harrison. Harrison arbeitete zu Beginn der Pandemie für die Clean-Beauty-Marke Beautycounter, gerade als das Unternehmen die Einführung einer erweiterten Foundation-Linie, Skin Twin, vorbereitete. „Wie wollten Sie den Zwilling Ihrer Haut finden, wenn alle unsere Einzelhandelsgeschäfte geschlossen sind und Sie ihn nicht anprobieren können?“

Vier Telefonbildschirme. Ganz links enthält Schritte zur Verwendung des Shade Matcher. Auf den nächsten drei befindet sich jeweils eine Hand und darunter sechs Kreise in verschiedenen Hautfarben. Darunter befindet sich eine Schaltfläche "Zum Warenkorb hinzufügen". Die linke Hand zeigt zwei Balken der hellen Schattierungen auf der Handfläche, die zeigen, wie Benutzer eine Schattierung gegenüber ihrem eigenen Hautton sehen. Die mittlere und die rechte Hand haben jeweils vier Balken in "Tan"-Tönen auf der Handfläche.
High-Fidelity-Prototypen des Shade Matcher von Beautycounter. Das Tool ermöglicht es Benutzern, Farbtöne zu testen, indem sie eine durchscheinende Farbe auf ihre Handflächen und Handgelenke auftragen. Es gilt als eine der genauesten Möglichkeiten, einen Farbton virtuell anzuprobieren.

Harrison und ihre Kollegen arbeiteten schnell daran, einen virtuellen Shade Matcher für die Beautycounter-App zu entwickeln, der funktioniert, indem Benutzer durch ihre Kamera auf die Innenseite ihrer Handgelenke schauen, während die App virtuelle durchscheinende Muster auf ihre Haut legt, um zu sehen, wie gut sie übereinstimmen. Benutzer beginnen mit der Auswahl ihrer Hauttonkategorie: Hell, Hell, Mittel, Bräune, Dunkel oder Dunkel. Jede Kategorie bietet zwischen drei und sechs Farboptionen.

Harrison wechselte schnell von Low-Fidelity-Zeichnungen in Sketch zu High-Fidelity-Prototypen; Von diesen arbeitete das Team eng mit Produktentwicklern zusammen, um die Farbtöne zu optimieren. „Das Produktentwicklungsteam musste viel kalibrieren, als es darum ging, wie die Farbtöne am Handgelenk aussehen und ob es sich um eine genaue Beschreibung handelt, da physische Farbtöne nicht unbedingt perfekt in Hexadezimalcodes übersetzt werden können“, sagt sie.

Da die Technologie im Jahr 2020 relativ neu war, war es außerdem wichtig, die Verbraucher aufzuklären, weshalb Harrison und ihr Team ein Interstitial über die Verwendung der App bei natürlichem Tageslicht für beste Ergebnisse einschlossen. Auch die Minimierung der Entscheidungsfindung war von entscheidender Bedeutung: „Wir wollten sicherstellen, dass die Benutzer Farben testen und alles in dasselbe Ansichtsfenster passen und durchscrollen können, damit sie verschiedene Farbtöne sehen und sie nebeneinander vergleichen können“, sagt sie. „Wir wollten Kunden dazu bringen, Artikel in ihren Einkaufswagen zu legen, anstatt zu warten, bis die Geschäfte wieder öffnen oder Pop-ups wieder starten.“

Beauty UI/UX verlangt nach Authentizität und Realismus

Genaue und realistische Farbabstimmung ist nur die Spitze des Eisbergs. So wie Kunden von ihrer virtuellen Stiftung erwarten, dass sie wirklichkeitsgetreu ist, verlangen sie auch, dass alle Aspekte der von ihnen verwendeten Marken Authentizität aufweisen. Dunja Topalov, eine Toptal-Designerin, zu deren Kunden das Beauty-App-Startup Memine gehört, sagt, dass die Käufer von heute natürlichere, weniger gefilterte Bilder von Models suchen. Eine Marketingstudie ergab, dass eine Mehrheit der Verbraucher diese Art der Markenauthentizität heute für wichtiger hält als vor der Pandemie.

Toptal-Designerin Jess Souza, die für O Boticario, Brasiliens zweitgrößtes Kosmetikunternehmen, arbeitete, sagt, sie sehe einen Trend, Schönheitsprodukte mit Fotos von Alltagsmenschen zu zeigen, anstatt sich auf anspruchsvolle Bilder von Models zu verlassen – eine Technik, die bei Millennials und Generation Anklang findet Z. „Die Leute sind es leid, unglaubliche Models zu sehen und zu sagen: ‚An ihr wird alles gut aussehen. Wie wird es an mir aussehen?'“, sagt sie. „Sie müssen Pickel, Falten und Narben zeigen, weil echte Menschen diese Probleme haben werden, und Sie müssen sehen, wie das Produkt bei ihnen wirkt.“

Bei der Arbeit mit Fotografien von Menschen sagt Topalov: „Ich verwende keine zusätzlichen Weichzeichnereffekte und ich mache kein Photoshop. Tatsächlich versuche ich, die Original-Fotodateien zu verwenden.“

Verwenden Sie Design, um Textur und Duft zu kommunizieren

Die Nachfrage der Verbraucher nach Authentizität erstreckt sich laut Topalov auch auf Produkte, da Kunden Nahaufnahmen des Serums oder Rouges sehen möchten, das sie in Betracht ziehen. „In der Vergangenheit zeigten sie eher ein 3D-Bild eines Produkts, aber jetzt bewegen wir uns zu diesem natürlicheren Look-and-Feel und zeigen das genaue Foto des Produkts“, sagt sie.

Ein hellbrauner Hintergrund mit dem Bild einer Frau, die wahrscheinlich um die 60 Jahre alt ist. Sie lächelt und trägt mit dem Zeigefinger Creme auf ihre Wange auf. In ihrer anderen Hand ist das Sahneglas. Links von ihr steht das Wort „Imagery“ und darunter steht „Style and vibe of the used photos“. Dies ist eine Seite aus dem Styleguide der Marke Memine.
In ihrem Design für das Beauty-App-Startup Memine verwendete Dunja Topalov minimal retuschierte Bilder der Haut der Models und der Produkte selbst. Kunden möchten zunehmend, dass Marken authentische Ansichten sowohl der Produkte als auch der Menschen bieten, die sie verwenden.

Das Zeigen von Textur ist entscheidend, um Menschen dazu zu verleiten, Schönheitsprodukte online zu kaufen, sagt Souza. „Als [O Boticario] eine neue Lippenstiftlinie auf den Markt brachte, haben wir die Seite so erstellt, dass Sie hineinzoomen, die Farbe auswählen und die Textur sehen können. Sie können sagen: ‚Das ist glänzend, oder das hier hat ein bisschen Glitzer.'“ Früher, sagt sie, entschieden sich die Kunden im Allgemeinen für den Kauf im Geschäft, weil es die einzige Gelegenheit war, diese Details zu überprüfen.

Bild eines roten Bildschirms vor einem schwarzen Hintergrund. Oben in weißer Schrift steht „intensiv“. In der Mitte befindet sich ein hellrosa Lippenstift. Links aus dem linken Rand kommen die Spitzen von sieben Lippenstiften. Auf der rechten Seite befinden sich Kreise, die die Farbe und Textur von acht Lippenstiftfarben zeigen.
Das Anzeigen von Produkttexturen ist ein wichtiges Element von Beauty UI/UX.

Die Kommunikation von Gerüchen ist in einem rein visuellen Medium besonders herausfordernd, sagt Souza, daher ist es wichtig, visuelle Elemente zu verwenden, die eine sensorische Assoziation stimulieren. Wenn Sie beispielsweise kommunizieren, dass ein Parfüm Erdbeernoten hat, können Sie Bilder von Erdbeeren zeigen oder eine Farbe oder Textur einfügen, die den Duft neben einer Produktaufnahme hervorrufen könnte.

Beziehen Sie echte Kundenerfahrungen ein

Da immer mehr Kunden online einkaufen, werden nutzergenerierte Inhalte wie Bewertungen und Kundenfotos immer wichtiger. Eine Studie ergab, dass der Umsatz um 65 % steigen kann, wenn eine Bewertung zu einer Seite hinzugefügt wird, auf der zuvor keine vorhanden war. Dieselbe Studie ergab, dass die Interaktion mit Rezensionen in der Kategorie Schönheit während der Pandemie um 313 % gestiegen ist.

„Bewertungen sind König, wenn es um Schönheit geht, mehr als bei jedem anderen Produkt“, sagt Harrison. „Unternehmen wie Sephora haben sich hier wirklich hervorgetan, denn Sie können Produkte nicht nur nach Top-Bewertungen sortieren, sondern sie auch nach Käufern mit heller Haut, dunkler Haut, hellen Augen, dunklen Augen usw. filtern.“

Souza befürwortet die Gestaltung von Platz für Rezensionen auf Produktseiten. „Die Leute können schreiben: ‚Ich habe das eine Woche lang benutzt. So sieht meine Haut aus.“ Da die Leute dies sowieso auf Reddit oder TikTok tun werden, warum sollten Sie nicht Ihren eigenen Ort haben, an dem die Leute Informationen über die Behandlung, die sie mit Ihren Produkten durchgeführt haben, teilen und kommunizieren und austauschen können?“ Sie fügt hinzu: „Auch wenn Leute schlechte Kritiken hinterlassen, ist es gut, dem Raum zu geben. Und die Marke muss mit ihnen kommunizieren und das Problem lösen.“

Kristijan Binski, ehemaliger leitender UI/UX-Designer der Hautpflegemarke Dermalogica, empfiehlt, Social Media zu priorisieren, um Kunden zu zeigen, wie sie die Produkte des Unternehmens verwenden. „Ich füge immer gerne einen sehr prominenten Abschnitt auf der Homepage ein, der die Instagram-Seite der Marke enthält“, sagt er. „Normalerweise enthält es auch ein Raster von Bildern aus sozialen Medien, die echte Benutzer zeigen, die die Produkte verwenden. Das ist eine der besten Möglichkeiten für einen potenziellen Kunden, sich inspiriert und motiviert zu fühlen, ein Produkt zu kaufen.“

Beauty-App-Design erfordert Transparenz

Kunden möchten genau wissen, was in den von ihnen verwendeten Produkten enthalten ist, und Unternehmen reagieren auf diesen Ruf nach Transparenz, indem sie Inhaltsstoffe und ihre Wirkung auf der Haut offenlegen. Eine Deloitte-Studie ergab, dass 6 von 10 Konsumgüterunternehmen beabsichtigen, 2022 moderate bis erhebliche Investitionen zu tätigen, um die Transparenz zu erhöhen, und dass mangelnde Transparenz ein Hauptgrund dafür ist, dass Kunden Marken verlassen.

Stellen Sie sicher, dass die Kopie Transparenz vermittelt

Sana Yusuf sagt, dass Designer oft die Bedeutung der Mikroskopie übersehen, aber das Designen für Transparenz bedeutet, sorgfältig über die Worte nachzudenken: „Was ist Ihr Top-Satz? Was ist Ihre Überschrift? Wird genug kommuniziert? Gibt es den Leuten genug Vorstellung davon, was sie bekommen? Wie erzählen Sie die Geschichte dieses Produkts, und wenn der Kunde am Ende der Seite angelangt ist, ist er verwirrt oder zuversichtlicher?“

Souza empfiehlt, auf jeder Produktseite ein Dropdown-Menü zu platzieren, um die Zutaten aufzulisten. „Sie müssen kommunizieren, dass Sie die Inhaltsstoffe des Produkts nicht verstecken“, sagt sie. "Wenn sich das Unternehmen für das schämt, was drin ist, sollte es die Formel ändern." Sie fügt hinzu, dass, wenn das Produkt einen Inhaltsstoff enthält, den keine andere Marke hat, dieser auf einer hohen Ebene in der Seitenhierarchie stehen sollte.

Design für saubere Schönheit

Das Streben nach Transparenz geht auch mit dem wachsenden Interesse an sauberer Schönheit einher, das sich auf Produkte bezieht, die hauptsächlich aus natürlichen Inhaltsstoffen hergestellt werden oder sichere und umweltfreundliche synthetische Stoffe enthalten. Die Nachfrage nach diesen Produkten steigt, wobei die Clean-Beauty-Branche zwischen 2020 und 2027 voraussichtlich um mehr als 12 % wachsen wird.

In ihrer Arbeit für Ellis Day Skin Science, die sich auf die Verwendung von Phagen oder gesunden Bakterien konzentriert, sagte Yusuf, dass ihr eine klare Anweisung gegeben wurde. „Die Kernideologie, die Ellis Day seinen Kunden vermitteln wollte, war Transparenz“, sagt sie. "Sie wollten in der Lage sein, ihren Kunden gegenüber sehr offen darüber zu sein, was sie in die Seren geben."

Die Kommunikation von Transparenz erfordert jedoch mehr als nur eine Zutatenliste. Verbraucher wollen visuelle Hinweise, die ein Gefühl dafür hervorrufen, wofür transparente Marken stehen – reine, nachhaltige, natürliche Produkte. Das Flaggschiffprodukt von Ellis Day war ein klares Serum, und A/B-Tests in Unbounce zeigten, dass Kunden am besten auf Bilder des Ozeans reagierten. Yusuf hat Wasser in ihre Entwürfe integriert, teilweise um die Idee von Reinheit und Transparenz zu vermitteln. Ein Homepage-Video zeigt Menschen an einem Waschbecken in Spa-ähnlichen Roben, die sich mit Wasser ins Gesicht spritzen.

Ein Screenshot von der Ellis Day Skin Science-Website, der einen Mann und eine Frau zeigt, die ihre Gesichter mit weißen Handtüchern abtrocknen. Sie tragen weiße Roben.
Die Website von Ellis Day Skin Science verwendet Wasserbilder, um Reinheit zu vermitteln. Wasser spiegelt auch die Textur des charakteristischen Serums des Unternehmens wider, das klar ist.

Nutzen Sie Einfachheit, um Markenwerte zu stärken

Minimalismus ist im Beauty-Verpackungsbereich nichts Neues. Laut Souza entstand der Trend aus dem Wunsch, Schönheitsprodukte stärker mit der Medizin zu verbinden. Aber heutzutage sehen Designer eine minimalistische Ästhetik – akzentuiert mit kühnen Designelementen – als eine Möglichkeit, Transparenz zu vermitteln. Yusuf plädiert zum Beispiel für kräftige Verpackungsfarben, um Direktheit zu kommunizieren; Das Fehlen von Unordnung signalisiert, dass das Unternehmen nichts zu verbergen hat und dass das Produkt selbst nicht mit zusätzlichen Zutaten überladen ist. Topalov verfolgte bei ihren Entwürfen für Memine eine ähnliche Strategie und entschied sich für eine minimalistische Palette neutraler Farben, die in der Natur zu finden sind, und hellen Akzenten, die Aufmerksamkeit erregen.

Inklusive Schönheit bedeutet inklusives Design

In den letzten Jahren haben Kunden mehr Inklusivität von Schönheitsmarken gefordert, und Unternehmen haben darauf reagiert, indem sie ihr Angebot erweitert haben, um eine breitere Palette von Hauttönen darzustellen. Je mehr Schattierungen eingeführt werden, desto größer ist laut Yusuf der Bedarf für Unternehmen, Systeme wie VTO einzuführen, um Kunden dabei zu unterstützen, Optionen zu finden, die ihren Anforderungen entsprechen.

Neben der Erkennung von mehr Hauttönen erstreckt sich der Trend zur Inklusion auch auf Menschen mit Behinderungen. Barrierefreies Webdesign wird nicht nur zur Norm im Beauty-E-Commerce, sondern es tauchen immer mehr Darstellungen von Behinderungen in der Beauty-Werbung auf, und Unternehmen entwerfen Beauty-Tools wie Pinsel und Eyeliner-Applikatoren, die von Menschen mit oder ohne Behinderungen verwendet werden können .

Laut Topalov hat der Wechsel zur Inklusivität zu einer geschlechtsneutralen Ästhetik geführt, die sich von Farben und Bildern entfernt, die normalerweise mit Männern oder Frauen assoziiert werden. „Wir gehen eher in die Richtung ‚Wir werden Branding nicht für ein männliches oder weibliches Publikum entwerfen, sondern eher für einen Personen- und Persönlichkeitstyp.'“ Das Design, sagt sie, sei eher darauf zugeschnitten ein Lebensstil, eher als ein Alter oder ein Geschlecht.

Innovation und Ehrlichkeit verändern Beauty UX

Die letzten Jahre haben enorme Veränderungen in allen Aspekten des Lebens der Menschen mit sich gebracht, einschließlich dessen, wozu sie sich hingezogen fühlen und warum und wie sie Schönheitsprodukte kaufen. Verbraucher wollen wissen, was sie auf ihre Haut auftragen; sie wollen, dass Vielfalt widergespiegelt wird; und sie wollen sich selbst vollständig vertreten sehen, mit Fehlern und allem. Daher wird die Rolle der Technologie bei der Unterstützung der Verbraucher beim Einkauf von Schönheitsprodukten nur noch zunehmen, und die UI/UX-Designer für Schönheitsanwendungen müssen weiterhin mit den sich entwickelnden Erwartungen der Verbraucher Schritt halten.