表面下にあるもの:美容業界におけるUXの考察

公開: 2022-07-22

電子商取引の加速は、小売業が再考されていることを意味し、美容業界は最も抜本的な変化のいくつかを経験しています。 マスク着用(当然のことながらアイメイクの売り上げが伸びている)や人々の社交方法の変化などのパンデミック関連の進展により、消費者が望む美容製品の種類とその購入方法が一変しました。

過去数年間は、企業の運営方法や製品の内容に関する信頼性と透明性に対する要求の高まりなど、より広範な社会の変化をもたらしました。 これらの価値観は、消費者文化全体、特に美容業界で期待されています。 Toptalは、美容UIとUXのデザイナーと、新しいトレンドと、eコマースの美容買い物客にアピールするエクスペリエンスを作成する方法について話しました。

美容技術の成長

2018年、世界最大の化粧品会社であるロレアルは、よりパーソナライズされた、包括的で、責任感があり、透明性の高い製品とサービスを作成するために、美容技術会社としての地位を再構築する意向を発表しました。 今日、テクノロジーは美容の最大のストーリーの1つであり続けており、企業は人工知能(AI)とビッグデータ戦略を展開して、スマートメイクから3Dプリントされた肌まですべてを革新しています。

伝統的に、美容製品の買い物は、実店舗で口紅、アイシャドウ、またはファンデーションを試すことを意味していました。 色や質感のわずかな変化が個人の肌に大きな違いをもたらす可能性があるため、消費者は、オンラインで他の商品を購入するようになったとしても、美容製品の購入を物理的な場所に依存し続けています。 美容カテゴリのeコマースの普及率は5%を下回っています。 2021年初頭、オンライン販売は美容カテゴリの小売収益のわずか15%を占めていました。

そんなに長くない。 美容小売業者は、店内と同等のデジタルエクスペリエンスを提供する必要性を認識しており、デザイナーは、顧客が商品が自分の体でどのように見えるかを想像できるように、洗練された仮想ショッピングスペースを作成しています。 新しいテクノロジーが出現するにつれ、eコマースは2026年までに美容売上の30%を占めると予測されています。

仮想試着はオンライン/店内体験をぼかす

美容業界で最も急速に成長しているトレンドの中には、仮想試着(VTO)があります。これは、ユーザーが化粧品を試飲できる拡張現実体験です。 通常、VTOは、ユーザーにカメラへのアプリまたはWebサイトへのアクセスを許可させることで機能します。 次に、アプリはアルゴリズム駆動の顔マッピングを使用して、たとえば、仮想口紅をユーザーの唇に適用します。 いくつかの主要な美容会社は、AIに投資するか、VTO会社を完全に買収することで成功を収めています。 たとえば、AIとARを活用した美容テクノロジーのリーダーであるPerfectは、VTOツールがレガシー化粧品ブランドのクリニークのコンバージョン率を2倍以上に高めたと報告しています。 パンデミックは、特に実店舗が衛生プロトコルを変更し、共同サンプルの使用を縮小したため、テクノロジーの採用を加速させただけです。

「顧客はSephoraに行き、肌にたくさんのものをこすりつけて、必要な色合いを決定することに慣れています。さらに良いことに、他の誰かがそれを決定します」と、プロダクトデザイナーのGretaHarrisonは言います。 ハリソンは、パンデミックの開始時に、クリーンビューティーブランドのBeautycounterで働いていました。ちょうど、同社がファンデーションの拡張ラインであるスキンツインを展開する準備をしていたときです。 「私たちのすべての小売店が閉鎖されていて、それを試すことができないとき、どうやってあなたの肌の双子を見つけるつもりでしたか?」

4つの電話スクリーン。左端には、シェードマッチャーを使用するための手順が含まれています。次の3つのそれぞれに手があり、その下には異なる肌の色の6つの円があります。その下には「バッグに追加」ボタンがあります。左側には、手のひら全体に2本の色合いのバーがあり、ユーザーが自分の肌の色に対してどのように色合いを見るかを示しています。中手と右手にはそれぞれ、手のひら全体に4本の「黄褐色」の色合いのバーがあります。
Beautycounterのシェードマッチャーの忠実度の高いプロトタイプ。 このツールを使用すると、ユーザーは手のひらと手首に半透明の色を重ねることで色合いをサンプリングできます。 これは、事実上日陰を試す最も正確な方法の1つと考えられています。

