B2C 비즈니스 모델을 위한 6가지 UX 디자인 방법

위디엑스 지식나눔에서는 위디엑스 필진의 글 외에도 유용한 정보와 지식을 담고 있는 해외 아티클을 소개하고 있습니다. 이번 아티클에서는 ‘B2C 비즈니스 모델을 위한 UX 디자인 방법론’에 대해 Rahi Desai가 UX Planet에 기고한 글을 위디엑스 방동민 팀장이 번역하여 수록하였습니다. 원문 출처는 본 아티클 하단 링크에 표기되어 있습니다.


언제나 기대한 것 이상으로 제공하라
— 래리 페이지

 

기업은 끊임없이 경쟁사를 뛰어넘는 브랜드명과 고객 경험을 유지해야 한다는 압박감을 가지고 있습니다. 고객 경험과 관련된 비즈니스, 서비스, 제품에 대한 모든 것을 아우르는 커다란 관점 중 하나는 바로 사용자 경험입니다.

B2C 비즈니스 모델은 무엇인가요?

B2C 비즈니스 모델에서 거래는 제품 또는 서비스를 판매하는 기업과 그것을 사용하는 개인 고객 사이에서 직접적으로 이뤄집니다. 고객은 기업 홈페이지에 접속하여 카탈로그를 선택하고 제품 또는 서비스를 주문하면 해당 내용이 기업에 전달됩니다.


  • B2C 모델의 주요 특징:

  1. 고객 유치를 위해 광고의 비중이 큼

  2. 하드웨어/소프트웨어에 대한 높은 투자

  3. 친절한 고객 지원 서비스 또는 고객 지원 서비스에 대한 지원


비즈니스를 위한 UX의 필요성

오늘날, 세계는 빠르게 확장하고 있습니다. 인간과 기술은 뗄 수 없는 관계가 되었고 스마트폰, 태블릿, PC 안에서 모든 것은 디지털로 존재합니다. 따라서 비즈니스의 디지털 스크린과 사용자 경험은 비즈니스 자체의 목표, 요구, 수요와 일치하도록 디자인하는 것이 일반적인 것이 되었습니다.


모든 비즈니스는 매출을 높이고 더 크게 성장하는 것에 초점을 맞춥니다. UX 디자인은 이러한 목표를 달성하기 위해 없어서는 안 될 역할을 합니다. 전환율 최적화 (CRO) 는 사용자가 거래하는 웹 앱의 사용자 경험과 직접 비례하는 관계가 있다고 생각합니다.

따라서, B2C 모델의 UX를 디자인하기 위한 모범 사례들을 소개합니다.

 

1. 정보로 사용자를 혼란스럽게 하지 마세요: 콘텐츠 위계화

소스: The Verge. 압박감을 느끼게 만드는 콘텐츠 배열

소스: The Verge. 압박감을 느끼게 만드는 콘텐츠 배열

소스: Medium. 구조화된 정보 — 위계화된 콘텐츠

소스: Medium. 구조화된 정보 — 위계화된 콘텐츠

누구나 정보를 갈망합니다. 정보의 시대에 독자와 사용자에게 정보를 노출하는 방법은 매우 중요합니다. 대화를 유창하고 효과적으로 하려면 반드시 사용자 경험을 정보 위계화에 집중시켜야 합니다.

색채, 콘텐츠, 서체, 화면의 레이아웃으로 사용자를 혼란스럽게 하는 웹사이트 또는 앱은 외면당합니다. 시대, 지역, 사고방식, 지식수준에 상관없이 모든 사용자는 반드시 정보의 맥락을 알아야 하기 때문이고 따라서 버릴 정보는 하나도 없습니다.

 

2. 색채 심리학 이해하기

img_serioverify.jpg

브랜드 가치는 컬러 팔레트를 만드는 데 있어 매우 중요한 역할을 합니다. 컬러 팔레트를 통해 비즈니스 테마와 일치하는 디자인을 하기 때문입니다. 컬러 팔레트, 서체 글꼴과 같은 모든 것은 브랜드와 연결됩니다. 브랜드의 주요 경쟁사와 거의 동일한 컬러 팔레트를 사용하지 않도록 주의하면서 경쟁사와 혼란을 피하고 브랜드가 돋보일 수 있도록 해야 합니다. (예시: 맥도날드와 웬디)

Visual Learning Center는 비즈니스 테마와 일치하는 웹 앱을 위한 완벽한 팔레트를 선별하여 소개합니다. 식품, 의류, 문구, 유기농 제품, 도기 등 다양한 항목이 준비되어 있으니 확인해보세요.

링크: https://visme.co/blog/website-color-schemes/

img_theemotionsofcolor.png

색채 심리학을 이해하는 것은 디지털 디자인 작업을 하는 데 있어 필수입니다. 때때로 UX 디자이너는 색채를 오로지 심미적인 요소로 생각하지만 사실 색채는 디자인에 있어 사용자에게 심리적 영향을 주는 핵심 요소입니다.

색채 이론은 과학입니다. 게다가 예술입니다. 색채는 일반적으로 특정 감정이나 분위기와 연결됩니다. 색채는 다른 색채와 조합하거나, 색상만을 바꾸거나, 비율을 다양하게 변화시켜 디자인 요소에서 사용되는 쓰임새를 바꿀 수 있습니다.

 

3. 홍보용 영상 제작하기

img_video.jpg

