표면 아래에 있는 것: 뷰티 산업의 UX 살펴보기

게시 됨: 2022-07-22

전자 상거래의 가속화는 소매업이 재창조되고 있으며 미용 산업이 가장 큰 변화를 겪고 있음을 의미합니다. 마스크 착용(당연히 아이 메이크업 판매 증가)과 같은 전염병 관련 발전과 사람들이 사교하는 방식의 변화는 소비자가 원하는 미용 제품 유형과 구매 방법을 재편성했습니다.

지난 몇 년 동안 기업 운영 방식과 제품에 들어가는 내용에 대한 진정성과 투명성에 대한 요구가 증가하는 등 광범위한 사회적 변화가 시작되었습니다. 이러한 가치는 소비자 문화 전반, 특히 뷰티 산업 전반에 걸쳐 기대가 되고 있습니다. Toptal은 뷰티 UI 및 UX 디자이너와 새로운 트렌드와 전자상거래 뷰티 쇼핑객에게 어필할 수 있는 경험을 만드는 방법에 대해 이야기했습니다.

뷰티 테크놀로지의 성장

2018년, 세계 최대 화장품 회사인 로레알은 보다 개인화되고 포용적이며 책임감 있고 투명한 제품과 서비스를 만들기 위해 뷰티 테크 회사로 재탄생하겠다는 계획을 발표했습니다. 오늘날 기술은 인공 지능(AI)과 빅 데이터 전략을 사용하여 스마트 메이크업에서 3D 인쇄 피부에 이르기까지 모든 것을 혁신하는 기업과 함께 뷰티 분야에서 가장 큰 이야기 중 하나가 되었습니다.

전통적으로 미용 제품을 쇼핑한다는 것은 오프라인 매장에서 립스틱, 아이섀도 또는 파운데이션을 입어보는 것을 의미했습니다. 색상이나 질감의 작은 차이가 개인의 피부에 큰 차이를 줄 수 있기 때문에 소비자는 온라인으로 다른 상품을 구매하는 것으로 전환했음에도 불구하고 뷰티 제품 구매를 위해 계속 물리적 위치에 의존했습니다. 뷰티 카테고리의 전자상거래 보급률은 5% 미만입니다. 2021년 초 온라인 판매는 뷰티 카테고리 소매 수익의 15%에 불과했습니다.

그러나 오래는 아닙니다. 미용 소매업체는 매장 내에서와 동일한 수준의 디지털 경험을 제공해야 할 필요성을 인식하고 있으며, 디자이너는 고객이 제품의 모양과 느낌을 상상할 수 있도록 정교한 가상 쇼핑 공간을 만들고 있습니다. 새로운 기술이 등장하면서 전자상거래는 2026년까지 미용 매출의 30%를 차지할 것으로 예상됩니다.

가상 체험은 온라인/매장 경험을 흐리게 합니다.

뷰티 업계에서 가장 빠르게 성장하는 트렌드 중 하나는 사용자가 화장품을 시식할 수 있는 증강 현실 경험인 가상 시착(VTO)입니다. 일반적으로 VTO는 사용자가 카메라에 대한 앱 또는 웹사이트 액세스 권한을 부여하도록 하여 작동합니다. 그런 다음 앱은 알고리즘 기반 얼굴 매핑을 사용하여 예를 들어 사용자의 입술에 가상 립스틱을 적용합니다. 몇몇 주요 뷰티 회사는 AI에 투자하거나 VTO 회사를 완전히 인수하여 성공을 거두었습니다. 예를 들어 AI 및 AR 기반 미용 기술의 선두주자인 Perfect는 VTO 도구가 기존 화장품 브랜드 Clinique를 전환율을 두 배 이상 높이는 데 도움이 되었다고 보고합니다. 전염병은 특히 오프라인 상점이 위생 프로토콜을 변경하고 공동 샘플 사용을 축소함에 따라 기술 채택을 가속화했습니다.

제품 디자이너 Greta Harrison은 "고객은 Sephora에 가서 피부에 많은 양의 재료를 바르고 필요한 그늘을 결정하는 데 익숙합니다. Harrison은 회사가 확장된 파운데이션 라인인 스킨 트윈(Skin Twin)을 출시할 준비를 하고 있을 때 팬데믹이 시작될 때 클린 뷰티 브랜드 Beautycounter에서 일했습니다. “저희 매장이 모두 문을 닫고 입어볼 수 없는 상황에서 쌍둥이 피부를 어떻게 찾으셨나요?”