Harrisonと彼女の同僚は、Beautycounterアプリ用の仮想シェードマッチャーを考案しました。このアプリは、ユーザーがカメラを通して手首の内側を見て、アプリが仮想の半透明の見本を肌に重ねて、どれだけ一致しているかを確認することで機能します。 ユーザーは、肌の色のカテゴリを選択することから始めます:フェア、ライト、ミディアム、タン、ダーク、またはディープ。 各カテゴリには、3〜6つのシェードオプションがあります。

ハリソンは、Sketchの忠実度の低い図面から忠実度の高いプロトタイプにすばやく移行しました。 それらの中から、チームは製品開発者と緊密に協力して色合いを微調整しました。 「物理的な色合いは必ずしも16進コードに完全に変換されるとは限らないため、手首の色合いの外観と正確な説明の選択に関しては、製品開発チームと多くの調整が行われました」と彼女は言います。

また、テクノロジーは2020年には比較的新しいため、消費者を教育することが重要でした。そのため、ハリソンと彼女のチームは、最良の結果を得るために自然光の下でアプリを使用することについてのインタースティシャルを含めました。 意思決定を最小限に抑えることも重要でした。「ユーザーが色をテストし、すべてが同じビューポートに収まり、スクロールしてさまざまな色合いを表示し、並べて比較できるようにしたかったのです」と彼女は言います。 「店舗が再開するか、ポップアップが再開されるまで待つのではなく、顧客にカートに商品を追加してもらいたかったのです。」

ビューティーUI/UXは信頼性とリアリズムを要求します

正確でリアルなカラーマッチングは、氷山の一角にすぎません。 顧客が仮想基盤が現実に忠実であることを期待するのと同じように、顧客は使用するブランドのすべての側面が信頼性を示すことも要求します。 ToptalのデザイナーであるDunjaTopalovは、美容アプリのスタートアップMemineをクライアントに含めていると、今日の買い物客はモデルのより自然でフィルタリングされていない画像を求めていると言います。 あるマーケティング調査によると、大多数の消費者は、このタイプのブランドの信憑性がパンデミック以前よりも重要であると考えています。

ブラジルで2番目に大きな化粧品会社であるOBoticarioで働いていたToptalデザイナーのJessSouzaは、モデルの意欲的な画像に頼るのではなく、日常の人々の写真を使用して美容製品を表示する傾向があると述べています。 Z.「人々は信じられないほどのモデルを見て、「彼女には、すべてが良く見えるだろう」と言うのにうんざりしています。 それは私にどのように見えるでしょうか?」と彼女は言います。 「実際の人はこれらの問題を抱えているので、にきび、しわ、傷跡を示す必要があります。また、製品がそれらにどのように作用するかを確認する必要があります。」

トパロフ氏は、人物の写真を扱うとき、次のように述べています。「人物に追加のぼかし効果を使用したり、Photoshopを使用したりすることはありません。 実際、私は元の写真ファイルを使用しようとしています。」

デザインを使用してテクスチャと香りを伝えます

トパロフ氏によると、信頼性に対する消費者の需要は製品にまで及び、顧客は検討中の美容液やチークのクローズアップ画像を見たいと考えています。 「以前は製品の3D画像をより多く表示していましたが、現在はこのより自然なルックアンドフィールに移行し、製品の正確な写真を表示しています」と彼女は言います。

おそらく60歳前後の女性の写真が描かれた日焼けした背景。彼女は笑顔で人差し指で頬にクリームを塗っています。彼女のもう一方の手にはクリームの瓶があります。彼女の左側には「画像」という言葉があり、その下には「使用した写真のスタイルと雰囲気」と書かれています。 Memineブランドのスタイルガイドのページです。
Dunja Topalovは、美容アプリのスタートアップMemineのデザインで、モデルの肌と製品自体の最小限のレタッチ画像を使用しました。 顧客は、ブランドが製品とそれらを使用する人々の両方の本物のビューを提供することをますます望んでいます。

