e-Biz Center

'UI'에 해당되는 글 2건

2008/10/29 달달한조박사 UI 향상 : 엔드리스닷컴 (1)
2008/10/06 달달한조박사 User Interface : 페이지별 핵심가치를 획득하라

UI 향상 : 엔드리스닷컴

인터넷 마케팅 2008/10/29 10:22 달달한조박사

[웹 컨설턴트] 백상권 - 나는 어느새 南쪽식으로 도사리고 앉았다.
- [비즈팟] http://www.biz-pot.com/
- 전재 또는 인용할 경우 반드시 출처를 표기하여야 합니다.

쇼핑몰이나 컨텐츠 비즈니스에 있어서 전환율을 상승시킬 수 있는 가장 기본적인 조작방법은 UI를 향상시키는 것이다. UI의 향상작업이라고 하면 네비게이션을 통일시키고 버튼이나 링크를 쉽게 구분할 수 있도록 만드는 작업이 우선적인 대상일 것이지만 쇼핑몰에서 상품을 검색할 수 있는 다양한 방법을 제시하는 것도 좋은 방법이 될 수 있다.

엔드리스닷컴(http://endless.com) 은 다양한 상품군에 고객이 쉽게 접근할 수 있는 방법을 제시함으로써 고객이 수 많은 상품들 사이에서 헤매는 것을 방지하고 있다. 그럼으로써 엔드리스닷컴은 고객이탈을 방지할 수 있게 되고 그것은 결국 전환율을 상승시키는 역할을 하게 될 것이다.

고객은 엔드리스닷컴의 여성슈즈 카테고리에서 자신이 원하는 신발을 고르기 위해서 좌측 카테고리 파트에서 신발종류, 브랜드, 사이즈, 신발폭, 색상, 힐높이, 가격대를 중복해서 설정만 하면 되고 그 검색결과는 상품리스트에 즉각 반영되어 나타난다. 고객이 만약 부츠 중에서 핑크 컬러 상품을 구매하고 싶다면 원하는 대로 카테고리와 컬러를 설정하면 원하는 값을 즉시 볼 수 있다.

엔드리스닷컴은 우리에게 많은 시사점을 던져주는 쇼핑몰이다. 대부분의 쇼핑몰이 일반적인 쇼핑몰 카테고리 분류만을 제공하고 있는 실정에서 위와 같은 UI를 제공해 준다면 이 자체로도 엄청난 차별화요소로 기능하게 될 것이다. 이에 덧붙여 한국적 정서를 담은 카테고리 분류를 추가한다면 더욱 멋진 일이 되지 않을가 생각해본다.

달달한조박사의 변 :
엔드리스닷컴 좌측의 상품 관련 리스트는 정말 놀라울 정도로 직관적입니다.
국내에서도 위와 유사한 서비스를 대부분의 가격비교 사이트에서 적용되고 있습니다.
예로 MP3의 경우 동영상재생, 용량, 메모리타입등 디테일하게 필터링을 할 수 있습니다.

아직까지 전자제품을 제외한 패션이나 기타 카테고리의 경우에는 위와 같은 서비스가 힘이 드는데.
한 예로, G마켓에 가서 핑크색의 100 사이즈 티셔츠를 산다고 했을 경우 티셔츠 카테고리에서 무수히 많은
상품을 열어 봐야 됩니다. (쇼핑의 경우 페이지가 무거워 일반 가정집의 PC에서는 많은 시간이 소요 됩니다.)

그렇지만 G마켓에서 T셔츠 상품 등록을 할때 옵션에 저장되는 DB (옷 색상, 사이즈등)를 잘 활용한다면,
빠른 시일내에 G마켓 패션에서도 위에 엔드리스닷컴과 유사한 서비스를 할 수 있을 것이라 생각됩니다.

쇼핑이건 커뮤니티건 웹서비스건 마케팅이건 가장 중요한 것은 데이터 이며, 이 DB를 잘 설계해서
그것을 활용할 경우 굉장한 서비스가 될 수 있지만, 같은 DB라도 설계부터 잘못 되고 활용도 못할 경우
엉터리 사이트가 될 수 있습니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

TAG bizpot, DB활용, 비즈팟, G마켓, UI

받은 트랙백이 없고, 댓글 하나가 달렸습니다.

댓글+트랙백 RSS :: http://www.ebiz-center.info/rss/response/51

댓글+트랙백 ATOM :: http://www.ebiz-center.info/atom/response/51

User Interface : 페이지별 핵심가치를 획득하라

인터넷 마케팅 2008/10/06 23:15 달달한조박사

출처 : 비즈팟 메일링

[웹 컨설턴트] 백상권 - 나는 어느새 南쪽식으로 도사리고 앉았다.
- [비즈팟] http://www.biz-pot.com/

- 전재 또는 인용할 경우 반드시 출처를 표기하여야 합니다.

웹컨설팅을 하는 분들의 웹디자인에 대한 이야기를 들어보면 대체적으로 다음과 같이 요약되는 것 같다.

'화려하거나 멋진 것이 잘된 디자인은 아니다'

하지만 이런 말로는 조금 부족한 것 같다. 핵심가치의 실현이라는 목적에 부합하는 디자인이 잘된 웹디자인이라고 표현하면 좀 더 명확해질 것 같다.

다음 화면은 [비즈팟]의 회원가입 약관동의 페이지이다. 이 페이지의 핵심가치는 무엇일가?

이용자가 약관을 손쉽게 확인하고 동의를 표하고 나서 회원정보를 입력하는 다음 페이지로 이동시키는 것이 핵심가치일 것이다. 그렇다면 위 화면은 어떻게 바뀌어야 할가?

필자는 현재 페이지의 핵심가치를 실현하기 위해 디자인팀에 다음과 같이 변경할 것을 요청하였다.

1. 이용약관과 개인정보정책이 노출되는 창이 지나치게 길어서 불필요하게 스크롤하게 만든다. 약관은 우측상단에 작은 버튼 장치도 있기 때문에 쉽게 확인이 가능하므로 현재창보다는 작아져야 한다.
2. 동의여부를 묻는 라디오버튼의 위치는 사용자의 동선을 고려해서 중앙으로 옮겨야 한다.
3. 회원가입버튼은 누르기 쉽도록 현재보다 훨씬 커져야 한다.

위와 같이 바꾸면 페이지가 가지고 있는 핵심가치인 회원정보입력 페이지로의 이동이 훨씬 용이할 것이다.

이런 형태로 각각의 페이지가 가지고 있는 핵심가치를 염두에 두고 기획, 디자인을 진행한다면 큰 무리없이 웹사이트의 편리한 사용성을 이룰 수 있다. 핵심가치라는 것은 어떤 경우에는 복합적으로 나타나기 때문에 위 경우처럼 명확하지 않을 수도 있다. 그럴 경우에는 핵심가치의 우선순위를 매겨서 적용하면 좀 더 쉽게 다가갈 수 있다.

이미 웹사이트가 완성된 경우라면 페이지마다 핵심가치를 훼손하는 요소들만 제거해 나가도 UX(User eXperience)의 향상은 물론이고 전환율 상승에 큰 도움이 될 것이다.

달달한조박사의 생각 :
화려하고 이쁜 웹페이지가 좋은 디자인이 아니라는 것은 정말 100번 당연한 말입니다.
하지만 보통 기획자나 디자이너들은 가장 기본이 되는 간단하고 핵심적인 그리고 사용자의 동선을 고려한 웹페이지 기획을 하기가 힘이 듭니다.

왜냐면 그 사람은 그 UI에 익숙하기 때문입니다.

대부분의 웹기획자들이 스토리보드를 작성하여 디자이너에게 전달하면 거의 90%의 디자인은 스토리보드와
똑같이 페이지가 나옵니다. (이는 어찌보면 디자이너의 실력일 수도 있지만, 업계특성이 좀 이상해서
좀 튀는 디자이너는 피곤한 사람. 같이 일하기 힘든 사람이라 생각을 하게 됩니다.)

그렇다면. 대부분의 큰 회사들의 직관적인 UI는 어떻게 나올까요?
답은 비싼 컨설턴트입니다.

작게는 밥한끼부터 크게는 몇백 몇천만원을 지급해 가며, 교수님 또는 이름이 알려진 분에게 컨설팅을 받습니다.

그래서 나온 결과물은. 정말 별것이 아닙니다.

보통 이런 생각을 하죠.. '머야 이게 500만원짜리 컨설트야? 초등학교 다니는 우리 아이도 알겠다.'

하지만 그 500만원은 결코 아까운게 아닙니다.

등잔밑이 어둡다고. 정말 쉬운것을 우리는 놓치기 때문입니다.

커넥트몰.. 정말 뜯어 고치려면 끝도 없습니다. 그래서 어느정도 고치면. 고칠곳이 또 나옵니다.

참 아이러니 합니다. 팀장이 기획한 일에.. 팀원이 토를 달고 불편한 UI를 개선하자고 하면. 그 팀원은 건방진 사람입니다.

하지만 500만원을 주고 많이 배우신 분에게 도움을 요청해.. 팀원이 이야기한 불편한 UI 개선안은...
허벅지를 치게 하는. 정말 놓쳐버린 아까운 별거아닌 이야기 입니다.

저는... 위에.. 소소한것까지 신경쓰는 팀장이 되겠습니다.
(하지만 어렵네요. OTL 누구보다 훌륭한 컨설턴트인 이찬진 사장님이 있는데도... 어렵네요... 고치려면 끝도 없고. 내 생각을 디자이너나 개발자에게 전달하기도 어렵고.. 고쳐야 할 부분을 풀어 가는것도. 어렵네요.
제가 기획자가 아니라 마케터라 그런것도 있겠지만.. 머리속에 대략적인 생각을 다른사람에게 이야기 또는 서류상으로 표시 한다는건. 정말 어려운것 같습니다.)

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.