네 개의 전화 화면. 맨 왼쪽에는 Shade Matcher를 사용하는 단계가 포함되어 있습니다. 다음 세 개 각각에는 손이 있고 그 아래에는 서로 다른 피부색의 6개의 원이 있습니다. 그 아래에 "장바구니에 추가" 버튼이 있습니다. 왼손은 손바닥을 가로지르는 두 개의 공정한 음영 막대를 보여 사용자가 자신의 피부색과 대조되는 음영을 어떻게 볼 수 있는지 보여줍니다. 가운데와 오른쪽 손에는 손바닥을 가로질러 4개의 "황갈색" 음영 막대가 있습니다.
Beautycounter의 Shade Matcher의 하이파이 프로토타입. 이 도구를 사용하면 사용자가 손바닥과 손목에 반투명 색상을 레이어링하여 음영을 샘플링할 수 있습니다. 그늘을 가상으로 시도하는 가장 정확한 방법 중 하나로 간주됩니다.

Harrison과 그녀의 동료들은 Beautycounter 앱을 위한 가상 Shade Matcher를 신속하게 고안했습니다. 이 앱은 사용자가 카메라를 통해 손목 안쪽을 보는 동안 앱이 피부에 가상 반투명 견본을 레이어링하여 얼마나 잘 어울리는지 확인하는 방식으로 작동합니다. 사용자는 피부색 카테고리를 선택하여 시작합니다. 각 카테고리는 3~6가지 음영 옵션을 제공합니다.

Harrison은 Sketch의 저충실도 도면에서 고충실도 프로토타입으로 빠르게 전환했습니다. 그 중에서 팀은 제품 개발자와 긴밀히 협력하여 음영을 미세 조정했습니다. "물리적 음영이 반드시 16진수 코드로 완벽하게 변환되는 것은 아니기 때문에 음영이 손목에 어떻게 보이는지와 정확한 설명인지 여부를 선택할 때 제품 개발 팀과 많은 조정이 있었습니다."라고 그녀는 말합니다.

또한 2020년에는 이 기술이 비교적 새롭기 때문에 소비자를 교육하는 것이 중요했기 때문에 Harrison과 그녀의 팀은 최상의 결과를 위해 자연광에서 앱을 사용하는 것에 대한 전면 광고를 포함했습니다. 의사 결정을 최소화하는 것도 중요했습니다. "우리는 사용자가 색상을 테스트하고 모든 것이 동일한 뷰포트에 맞도록 하고 스크롤하여 다양한 음영을 보고 나란히 비교할 수 있도록 하고 싶었습니다."라고 그녀는 말합니다. "우리는 고객이 상점이 다시 열리거나 팝업이 다시 시작될 때까지 기다리지 않고 장바구니에 항목을 추가하도록 하고 싶었습니다."

진정성과 현실성을 요구하는 뷰티 UI/UX

정확하고 사실적인 컬러 매칭은 빙산의 일각에 불과합니다. 고객이 가상 기반이 실제와 같기를 기대하는 것처럼, 사용하는 브랜드의 모든 측면이 진정성을 나타내기를 요구합니다. 고객이 미용 앱 스타트업인 Memine을 포함하고 있는 Toptal 디자이너인 Dunja Topalov는 오늘날의 쇼핑객은 보다 자연스럽고 덜 필터링된 모델 이미지를 찾고 있다고 말합니다. 한 마케팅 연구에 따르면 대다수의 소비자는 이러한 유형의 브랜드 진정성이 대유행 이전보다 지금 더 중요하다고 생각합니다.

브라질에서 두 번째로 큰 화장품 회사인 O Boticario에서 일한 Toptal 디자이너 Jess Souza는 모델의 열망적인 이미지에 의존하기보다 일상적인 사람들의 사진을 사용하여 뷰티 제품을 보여주는 경향이 있다고 말합니다. Z. “사람들은 놀라운 모델을 보고 '그녀에게 모든 것이 좋아 보일 것입니다. 그것이 나를 어떻게 보일까요?'라고 그녀는 말합니다. "여드름, 주름, 흉터는 실제 사람들이 겪는 문제이기 때문에 보여줘야 하고, 제품이 어떻게 작용하는지 봐야 합니다."