영상은 어디에나 있습니다; 마치 영상은 바다에서 표류하는 사용자를 위한 등대 역할을 합니다. 영상 콘텐츠는 사용자가 보고 싶은 것을 볼 수 있도록 도와주고 콘텐츠 내용을 이해할 수 있도록 도와주며 콘텐츠를 다른 방법으로 접근할 수 있도록 도와줍니다.

영상을 추가하는 것은 새로운 환경을 조성하는 것입니다. 다음을 기억하세요:

  1. 필요할 때만 영상을 사용하세요

  2. 영상에 대한 통제권을 사용자에게 제공하세요

  3. 사용자가 영상 다음을 예측할 수 있도록 하세요

  4. 사용자가 헤매거나 할 일을 잊게 만들지 마세요

  5. 시간은 중요합니다! 영상을 짧게 만드세요

참조 사이트: Wishpond, Standard Films, Smith, Speckyboy

 

4. 랜딩 페이지와 패럴랙스 스크롤링 사용하기

Landing Page

랜딩 페이지: 비지니스 엿보기

랜딩 페이지: 비지니스 엿보기

당신의 웹사이트가 방문할 만한 가치가 있다는 것을 방문자에게 어떻게 납득시킬 수 있나요? 또는 당신의 웹사이트가 방문자가 찾던 것이라는 것을 어떻게 알릴 수 있습니까? 당신의 웹사이트를 알리기 위한 한 컷이 무엇일까요? 답은 랜딩 페이지입니다.

랜딩 페이지는 하나의 목적을 가져야 하며 목적에 따라 하나의 메시지를 전달해야 합니다.

좋은 랜딩 페이지는 반드시 페이지의 모든 요소가 개념적으로 비즈니스의 목표와 주제에 부합해야 합니다.

참조할만한 사이트: Smith, Slack, Shopify, Airbnb, Unbounce

Parallax Scrolling

mov_parallax.gif

멋진 패럴랙스 효과는 이미 수년 동안 비디오 게임에서 사용되었지만 이제는 웹 디자인 세계에서도 인기있는 유행이 되었습니다.

패럴랙스 스크롤링은 다른 속도로 움직이는 것 같은 여러 배경을 사용해 깊이감을 만들어 냅니다. 여기서 가상의 3차원 경험과 재미있는 브라우징 경험을 제공합니다. 웹사이트 레이아웃은 스크롤을 사용하여 전경보다 느리게 움직이는 배경을 표현하며 이를 통해 3차원 효과를 만들어 냅니다.

패럴랙스 스크롤링은 오용하지 않는다면 절대 나쁠 수 없습니다. 패럴랙스 스크롤링을 사용해 비즈니스의 전세를 역전시켜보세요!

참조할만한 사이트: Awwwards, CreativeBloq

 

5. 일러스트레이션과 매력적인 비주얼을 사용해 메시지 전달하기

소스: Tubik Studio

소스: Tubik Studio

일러스트레이션과 비주얼은 장황하게 설명해야 할 것을 한 번에 전달할 수 있습니다. 스크린에 창의력을 발휘하는 주된 목적은 고객/사용자가 더 나은 무언가를 이해하거나 상상할 수 있도록 돕는 것입니다. 이를 통해 인터페이스의 사용성과 정서적, 시각적 매력을 향상할 수 있습니다.

정보를 전달하기 위해 일러스트레이션과 비주얼을 사용해야하는 이유가 무엇인가요?

  1. 사용자의 주의를 집중시킬 수 있습니다.

  2. 가장 중요한 정보를 이해하기 쉬운 시각적 형태로 전달할 수 있습니다.

  3. 요점을 빠르게 전달할 수 있습니다.

  4. 여러 서비스 플랜을 설명하거나 오류를 전달할 수 있습니다.

  5. 장황한 설명 없이 복잡한 아이디어를 명확하게 할 수 있습니다.

  6. 사용자의 관심을 제품 자체에 돌릴 수 있습니다.

  7. 일러스트레이션을 사용하여 구성적인 방법으로 사용자의 상상력을 발휘해 현실과 상상을 결합할 수 있습니다.

참조할만한 사이트: Tubik Studio

 

6. 이용 후기와 사용자 신뢰를 보여주기

비즈니스 크기에 상관없이 비즈니스의 성공은 입소문에 크게 좌우됩니다.

후기는 앞서 말한 개념을 뒷받침하는 공식적인 형태의 표현이며 브랜딩을 강화하는 데 있어 매우 강력한 도구입니다. 좋은 후기 또는 나쁜 후기는 비즈니스에 영향을 미칩니다. 이것은 다른 것과 견줄 수 없습니다. 믿어주세요. :)

Instagram은 며칠 간격으로 새로운 디자인을 선보입니다. 그러나 같은 전략이 Snapchat에게는 통하지 않았습니다. Snapchat의 리디자인으로 인해 일일 사용자는 1억 9천 3백만 명에서 1억 8천 8백만 명으로 2% 감소했고, 광고 조회 수와 수익은 36% 감소했습니다. 모든 것은 무려 36만 5천 건의 ‘좋아요’가 눌린 이 트윗 때문입니다.

“음… 이제 Snapchat 사용하지 않는 사람? 아니면 나만 안 쓰는 건가… 아 너무 슬프다.”

“음… 이제 Snapchat 사용하지 않는 사람? 아니면 나만 안 쓰는 건가… 아 너무 슬프다.”

 

원문: How to Design UX for B2C Business Models?

저자: Rahi Desai

링크: https://uxplanet.org/how-to-design-ux-for-b2c-business-models-858294a3a7e1

번역: 위디엑스 방동민 팀장