소규모 비즈니스 웹 사이트 디자인: 원츠 vs 니즈

일부 디자이너들은 반론을 제기할 수도 있겠지만 소규모 비즈니스 웹 사이트에 대한 디자인의 질적 측면을 고려할 때 단지 보기 좋게 만드는 것만이 능사가 아닙니다. 그렇다고 해서 클라이언트가 원하는 모든 아이디어를 일일이 적용하는 것 또한 해결책은 아닙니다.

그렇다면 가장 효율적인 디자인을 위해서는 어떻게 작업해야 할까요?

우선 **니즈(Needs)와 원츠(Wants)**부터 살펴보겠습니다.

클라이언트가 비즈니스를 위한 웹 사이트를 구축하고자 할 때 가장 먼저 떠올리는 것은 “모든 사람들”이 원하는 “모든 것”이 담긴 웹 사이트입니다. 다시 말해 비즈니스에 대한 모든 것이 포함된 웹 사이트를 원합니다.

그러나 이는 최상의 접근 방식이라 할 수 없습니다.

니즈와 원츠를 적절히 조율할 수 있어야 합니다. 흔히 다음의 그림과 같은 비율로 작업하게 됩니다. (초록색: 클라이언트의 원츠, 빨간색: 클라이언트의 니즈)

다음의 정의를 통해 위 그림을 이해할 수 있습니다.

보시다시피_ 니즈_의 대부분이 원츠에 포함되어 있습니다. 한편으로는 모든 _니즈_가 충족되기만 하면, _원츠_가 얼마나 많이 구현되는 지의 여부는 장기적인 관점에서 별로 중요하지 않다고 말할 수도 있습니다. 그러나 꼭 그렇지만은 않습니다.

첫째, 너무 많은 _원츠_를 구현할수록 웹 사이트는 주된 목적을 상실하게 됩니다. 비즈니스의 주요 목표를 달성하는 것이 더 어려워지고 방문자는 사이트에서 무엇을 해야 할지 혼란을 겪을 수도 있습니다.

둘째, _니즈_를 완벽하게 구현하는 것 보다 모든 _원츠_를 충족하는 데 너무 많은 시간을 할애할수록 _니즈_의 품질이 저하됩니다.

따라서 핵심은 중요한 사항만을 웹 사이트에 구현하여 편리하면서도 필수적인 기능이 모두 포함된 웹 사이트를 만드는 것입니다. 이를 모두 고려하고 다음 사항을 준수하면 성공적인 소규모 비즈니스 웹 사이트를 디자인할 수 있습니다.

1. 단 하나의 중심축 구현

대부분의 소규모 비즈니스는 _한 가지 유형_의 서비스를 제공하거나 _한 가지 유형_의 제품(또는 최소 한 _범위_의 제품)을 판매하기 위한 목적을 갖고 런칭합니다. 웹 사이트에도 똑같은 사고방식을 고수해야 합니다.

즉, 모든 소규모 비즈니스 웹 사이트에는 가장 필수적인 한 가지를 중심축으로 한다는 더 높은 목표가 수반되어야 하며, 이에 대한 예시는 다음과 같습니다.

전형적인 소규모 비즈니스라 할 수 있는 식당을 예로 들어 보겠습니다. 일반적으로 식당 웹 사이트의 주된 목표는 사람들이 사이트에서 직접 예약하거나 전화를 걸어 예약하도록 유도하는 것입니다. 이외에 다른 모든 요소들은 중요도 측면에서 부차적입니다.

완벽한 소규모 비즈니스 웹 사이트를 구축하기 위해서는 한 가지를 중심축으로 한다는 원칙이 적용되어야 합니다. 이 원칙은 스타트업 세계에서 최소 기능 제품(MVP: Minimum Viable Product)이라고도 부릅니다. 즉, 최종 사용자의 주된 욕구를 충족할 만한 기능만 갖춘 제품을 제공한다는 의미입니다.

이 원칙을 잘 구현한 웹 사이트의 예로 달러 쉐이브 클럽(Dollar Shave Club)을 들 수 있습니다. 이 웹 사이트를 방문하는 즉시 이 기업이 공략하는 주된 _한 가지_가 무엇인지 바로 알 수 있습니다.

2. 최종 사용자 파악

단지 클라이언트인 소규모 비즈니스의 경영진만을 위해 웹 사이트를 디자인해서는 안 된다는 점을 인지해야 합니다. 웹 사이트는 클라이언트의 고객이자 최종 사용자를 위해 만드는 것입니다.

그렇다면 최종 사용자들이 누구이고, 이들이 무엇을 원하며, 웹 사이트가 이들에게 제공할 수 있는 것은 무엇이며, 소규모 비즈니스가 제공해야 할 것은 무엇일까요?