사람들의 사진으로 작업할 때 Topalov는 다음과 같이 말합니다. 사실 원본 사진 파일을 사용하려고 한다”고 말했다.

디자인을 사용하여 질감과 향기 전달

진정성에 대한 소비자의 요구는 제품으로 확장되며 고객은 고려 중인 세럼이나 블러셔의 클로즈업 이미지를 보고 싶어합니다. "과거에는 제품의 3D 이미지를 더 많이 보여주었지만 지금은 보다 자연스러운 모양과 느낌으로 이동하여 제품의 정확한 사진을 보여주고 있습니다."라고 그녀는 말합니다.

황갈색 배경에 60세 전후로 추정되는 여성 사진이 있습니다. 그녀는 미소를 지으며 집게손가락으로 볼에 크림을 바르고 있습니다. 그녀의 다른 손에는 크림 병이 있습니다. 그녀의 왼쪽에는 "이미지"라는 단어가 있고 그 아래에는 "사용된 사진의 스타일과 분위기"가 있습니다. Memine 브랜드의 스타일 가이드 페이지입니다.
뷰티 앱 스타트업 Memine을 위한 디자인에서 Dunja Topalov는 모델의 피부와 제품 자체에 대한 최소한의 수정 이미지를 사용했습니다. 점점 더 많은 고객들은 브랜드가 제품과 제품을 사용하는 사람들 모두에 대한 진정한 관점을 제공하기를 원합니다.

Souza는 질감을 보여주는 것이 사람들이 온라인으로 미용 제품을 구매하도록 유도하는 데 중요하다고 말합니다. “[O Boticario]가 새로운 립스틱 라인을 출시했을 때 확대하고 색상을 선택하고 질감을 볼 수 있도록 페이지를 만들었습니다. '이건 반짝거린다, 아니면 약간 반짝거린다'라고 말할 수 있습니다.” 그녀는 그 전에는 고객들이 일반적으로 매장에서 구매하기를 선택했는데, 그 이유는 이러한 세부 사항을 확인할 수 있는 유일한 기회였기 때문입니다.

검정색 배경에 빨간색 화면의 이미지입니다. 상단의 흰색 스크립트에는 "강렬함"이라고 읽습니다. 가운데는 연한 핑크빛 립스틱. 왼쪽 테두리에서 나오는 왼쪽에는 7개의 립스틱 팁이 있습니다. 오른쪽에는 8가지 립스틱 색상의 색상과 질감을 나타내는 원이 있습니다.
제품의 질감을 표현하는 것은 뷰티 UI/UX의 중요한 요소입니다.

Souza는 냄새를 전달하는 것은 순전히 시각적인 매체에서 특히 어렵기 때문에 감각적 연상을 자극할 시각적 수단을 사용하는 것이 중요하다고 말합니다. 예를 들어, 향수에 딸기 향이 있다는 의사 소통은 딸기 이미지를 보여주거나 제품 샷과 함께 향을 연상시킬 수 있는 색상이나 질감을 포함하는 것을 의미할 수 있습니다.

실제 고객 경험 포함

온라인 쇼핑을 하는 고객이 늘어남에 따라 리뷰 및 고객 사진과 같은 사용자 생성 콘텐츠가 중요해지고 있습니다. 한 연구에 따르면 이전에 리뷰가 없었던 페이지에 리뷰를 추가하면 매출이 65% 증가할 수 있습니다. 같은 연구에 따르면 전염병 기간 동안 뷰티 카테고리의 리뷰 참여가 313% 증가했습니다.

Harrison은 "뷰티에 관한 리뷰는 다른 어떤 제품보다 중요합니다."라고 말합니다. "Sephora와 같은 회사는 최고 리뷰를 기준으로 제품을 분류할 수 있을 뿐만 아니라 피부가 하얀, 어두운 피부, 밝은 눈, 어두운 눈 등을 가진 쇼핑객별로 필터링할 수 있기 때문에 이 점에서 정말 탁월했습니다."

