B2B 웹&모바일 디자인 실무 전략
카테고리
[디자인]
태그
일반 이론
UX
프로덕트 전략
요약
[B2B 웹&모바일 디자인 실무 전략]
<
들어가며>
B2B 디자이너는 구체적인 목표가 있는 고객사를 만족시키기 위해 다양한 비즈니스 관계를 고려해야 한다.
그렇지 않으면 세련되고, 스타일리시하고, 시각적으로 매력적이더라도 고객사가 잘 안쓰게 되는(즉, 전환율이 낮은) 디자인이 나올 리스크가 커진다.
<UX 설계 시 기억할 사항>
. 고객사 브랜딩과 정책을 지속적으로 강화하는 디자인을 할 것.
예를 들어 기업간 거래 계약이 체결되는 플랫폼 역할을 하는 B2B 웹사이트는 인터랙션 및 시각적 인식 첫 순간부터 고객사 이미지를 고급스럽고, 프로페셔널하게 보이게끔 해야 한다.
. 고객사의 일관적인 브랜딩을 염두에 둘 것.
B2B 기업도 SNS를 활용하는 외부 마케팅을 한다. 고객사의 기존 브랜딩 요소(색상 톤, 레이아웃, 사진 스타일 등)를 솔루션에도 적용하면 기업 이미지를 더욱 견고하게 하는데 도움이 된다.
. 디자인 및 문구는 미니멀하게.
미니멀한 디자인은 B2B 솔루션을 사용하는 바쁜 실무자들의 시간과 노력을 절약해주기 때문에 대체로 효율적이다. 인터랙션 첫 단계에서 핵심 정보를 간결하게 제공하고, 추가 정보를 볼 기회는 따로 제공하는 방식으로 실천해볼 수 있다.
. 글로벌 서비스일 경우 문화권 차이를 유념한다.
어떤 그래픽 요소, 제스처, 단어 조합, 색상 등은 다른 문화권에서는 완전히 다른 뜻으로 받아들여질 수 있다. 지역마다 커스텀하는 것이 효과적인 방법이다.
. B2B 디자인 목적은 트래픽을 늘리는 것이 아니라, 잠재적인 사용자를 액티브 사용자로 바꾸는 것이다.
사용자 이탈을 막는 것(고객 유지)이 중요하다.
<UI 설계 시 기억할 사항>
. CTA 버튼 작동 여부를 곧바로 확인할 수 있게 한다.
B2C에서도 마찬가지지만 B2B에서 더 강조되는 점이다. 사용자가 매우 바쁘므로 버튼을 찾고, 솔루션 조작에 시간을 쓰고, 클릭하는데 드는 비용이 더 높기 때문이다. 디자이너는 CTA 버튼이 눈에 잘 띄도록 색상, 형태, 방향을 대조시키고, 효과적인 위치를 테스트해야 한다.
. 가치, 목적을 직관적으로 보여주기
사용자는 이 솔루션이 나에게 어떻게 유익한지를 고민하지 않고 즉시 이해할 수 있어야 한다. 짧고 명확한 문구를 쓰자. 타이포그래피 계층 구조, 적절한 글꼴과 스타일은 솔루션이나 페이지의 목적을 시각적으로 이해하는데에 도움이 된다.
. 첫 스크롤 영역에서 핵심 정보를 표현할 것
사용자는 보통 웹사이트에서 머무를지, 떠날지를 매우 빠르게 판단한다. 페이지의 가치, 목적과 주요 정보가 스크롤을 내리지 않고도 볼 수 있는 영역에 배치되어야 한다.
. 시선을 사로잡는 이미지 사용
이미지는 텍스트보다 더 눈에 들어오고, 아름답고, 의미가 빨리 인식된다. 또한 매력적인 시각적 컨텐츠는 고객사가 제공하는 가치를 사용자에게 알리는 또 다른 소스로서 기능할 수도 있다.
. 사용자가 어떤 화면에서든 CS 담당자에게 연락할 수 있게 한다.
연락처는 전화번호, 주소, 이메일, 메신저 링크, 채팅창 등 다양한 형태로 표시될 수 있다. 모바일 솔루션이라면 많은 사용자가 이제 스마트폰에서 곧바로 전화를 걸 수 있으므로 전화번호를 터치하게 하는 방식도 좋다. 주소를 터치하면 지도 앱으로 위치를 보여줄 수도 있다. 솔루션은 깊이있는 사용자 연구를 통해 사용자가 조작하면서 기대하는 바, 사용자의 기술 활용 수준을 보고 연락 가능한 경로를 제공해주어야 한다.
—
번역 및 요약: 달팽이
들어가며>
B2B 디자이너는 구체적인 목표가 있는 고객사를 만족시키기 위해 다양한 비즈니스 관계를 고려해야 한다.
그렇지 않으면 세련되고, 스타일리시하고, 시각적으로 매력적이더라도 고객사가 잘 안쓰게 되는(즉, 전환율이 낮은) 디자인이 나올 리스크가 커진다.
<UX 설계 시 기억할 사항>
. 고객사 브랜딩과 정책을 지속적으로 강화하는 디자인을 할 것.
예를 들어 기업간 거래 계약이 체결되는 플랫폼 역할을 하는 B2B 웹사이트는 인터랙션 및 시각적 인식 첫 순간부터 고객사 이미지를 고급스럽고, 프로페셔널하게 보이게끔 해야 한다.
. 고객사의 일관적인 브랜딩을 염두에 둘 것.
B2B 기업도 SNS를 활용하는 외부 마케팅을 한다. 고객사의 기존 브랜딩 요소(색상 톤, 레이아웃, 사진 스타일 등)를 솔루션에도 적용하면 기업 이미지를 더욱 견고하게 하는데 도움이 된다.
. 디자인 및 문구는 미니멀하게.
미니멀한 디자인은 B2B 솔루션을 사용하는 바쁜 실무자들의 시간과 노력을 절약해주기 때문에 대체로 효율적이다. 인터랙션 첫 단계에서 핵심 정보를 간결하게 제공하고, 추가 정보를 볼 기회는 따로 제공하는 방식으로 실천해볼 수 있다.
. 글로벌 서비스일 경우 문화권 차이를 유념한다.
어떤 그래픽 요소, 제스처, 단어 조합, 색상 등은 다른 문화권에서는 완전히 다른 뜻으로 받아들여질 수 있다. 지역마다 커스텀하는 것이 효과적인 방법이다.
. B2B 디자인 목적은 트래픽을 늘리는 것이 아니라, 잠재적인 사용자를 액티브 사용자로 바꾸는 것이다.
사용자 이탈을 막는 것(고객 유지)이 중요하다.
<UI 설계 시 기억할 사항>
. CTA 버튼 작동 여부를 곧바로 확인할 수 있게 한다.
B2C에서도 마찬가지지만 B2B에서 더 강조되는 점이다. 사용자가 매우 바쁘므로 버튼을 찾고, 솔루션 조작에 시간을 쓰고, 클릭하는데 드는 비용이 더 높기 때문이다. 디자이너는 CTA 버튼이 눈에 잘 띄도록 색상, 형태, 방향을 대조시키고, 효과적인 위치를 테스트해야 한다.
. 가치, 목적을 직관적으로 보여주기
사용자는 이 솔루션이 나에게 어떻게 유익한지를 고민하지 않고 즉시 이해할 수 있어야 한다. 짧고 명확한 문구를 쓰자. 타이포그래피 계층 구조, 적절한 글꼴과 스타일은 솔루션이나 페이지의 목적을 시각적으로 이해하는데에 도움이 된다.
. 첫 스크롤 영역에서 핵심 정보를 표현할 것
사용자는 보통 웹사이트에서 머무를지, 떠날지를 매우 빠르게 판단한다. 페이지의 가치, 목적과 주요 정보가 스크롤을 내리지 않고도 볼 수 있는 영역에 배치되어야 한다.
. 시선을 사로잡는 이미지 사용
이미지는 텍스트보다 더 눈에 들어오고, 아름답고, 의미가 빨리 인식된다. 또한 매력적인 시각적 컨텐츠는 고객사가 제공하는 가치를 사용자에게 알리는 또 다른 소스로서 기능할 수도 있다.
. 사용자가 어떤 화면에서든 CS 담당자에게 연락할 수 있게 한다.
연락처는 전화번호, 주소, 이메일, 메신저 링크, 채팅창 등 다양한 형태로 표시될 수 있다. 모바일 솔루션이라면 많은 사용자가 이제 스마트폰에서 곧바로 전화를 걸 수 있으므로 전화번호를 터치하게 하는 방식도 좋다. 주소를 터치하면 지도 앱으로 위치를 보여줄 수도 있다. 솔루션은 깊이있는 사용자 연구를 통해 사용자가 조작하면서 기대하는 바, 사용자의 기술 활용 수준을 보고 연락 가능한 경로를 제공해주어야 한다.
—
번역 및 요약: 달팽이🧑🏻⚕️ 요약자
관심 분야
타겟 오디언스
공유 날짜
2022/01/18
5 more properties