흥미로운 점은 이 질문들에 대한 대답이 클라이언트가 처음 구상한 내용과 반드시 일치하지 않는다는 것입니다. 모든 기업의 경영진이 그들이 원하는 구색이 모두 갖춰진 웹 사이트가 구축되기를 바라는 것은 너무나 당연한 일입니다. 경영진의 선호도와 고객의 선호도를 어떻게 조율할 지에 대해 생각하는 것은 차후의 일입니다.

이때 디자이너의 역할이 중요합니다. 소규모 비즈니스 웹 사이트를 디자인할 때 고려해야 할 주요 사항은 최종 사용자가 누구이며 클라이언트가 웹 사이트를 통해 최종 사용자에게 더 나은 서비스를 제공하기 위한 방법이 무엇인지 파악하는 것입니다.

기트먼 브로스(Gitman Bros)는 최종 사용자를 제대로 파악하고 웹 사이트를 만들었습니다.

이 기업은 셔츠와 넥타이를 판매합니다. 행복해 보이는 젊은이들이 해변을 따라 자전거를 타고 가는 장면 등의 불필요한 스톡 이미지를 전혀 사용하지 않았습니다. 대신 제품 중심의 접근 방식으로 디자인했습니다. 셔츠의 품질을 중요시하는 사람들을 위해 디테일을 담은 사진을 제공함으로써 품질을 한눈에 확인할 수 있도록 구현한 것입니다. 즉, 의류 브랜드가 추구하는 라이프스타일이 아닌 제품 자체를 중요시 하는 스마트한 고객 유형을 타겟으로 한 것입니다.

3. 타겟 고객에 완벽한 디자인

타겟 고객에 따라 웹 사이트의 디자인 스타일이 크게 달라집니다. 즉, 의도한 대상에 따라 각기 다른 타이포그래피, 이미지, 이모티콘, 레이아웃 등을 사용해야 합니다.

그 중에서 가장 중요한 요소로 손꼽히는 것들을 살펴보겠습니다.

색상

고객이 처한 환경에 따라 다양한 색상 구성표에 각기 다른 반응을 보입니다. 상품의 가치를 효과적으로 전달하기 위해서는 올바른 색상 선택이 중요합니다. 고객이 살고 있는 지역을 비롯해 종교, 정치적 견해, 연령, 문화적 배경 등이 올바른 색상 선택을 위한 중요한 역할을 합니다.

이러한 조합을 구성할 때 비즈니스의 고유한 정체성을 고려해야 합니다. 이 정체성은 고객의 인구 통계학적 정보가 의미하는 것과는 다른 것일 수 있습니다.

로고

로고는 특유의 분위기를 조성하고 웹 사이트 전체의 룩앤필을 결정합니다. 이러한 이유로 로고는 타겟 고객에게 브랜드 이미지를 상기시키고 웹 사이트는 이러한 로고 뒤에 숨겨진 의미를 뒷받침한다고 해도 과언이 아닙니다.

로버트 메닝(Robert Mening)은 자신의 로고 디자인 가이드에서 이러한 내용을 밝히고 있습니다.

“[로고]는 조직의 역사에 대한 모든 것을 반영해야 한다. 또한 로고에는 방향성을 시사하는 디자인 철학이 담겨야 한다. […]”

일부 20대를 대상으로 하는 신규 스타트업 기업(브랜드 지분 또는 인지도가 0인 기업)의 로고는 수백 명의 고객을 대상으로 중년층이 운영하는 30년 된 기업의 로고와는 완전히 다릅니다.

다음 예시를 살펴봅시다.

이 로고는 노년층을 위한 요양원에는 분명 적합하지 않습니다. 또한 다음 이미지를 봅시다.

이 로고는 맥주 브랜드와는 어울리지 않습니다.

매우 극단적인 예시지만, 실제로 고령층 고객을 위해 MMA와 같은 로고를 디자인하는 실수를 저지르는 디자이너는 없을 것입니다. 그러나 작업실에서 “아무 생각 없이 디자인을 하다 보면” 주요 원칙을 간과하기가 쉬우며, 이는 수많은 사소한 실수를 야기할 수 있습니다. 궁극적으로 사소한 실수들은 최종 결과에 막대한 영향을 미치게 됩니다.

요약하자면 미적 측면 보다는 사람 중심의 디자인을 구상해 보십시오.

타이포그래피

타이포그래피는 웹상에서의 브랜드 표현 방식과 고객이 이해하는 방식에 있어서 상당한 영향을 미치는 요소 중 즉각적인 반응을 불러일으킵니다.