美容製品をオンラインで購入するように人々を誘惑するためには、テクスチャーを表示することが重要です、とSouzaは言います。 「[OBoticario]が新しい口紅のラインを立ち上げたとき、ズームインして色を選択し、テクスチャを確認できるページを作成しました。 「これは光沢がある、またはこれは少しキラキラしている」と言うことができます。」その前に、顧客はそれらの詳細を調べる唯一の機会であったため、一般的に店頭で購入することを選択したと彼女は言います。

黒の背景に赤い画面の画像。上部の白いスクリプトでは、「強烈」と書かれています。真ん中には淡いピンクの口紅があります。左の境界線から出ている左側には、7本の口紅の先端があります。右側は、8色の口紅の色と質感を示す円です。
製品のテクスチャを表示することは、美容UI/UXの重要な要素です。

純粋な視覚媒体では、香りの伝達は特に難しいとSouza氏は言います。そのため、感覚の関連性を刺激する視覚を使用することが重要です。 たとえば、香水にイチゴのノートがあることを伝えることは、イチゴの画像を表示したり、製品のショットと一緒に香りを呼び起こす可能性のある色やテクスチャを含めることを意味する場合があります。

実際の顧客体験を含める

オンラインで買い物をする顧客が増えるにつれ、レビューや顧客の写真などのユーザー生成コンテンツが重要になりつつあります。 ある調査によると、以前にレビューがなかったページにレビューを追加すると、売り上げが65%急増する可能性があります。 同じ調査によると、パンデミックの際、美容カテゴリのレビューへの関与が313%増加しました。

「他のどの製品よりも、美しさに関してはレビューが重要です」とハリソン氏は言います。 「Sephoraのような企業は、トップレビューで商品を並べ替えるだけでなく、色白、肌の色が濃い、目が明るい、目が暗いなどの買い物客で商品をフィルタリングできるため、この点で非常に優れています。」

Souzaは、製品ページのレビュー用のスペースを設計することを提唱しています。 「人は書くことができます」私はこれを1週間使用しました。 これが私の肌の見え方です。」 とにかく人々はRedditやTikTokでこれを行うので、人々があなたの製品で行った治療に関する情報を共有し、伝達し、交換するためのあなた自身の場所を持ってみませんか?」 「人々が悪いレビューを残したとしても、そのためのスペースを与えるのは良いことです。 そして、ブランドは彼らとコミュニケーションを取り、問題を解決する必要があります。」

スキンケアブランドDermalogicaの元リードUI/UXデザイナーであるKristijanBinskiは、ソーシャルメディアを優先して、同社の製品を使用している顧客を紹介することを推奨しています。 「私は常に、ブランドのInstagramページを特徴とする非常に目立つセクションをホームページに含めるのが好きです」と彼は言います。 「通常、ソーシャルメディアからの画像のグリッドもあり、実際のユーザーが製品を使用していることを示しています。 これは、潜在的な顧客が製品を購入する意欲と意欲を感じるための最良の方法の1つです。」

美容アプリのデザインには透明性が必要

顧客は使用する製品に何が含まれているのかを正確に知りたいと考えており、企業は成分とその肌への働き方を開示することで、この透明性の要求に応えています。 デロイトの調査によると、消費者製品企業の10社に6社が、2022年に透明性を高めるために中程度から多額の投資を計画しており、透明性の欠如が顧客がブランドを放棄する主な理由であることがわかりました。

コピーが透明性を伝達することを確認する

Sana Yusufは、デザイナーはマイクロコピーの重要性を見落としがちですが、透明性を考慮してデザインするということは、言葉を慎重に検討することを意味します。 あなたの見出しは何ですか? 十分なコミュニケーションが取れていますか? それは人々に彼らが何を得ているかについての十分な考えを与えていますか? この製品のストーリーをどのように伝えていますか。また、ページの最後に到達するまでに、顧客は混乱しているか、自信を持っていますか?」

Souzaは、すべての製品ページにドロップダウンメニューを配置して、材料を一覧表示することをお勧めします。 「製品に含まれる成分を隠していないことを伝える必要があります」と彼女は言います。 「会社がその内容を恥じている場合は、公式を変更する必要があります。」 彼女は、製品に他のブランドが持っていない成分が含まれている場合、それはページ階層の上位レベルにあるべきであると付け加えています。

きれいな美しさのためのデザイン