Souza는 제품 페이지의 리뷰 공간을 디자인하는 것을 옹호합니다. “사람들은 '나는 이것을 일주일 동안 사용했습니다. 이것이 내 피부의 모습입니다.' 어쨌든 사람들은 Reddit이나 TikTok에서 이것을 할 것이기 때문에 사람들이 당신의 제품으로 한 치료에 대한 정보를 공유하고 소통하고 거래할 수 있는 당신만의 공간을 마련하는 것이 어떻겠습니까?” 이어 “사람들이 안 좋은 후기를 남겨도 여백을 주는 게 좋다. 그리고 브랜드는 그들과 소통하고 문제를 해결해야 합니다.”

스킨 케어 브랜드 Dermalogica의 전 수석 UI/UX 디자이너인 Kristijan Binski는 고객에게 회사 제품을 사용하는 모습을 보여주기 위해 소셜 미디어를 우선시할 것을 권장합니다. "저는 항상 브랜드의 Instagram 페이지가 포함된 매우 눈에 띄는 섹션을 홈페이지에 포함하는 것을 좋아합니다."라고 그는 말합니다. “일반적으로 제품을 사용하는 실제 사용자를 보여주는 소셜 미디어의 이미지 그리드도 있습니다. 이는 잠재 고객이 제품 구매에 대한 영감과 동기를 느낄 수 있는 가장 좋은 방법 중 하나입니다.”

투명성을 요구하는 뷰티 앱 디자인

고객은 자신이 사용하는 제품에 무엇이 들어 있는지 정확히 알고 싶어하며 기업은 성분과 피부에 작용하는 방식을 공개함으로써 이러한 투명성 요구에 부응하고 있습니다. 딜로이트 연구에 따르면 소비재 기업 10곳 중 6곳은 2022년에 투명성을 높이기 위해 중간 규모에서 상당한 규모의 투자를 계획하고 있으며 투명성 부족이 고객이 브랜드를 포기하는 주요 이유라고 밝혔습니다.

사본이 투명성을 전달하는지 확인

Sana Yusuf는 디자이너들이 종종 마이크로카피의 중요성을 간과하지만, 투명성을 위한 디자인은 단어를 신중하게 고려하는 것을 의미한다고 말합니다. 당신의 제목은 무엇입니까? 충분히 소통하고 있습니까? 사람들에게 그들이 얻고 있는 것에 대한 충분한 정보를 제공하고 있습니까? 이 제품에 대한 이야기를 어떻게 전달하고 있으며 페이지 끝에 도달할 때쯤에는 고객이 혼란스러워하거나 자신감을 갖게 될까요?”

Souza는 재료를 나열하기 위해 모든 제품 페이지에 드롭다운 메뉴를 배치할 것을 권장합니다. “제품에 있는 성분을 숨기고 있지 않다는 것을 알려야 합니다.”라고 그녀는 말합니다. “회사가 그 내용을 부끄러워한다면 공식을 바꿔야 합니다.” 그녀는 제품에 다른 브랜드에는 없는 성분이 포함되어 있다면 페이지 계층 구조에서 상위 수준에 있어야 한다고 덧붙입니다.

깨끗한 아름다움을 위한 디자인

투명성 추구는 대부분 천연 성분으로 만들어지거나 안전하고 환경 친화적인 합성 물질을 포함하는 제품을 의미하는 클린 뷰티에 대한 관심 증가와 맞물려 있습니다. 이러한 제품에 대한 수요가 증가하고 있으며 클린 뷰티 산업은 2020년에서 2027년 사이에 12% 이상 성장할 것으로 예상됩니다.

파지 또는 건강한 박테리아를 사용하는 데 중점을 둔 Ellis Day Skin Science에서 Yusuf는 명확한 지시를 받았다고 말합니다. "Ellis Day가 고객에게 전달하고자 했던 핵심 이념은 투명성이었습니다."라고 그녀는 말합니다. "그들은 세럼에 무엇을 넣는지에 대해 고객에게 가장 먼저 다가갈 수 있기를 원했습니다."