인쇄 업체 또는 로컬 신문의 웹 사이트에 Comic Sans 서체를 사용한다고 생각해 보십시오. 비즈니스와는 전혀 어울리지 않은 서체죠.

여기서 말하고자 하는 바는 타이포그래피를 작업하는 경우 심사숙고해야 한다는 점입니다. 후회의 여지가 없는 완벽한 타이포그래피를 선택해야 한다는 것입니다. 고심 끝에 선택해야 하며 고객과 고객의 편안함을 고려해야 합니다.

연령대가 높은 고객은 보통 큰 글꼴을 선호합니다. 반면 젊은 전문가들은 모던하고 세련된 글꼴을 좋아합니다. 금융 업계에 종사하는 고객은 어떠할까요? 신뢰가 묻어나는 클래식한 글꼴 등을 사용하는 것이 좋습니다.

이미지 및 인터페이스 요소

흔히 이미지가 많은 웹 사이트를 매력적이고 흥미롭다고 인식합니다. 그러나 이 규칙이 일반적으로 적용되지는 않으며, 이는 사이트의 타겟 고객에 따라 달라집니다.

색상과 마찬가지로, 이미지가 주는 긍정적 영향은 고객의 위치, 연령, 문화적 배경, 직업, 관심사 등에 따라 달라집니다. 또한 고객의 인터넷 연결 속도도 고려해야 합니다.(외딴곳에 거주하는 경우 대형 이미지를 표시하는 것은 불가능할 수 있습니다.)

전반적으로 적용할 수 있는 방법은 고객이 이미 어떤 유형의 웹 사이트를 방문했는지 조사하는 것입니다. 고객이 어디에서 시간을 보내고 해당 웹 사이트에 이미지가 얼마나 많이 포함되어 있는지 파악해야 합니다.

또한 경쟁업체가 이미지를 많이 사용하고 있는지, 많이 사용한다면 이를 어떻게 활용하고 있는지 살펴봐야 합니다.

다음은 UVE의 사례입니다.

이 이미지를 통해 이 업체가 객실을 갖춘 게스트 하우스 겸 와이너리라는 것을 알 수 있습니다. 이러한 비즈니스 유형의 경우 멋진 이미지를 사용할수록 더 좋은 효과를 얻을 수 있습니다. 이들의 고객이 가장 궁금해하는 것은 숙박 시설과 주변 경관일 것입니다.

이때 집중해야 할 또 다른 한 가지는 웹 사이트 자체의 UI 요소입니다. UI 요소는 실수를 저지르기 가장 쉬운 영역이며, 특히 최신 디자인 트렌드를 따를 때 잦은 실수가 발생합니다.

고스트 버튼을 예로 들어 보겠습니다. 전체적으로 깔끔하고 심플하며 기능성도 뛰어날 뿐만 아니라 대부분의 디자인과 잘 어울립니다. 그러나 이 버튼의 문제점은 웹 경험이 많은 사람만이 이 버튼의 사용 방법을 알 수 있다는 데 있습니다. 웹 경험이 많지 않은 사람은 이것이 버튼이라는 것조차 알아채지 못합니다.

고스트 버튼은 하나의 예에 불과하지만, 경우에 따라 일반적으로 통용되는 UX 요소도 모든 고객에게 효과적이지는 않습니다.

4. 단계별 방문자 안내

소규모 비즈니스 웹 사이트가 당면하는 과제 중 하나는 무미건조한 방식으로 비즈니스의 정보와 상품을 소개하는 데 집중한 나머지, 방문자가 특정 결과를 얻도록 유도하는 데 실패하는 것입니다.

최종 성과는 웹 사이트를 통해 목표를 달성하는 것을 의미합니다. 예를 들어 방문자가 사이트에서 직접 구매, 식당 예약, 전화 통화를 통한 일정 예약을 성공적으로 수행할 수 있도록 하는 것입니다.

웹 사이트에서 원하는 모든 것을 수행할 수 있어야 합니다.

간단히 말해 소규모 비즈니스 웹 사이트는 방문자가 웹 사이트를 통해 할 수 있는 것을 명확하게 알 수 있어야 하며, 이를 위해 CTA 블록이 페이지에서 눈에 잘 띄는 곳에 배치되도록 디자인해야 합니다.

다음은 크래프트 커피(Craft Coffee)의 사례입니다.

방문자가 웹 사이트의 주요 상품이 무엇이고 대략적인 상품 생산 과정과 진행해야 할 다음 단계를 파악할 수 있도록 홈 페이지에서 단계별로 안내하는 각 블록이 눈에 잘 띄도록 배치되어 있습니다.

