表面之下：美容行業的用戶體驗

電子商務的加速意味著零售正在被重新構想，美容行業正在經歷一些最徹底的變化。 與大流行相關的發展，如戴口罩（不出所料，眼妝銷量上升）和人們社交方式的變化，重塑了消費者想要的美容產品類型以及他們購買這些產品的方式。

過去幾年迎來了更廣泛的社會變革，包括對公司運營方式及其產品成分的真實性和透明度的需求增加。 這些價值觀正在成為整個消費文化的期望，尤其是在美容行業。 Toptal 與美容 UI 和 UX 的設計師就新興趨勢以及如何創造吸引電子商務美容購物者的體驗進行了交談。

美容技術的發展

2018年，全球最大的化妝品公司歐萊雅宣布，打算將自己重塑為一家美容科技公司，打造更加個性化、包容性、負責任和透明的產品和服務。 今天，技術仍然是美容領域最大的故事之一，公司部署人工智能 (AI) 和大數據戰略，在從智能化妝到 3D 打印皮膚的所有領域進行創新。

傳統上，購買美容產品意味著在實體店試口紅、眼影或粉底。 由於顏色或質地的微小變化會對個人皮膚產生很大影響，因此消費者繼續依賴實體店購買美容產品，即使他們已經轉向在線購買其他商品。 美妝品類的電商滲透率徘徊在 5% 以下； 2021 年初，在線銷售額僅占美容品類零售收入的 15%。

但不長久。 美容零售商意識到需要提供與店內同等的數字體驗，設計師正在創建複雜的虛擬購物空間，以幫助客戶設想產品在他們身上的外觀和感覺。 隨著新技術的出現，預計到 2026 年，電子商務將占美妝銷售額的 30%。

虛擬試穿模糊了在線/店內體驗

美容行業增長最快的趨勢之一是虛擬試戴 (VTO)，這是一種增強現實體驗，允許用戶試用化妝品。 通常，VTO 的工作方式是讓用戶授予應用程序或網站對其攝像頭的訪問權限； 然後，該應用程序使用算法驅動的面部映射來將虛擬口紅塗抹在用戶的嘴唇上。 幾家主要的美容公司通過投資人工智能或直接收購 VTO 公司取得了成功。 例如，AI 和 AR 驅動美容技術的領導者 Perfect 報告稱，其 VTO 工具幫助傳統化妝品品牌 Clinique 將其轉化率提高了一倍以上。 大流行只是加速了該技術的採用，尤其是在實體店改變衛生規程並減少使用公共樣本的情況下。

“客戶習慣於進入絲芙蘭，在皮膚上摩擦一堆東西，然後確定他們需要什麼顏色——或者更好的是，由其他人為他們確定顏色，”產品設計師 Greta Harrison 說。 大流行開始時，哈里森在清潔美容品牌 Beautycounter 工作，當時該公司正準備推出擴展的粉底系列 Skin Twin。 “當我們所有的零售店都關門而你不能試穿時，你怎麼能找到你的雙胞胎？”

哈里森和她的同事們迅速為 Beautycounter 應用程序設計了一個虛擬的 Shade Matcher，它的工作原理是讓用戶通過他們的相機查看他們的手腕內側，同時應用程序在他們的皮膚上疊加虛擬半透明樣本，看看它們的匹配程度。 用戶首先選擇他們的膚色類別：白、淺、中、棕褐色、深色或深。 每個類別提供三到六種顏色選擇。

哈里森迅速從 Sketch 中的低保真繪圖轉向高保真原型； 從中，團隊與產品開發人員密切合作，對色調進行微調。 “在選擇色調在手腕上的外觀以及是否準確描述時，產品開發團隊進行了很多校準，因為物理色調不一定能完美地轉換為十六進制代碼，”她說。

此外，由於該技術在 2020 年相對較新，因此對消費者進行教育非常重要，因此哈里森和她的團隊在插頁式中加入了關於在自然光下使用該應用程序以獲得最佳效果的插頁式廣告。 最大限度地減少決策制定也很重要：“我們希望確保用戶可以測試顏色並將所有內容都放在同一個視口中，並且能夠滾動瀏覽，這樣他們就可以看到不同的陰影並並排比較它們，”她說。 “我們希望讓客戶將商品添加到他們的購物車中，而不是等到商店重新開張或彈出窗口重新開始。”