그러나 투명성을 전달하려면 성분 목록 그 이상이 필요합니다. 소비자는 투명 브랜드가 의미하는 순수하고 지속 가능한 천연 제품에 대한 느낌을 불러일으키는 시각적 신호를 원합니다. Ellis Day의 주력 제품은 맑은 세럼이었고 Unbounce의 A/B 테스트에서는 고객들이 바다 사진에 가장 잘 반응하는 것으로 나타났습니다. Yusuf는 부분적으로 깨끗함과 투명성에 대한 아이디어를 전달하기 위해 그녀의 디자인에 물을 통합했습니다. 홈페이지 동영상은 세면대에서 스파 같은 가운을 입은 사람들이 얼굴에 물을 튀기는 모습을 보여줍니다.

Ellis Day Skin Science 웹사이트의 스크린샷으로 하얀 수건으로 얼굴을 닦고 있는 남자와 여자를 보여줍니다. 그들은 흰 가운을 입고 있습니다.
Ellis Day Skin Science 웹사이트는 깨끗함을 전달하기 위해 물 이미지를 사용합니다. 물은 또한 회사의 시그니처 세럼의 질감을 반영하여 투명합니다.

단순성을 사용하여 브랜드 가치 강화

뷰티 포장 공간에서 미니멀리즘은 새로운 것이 아닙니다. Souza는 이러한 추세가 미용 제품을 약과 더 관련이 있는 것처럼 보이게 하려는 열망에서 비롯되었다고 말합니다. 그러나 오늘날 디자이너들은 대담한 디자인 요소가 강조된 미니멀리즘 미학을 투명성을 전달하는 방법으로 봅니다. 예를 들어, Yusuf는 직접성을 전달하기 위해 대담한 포장 색상을 옹호합니다. 회사가 숨길 것이 없고 제품 자체가 추가 성분으로 어수선하지 않다는 혼란스러운 전신의 부족. Topalov는 Memine을 위한 디자인에서 유사한 전략을 사용하여 자연에서 발견되는 무채색의 미니멀리스트 팔레트와 주의를 끄는 밝은 하이라이트를 선택했습니다.

인클루시브 뷰티는 인클루시브 디자인을 의미합니다.

지난 몇 년 동안 고객들은 뷰티 브랜드에 더 많은 포괄성을 요구했고, 기업들은 더 넓은 범위의 피부 톤을 표현하기 위해 제품을 확장함으로써 이에 대응했습니다. 더 많은 색조가 도입됨에 따라 Yusuf는 고객이 자신의 요구 사항을 충족하는 옵션을 찾도록 돕기 위해 VTO와 같은 시스템을 채택해야 하는 기업의 필요성이 더 커졌다고 말합니다.

더 많은 피부색을 인식하는 것 외에도 포괄성을 향한 움직임은 장애가 있는 사람들에게까지 확대되고 있습니다. 접근 가능한 웹 디자인이 뷰티 전자 상거래의 표준이 될 뿐만 아니라 뷰티 광고에 더 많은 장애 표현이 등장하고 있으며 기업은 장애가 있거나 없는 사람이 사용할 수 있는 브러시 및 아이라이너 어플리케이터와 같은 미용 도구를 설계하고 있습니다. .

Topalov는 포괄성으로의 전환이 일반적으로 남성 또는 여성과 관련된 색상과 이미지에서 벗어나는 성 중립적 미학을 발생시켰다고 말합니다. "우리는 '우리는 남성 청중이나 여성 청중을 위한 브랜딩을 디자인하는 것이 아니라 사람 유형과 성격 유형을 위해 더 많이 디자인할 것'이라는 방향으로 가고 있습니다."라고 그녀는 말합니다. 나이나 성별이 아닌 라이프 스타일.

혁신과 정직이 뷰티 UX를 변화시킵니다

최근 몇 년 동안 사람들은 무엇에 끌렸는지, 왜 그리고 어떻게 미용 제품을 구매하는지를 포함하여 삶의 모든 측면에서 엄청난 변화를 가져왔습니다. 소비자는 피부에 바르는 것이 무엇인지 알고 싶어합니다. 그들은 다양성이 반영되기를 원합니다. 그리고 그들은 자신, 결점 및 모든 것이 완전히 대표되는 것을 보고 싶어합니다. 따라서 소비자가 미용 제품을 구매하는 데 도움이 되는 기술의 역할은 더욱 확대될 것이며 미용 UI/UX 디자이너는 계속해서 진화하는 소비자 기대에 보조를 맞춰야 할 것입니다.