이러한 유형의 프로젝트를 작업할 때 사용자의 웹 사이트 이동 경로를 생각해야 합니다. 사용자가 처음 방문하는 곳은 어디이며, 그 다음으로 방문하는 곳과 이러한 이동 과정 중 발생하는 문제점은 무엇인지 파악해야 합니다. 무엇보다도 비즈니스 목표가 방문자의 목표와 교차하는 방향으로 진행될 수 있도록 방법을 검토해야 합니다. 그림으로 표현한다면 다음과 같습니다(파란색: 고객의 목표, 초록색: 클라이언트의 목표).

이 원리의 이해 여부에 따라 웹 사이트가 방문자에게 반향을 불어 일으킬 수도 그렇지 않을 수도 있습니다. 과도한 콘텐츠를 포함하거나 메시지를 불분명하게 만들어 방문자가 다음 단계로 진행하는 데 혼란을 주는 웹 사이트를 만들기란 너무나 쉽습니다.

씸아일(ThemeIsle)의 디자이너 안드레이 바이커스(Andrei Baicus)는 이것이 소규모 비즈니스 웹 사이트를 디자인할 때 디자이너들이 저지르는 흔한 실수라고 지적합니다.

“필자 역시 가장 흔한 실수는 과도한 콘텐츠라고 생각합니다. 쓸모 없는 정보로 페이지를 복잡하게 만들지 않고 깔끔하게 방문자가 원하는 것만을 전달하는 웹 사이트를 보는 것만큼 즐거운 일은 없습니다.”

소규모 비즈니스의 사이트는 누구나 쉽게 이해할 수 있도록 깔끔하고 간소하게 핵심 내용만을 전달해야 합니다.

그뿐만 아니라 방문자가 정보를 얻고 간단한 것을 손쉽게 찾을 수 있도록 해야 합니다(예: 드롭다운 메뉴에 숨겨진 구매 페이지 링크).

5. 모바일 퍼스트 디자인

요즈음 데스크톱 컴퓨터/노트북보다 모바일을 통해 웹에 액세스하는 사람이 증가하고 있다는 점은 이미 널리 알려진 사실입니다. 그러나 수많은 웹 사이트가 여전히 모바일 버전을 간과한 채 디자인되고 있습니다.

이제 모바일 버전은 기본 웹 사이트만큼이나 중요합니다. 소규모 비즈니스 웹 사이트의 경우 더욱 그렇습니다. 사람들은 매장 입구를 지나가다가 외벽에서 웹 주소를 발견하고 걷는 동안 스마트폰에서 즉시 사이트를 방문하곤 합니다.

소규모 비즈니스 웹 사이트에 대해 이야기할 때 모바일 측면에서 매우 중요한 것으로 간주되는 요소가 세 가지 있습니다.

6. 모든 중요한 페이지 제작

성공적인 소규모 비즈니스 웹 사이트는 적은 수의 핵심 하위 페이지를 통해서도 이점을 얻을 수 있습니다.

(물론, 모든 웹 사이트마다 하위 페이지가 필요한 것은 아니므로 참조만 하시기 바랍니다.)

독창적인 웹 사이트 구현

소규모 비즈니스 경영진에게 있어 웹 사이트는 비즈니스 전체의 운명을 좌우할 정도로 중요합니다. 이는 결코 과언이 아닙니다. 이러한 프로젝트를 맡은 웹 사이트 디자이너의 책임은 막중합니다. 이 책임은 대규모 예산의 기업 웹 사이트를 만드는 일보다 더 클 수도 있습니다.

대기업의 경우 웹 사이트의 디자인이 잘못된 경우 프로젝트를 폐기하고 당장이라도 다른 디자이너를 고용해 만족할 만한 결과를 얻을 수 있습니다. 그러나 소규모 비즈니스의 경우 이러한 상황이 흔하지는 않습니다.

웹 사이트 디자이너는 이러한 점을 명심하고 타겟 고객에게 반향을 일으키고 비즈니스 목표를 달성하는 데 기여할 수 있도록 최상의 웹 사이트를 만드는 데 심혈을 기울이는 것이 중요합니다.

원문보기

디자인. 프로토타입. 공유. 모두가 가능한 하나의 올인원 앱 Adobe XD.

웹사이트 및 모바일 앱을 디자인하고 프로토타이핑하고 공유할 수 있는 최초의 올인원 툴인 Experience Design CC(베타)를 사용하면 아이디어 구상에서 프로토타이핑에 이르는 과정을 신속하게 진행할 수 있습니다. 베타 버전을 테스트해 보시고, 여러분의 피드백을 공유해 주십시오. 다운로드 받기

캐롤 케이

캐롤 케이(Karol K)(@carlosinho)는 NewInternetOrder.com의 창립자이자 블로거 겸 라이터, 출판 작가로도 활동하고 있습니다.