美感 UI/UX 需要真實性和真實感

準確逼真的配色只是冰山一角。 就像客戶希望他們的虛擬基礎是真實的一樣，他們也要求他們使用的品牌的各個方面都表現出真實性。 其客戶包括美容應用初創公司 Memine 的 Toptal 設計師 Dunja Topalov 表示，如今的購物者正在尋求更自然、更少過濾的模特圖像。 一項營銷研究發現，大多數消費者認為這種類型的品牌真實性現在比大流行之前更重要。

Toptal 設計師 Jess Souza 曾在巴西第二大化妝品公司 O Boticario 工作，她說她看到了一種趨勢，即使用普通人的照片來展示美容產品，而不是依靠模特的理想形象——這種技術與千禧一代和一代產生了共鳴Z. “人們厭倦了看到令人難以置信的模特並說，‘在她身上，一切都會很好看。 它在我身上會怎樣？'”她說。 “你需要展示青春痘、皺紋和疤痕，因為真實的人會有這些問題，你需要看看產品對它們的作用。”

在處理人物照片時，Topalov 說：“我不會對它們使用任何額外的模糊效果，也不會對它們進行 Photoshop 處理。 事實上，我嘗試使用原始照片文件。”

使用設計來傳達質地和氣味

Topalov 說，消費者對真實性的需求延伸到產品，客戶希望查看他們正在考慮的血清或腮紅的特寫圖像。 “過去，它們會顯示更多產品的 3D 圖像，但現在我們正在轉向這種更自然的外觀和感覺，並顯示產品的精確照片，”她說。

Souza 說，展示質感對於吸引人們在線購買美容產品至關重要。 “當 [O Boticario] 推出新的口紅系列時，我們創建了頁面，以便您可以放大、選擇顏色並查看質地。 你可以說，'這個很閃亮，或者這個有點閃光。'”她說，在此之前，顧客通常選擇在店內購買，因為這是檢查這些細節的唯一機會。

Souza 說，在純粹的視覺媒介中傳達氣味尤其具有挑戰性，因此使用能夠刺激感官聯想的視覺效果非常重要。 例如，傳達一種香水有草莓味的信息可能意味著展示草莓的圖片，或者在產品照片旁邊加入一種可能會喚起香味的顏色或質地。

包括真實的客戶體驗

隨著越來越多的客戶在線購物，用戶生成的內容（例如評論和客戶照片）變得至關重要。 一項研究發現，將評論添加到以前缺少評論的頁面時，銷售額可以飆升 65%。 同一項研究發現，在大流行期間，美容品類評論的參與度增加了 313%。

“在美容方面，評論是王道，比任何其他產品都重要，”哈里森說。 “像絲芙蘭這樣的公司在這方面做得非常出色，因為你不僅可以根據評價最高的產品對產品進行分類，而且還可以通過皮膚白皙、皮膚黝黑、淺色眼睛、深色眼睛等的購物者進行篩選。”

Souza 提倡在產品頁面上為評論設計空間。 “人們可以寫，‘我用了一個星期。 這就是我的皮膚的樣子。 因為無論如何人們都會在 Reddit 或 TikTok 上這樣做，為什麼不擁有自己的地方讓人們分享、交流和交易關於他們對你的產品所做的處理的信息呢？” 她補充說：“即使人們留下不好的評論，也最好為此留出空間。 品牌需要與他們溝通並解決問題。”

護膚品牌 Dermalogica 的前首席 UI/UX 設計師 Kristijan Binski 建議優先考慮社交媒體，以向客戶展示使用公司產品的情況。 “我總是喜歡在主頁上包含一個非常突出的部分，其中包含品牌的 Instagram 頁面，”他說。 “通常，它還有一個來自社交媒體的圖像網格，顯示真實用戶使用產品。 這是讓潛在客戶感受到靈感和購買產品的動力的最佳方式之一。”

美容應用程序設計需要透明度