透明性の推進は、クリーンビューティーへの関心の高まりとも一致します。クリーンビューティーとは、主に天然成分から作られている製品、または安全で環境に優しい合成物を含む製品を指します。 これらの製品の需要は増加しており、クリーンビューティー業界は2020年から2027年の間に12%以上の成長が見込まれています。

ファージまたは健康なバクテリアの使用に焦点を当てているEllisDaySkin Scienceでの彼女の仕事で、Yusufは明確な指示を与えられたと言います。 「エリスデイが顧客に伝えたかった中心的なイデオロギーは透明性でした」と彼女は言います。 「彼らは、彼らが血清に何を入れているかについて、彼らの顧客と非常に率直になりたいと思っていました。」

それでも、透明性を伝えるには、単なる成分のリスト以上のものが必要です。 消費者は、透明なブランドが何を表しているのか、つまり純粋で持続可能な天然物についての感覚を呼び起こす視覚的な手がかりを求めています。 Ellis Dayの主力製品は透明な血清であり、UnbounceでのA / Bテストは、顧客が海の写真に最もよく反応することを示しました。 ユスフは、清潔さと透明性の概念を伝えるために、彼女のデザインに水を取り入れました。 ホームページのビデオでは、スパのようなローブを着た流しにいる人々が顔に水をはねかけている様子が映っています。

Ellis Day Skin ScienceのWebサイトからのスクリーンショットで、男性と女性が白いタオルで顔を乾かしているところを示しています。彼らは白いローブを着ています。
Ellis Day Skin ScienceのWebサイトでは、水の画像を使用して清潔さを伝えています。 水はまた、会社の特徴的な美容液の質感を反映しています。

シンプルさを使用してブランド価値を強化する

ミニマリズムは、美容パッケージの分野では新しいものではありません。 スーザ氏によると、このトレンドは美容製品をより医学と結びつけたいという願望に端を発しているという。 しかし、今日では、デザイナーは、大胆なデザイン要素でアクセントを付けたミニマリストの美学を、透明性を伝える方法と見なしています。 たとえば、Yusufは、直接性を伝えるために大胆なパッケージカラーを提唱しています。 会社が隠すものが何もないこと、そして製品自体が余分な成分で散らかっていないことを示す雑然とした電報の欠如。 トパロフは、メミネのデザインで同様の戦略を使用し、自然界に見られるニュートラルな色と注目を集める明るいハイライトのミニマリストパレットを選択しました。

インクルーシブビューティーはインクルーシブデザインを意味します

過去数年間、顧客は美容ブランドに対してより多くの包括性を要求するようになり、企業はより幅広い肌の色を表現するために提供を拡大することで対応してきました。 より多くの色合いが導入されるにつれて、Yusufは、顧客がニーズを満たすオプションを見つけるのを支援するために、企業がVTOのようなシステムを採用する必要性が高まっていると言います。

より多くの肌の色を認識することに加えて、包括性への動きは障害を持つ人々にも広がっています。 アクセシブルなウェブデザインが美容eコマースの標準になっているだけでなく、障害の表現が美容広告に登場し、企業は障害の有無にかかわらず使用できるブラシやアイライナーアプリケーターなどの美容ツールを設計しています。 。

トパロフ氏は、包括性への移行により、ジェンダーニュートラルな美学が生まれ、男性や女性に通常見られる色やイメージから遠ざかっていると述べています。 「私たちは、「男性のオーディエンスや女性のオーディエンスのためにブランディングをデザインするのではなく、人のタイプや性格のタイプのためにブランディングをデザインする」という方向に進んでいます。」と彼女は言います。年齢や性別ではなく、ライフスタイル。

イノベーションと誠実さがBeautyUXを変革しています

近年、人々の生活のあらゆる側面に大きな変化がもたらされました。これには、人々が何に引き寄せられるのか、なぜ、どのように美容製品を購入するのかなどが含まれます。 消費者は自分の肌に何をつけているのか知りたがっています。 彼らは多様性を反映させたいのです。 そして彼らは自分たちが完全に表現されていること、欠陥などすべてを見たいと思っています。 そのため、消費者が美容製品を購入するのを支援するテクノロジーの役割は拡大するだけであり、美容UI/UXデザイナーは進化する消費者の期待に歩調を合わせ続ける必要があります。