客戶想確切地知道他們使用的產品中含有什麼，公司正在通過披露成分及其對皮膚的作用來響應這一要求透明度的呼籲。 德勤的一項研究發現，十分之六的消費品公司計劃在 2022 年進行適度到重大的投資，以提高透明度，而缺乏透明度是客戶放棄品牌的關鍵原因。

確保文案傳達透明度

Sana Yusuf 說，設計師經常忽略顯微文案的重要性，但為透明而設計意味著仔細考慮文字：“你的首要短語是什麼？ 你的標題是什麼？ 溝通夠嗎？ 它是否讓人們足夠了解他們正在得到什麼？ 你如何講述這個產品的故事，當他們到達頁面末尾時，客戶是感到困惑還是更有信心？”

Souza 建議在每個產品頁面上放置一個下拉菜單來列出成分。 “你需要傳達你沒有隱藏產品中的成分，”她說。 “如果公司對其中的內容感到羞恥，他們應該改變公式。” 她補充說，如果產品具有其他品牌沒有的成分，它應該在頁面層次結構中處於較高級別。

為清潔美而設計

對透明度的推動也與人們對清潔美容日益增長的興趣相吻合，清潔美容是指主要由天然成分製成或含有安全和環保合成材料的產品。 對這些產品的需求正在上升，預計清潔美容行業在 2020 年至 2027 年間將增長 12% 以上。

優素福說，在她為 Ellis Day Skin Science 工作的重點是使用噬菌體或健康細菌的工作中，她得到了明確的指示。 “Ellis Day 想要傳達給客戶的核心理念是透明度，”她說。 “他們希望能夠非常坦率地告知客戶他們在血清中添加了什麼。”

然而，溝通透明度需要的不僅僅是一份成分清單。 消費者需要視覺提示，以喚起人們對透明品牌所代表的感覺——純淨、可持續、天然的產品。 Ellis Day 的旗艦產品是一種透明血清，Unbounce 中的 A/B 測試表明，客戶對海洋圖片的反應最好。 優素福將水融入她的設計中，部分是為了傳達清潔和透明的理念。 一段主頁視頻顯示，人們穿著類似水療的長袍站在水槽前，用水潑臉。

用簡單來強化品牌價值

極簡主義在美容包裝領域並不新鮮。 Souza 說，這種趨勢源於一種讓美容產品看起來與醫學聯繫更緊密的願望。 但如今，設計師將極簡主義美學——以大膽的設計元素為重點——視為傳達透明度的一種方式。 例如，Yusuf 提倡使用大膽的包裝顏色來傳達直接性； 沒有雜亂的電報表明公司沒有什麼可隱瞞的，而且產品本身也沒有任何額外的成分。 Topalov 在她的 Memine 設計中使用了類似的策略，選擇了自然界中的中性色和吸引註意力的明亮亮點的極簡調色板。

包容的美意味著包容的設計

過去幾年，客戶要求美容品牌更具包容性，公司通過擴大產品範圍以代表更廣泛的膚色做出回應。 隨著更多色調的推出，Yusuf 表示，公司更需要採用 VTO 等系統來幫助客戶找到滿足他們需求的選項。

除了識別更多膚色之外，向包容性發展的趨勢正在擴展到殘疾人。 不僅無障礙網頁設計成為美容電子商務的常態，而且美容廣告中也出現了更多關於殘疾的表現形式，而且公司正在設計美容工具，例如刷子和眼線筆，可供殘疾人或非殘疾人使用.

托帕洛夫說，向包容性的轉變已經產生了一種中性的審美，這種審美遠離了通常與男性或女性相關的顏色和圖像。 “我們更傾向於‘我們不會為男性觀眾或女性觀眾設計品牌，而是更多地為一種人和個性類型設計品牌。’”她說，該設計更適合於生活方式，而不是年齡或性別。

創新和誠實正在改變美容用戶體驗

近年來，人們生活的方方面面都發生了巨大變化，包括他們傾向於什麼、為什麼以及如何購買美容產品。 消費者想知道他們在皮膚上塗抹了什麼； 他們希望體現多樣性； 他們希望看到自己得到充分體現，缺陷和所有。 因此，技術在幫助消費者購買美容產品方面的作用只會擴大，美容 UI/UX 設計師將不得不繼續跟上不斷變化的消費者期望。