국내에서 운영중인 쇼핑몰 검색과 검색창 동향에 대해 분석해보고, 쇼핑 검색에 대한 전체적인 방법들을 소개해보고자 한다. 본 포스팅에 소개된 쇼핑몰은 무작위로 선정한 것이므로 더 나은 검색방법이나 검색결과가 있으면 언제든 댓글이나 이메일을 통해 알려주시면 된다.
 

1. 쇼핑몰 상단에 위치한 검색창

쇼핑몰에서 검색을 위한 가장 일반적인 검색창의 위치는 페이지 상단 오른쪽이다. 검색창 바로 옆에는 로그인과 장바구니 쇼핑 가이드 처럼 쇼핑 외적인 중요한 요소와 함께 배열한다. 대부분 쇼핑몰에서 검색창은 이 곳에 위치하고 있기 때문에 방문객들이 처음 왔더라도 검색창을 찾기위해 헤매지 않아도 된다. 

검색창은 레이아웃상 특별한 요소가 없다면 일반적인 위치에 배치하는 것이 좋다.










2. 메인 메뉴에 가까이

기본적으로 검색창은 페이지 오른쪽 상단에 위치하지만 오른쪽에서 조금 아래로 내려와 메인 메뉴 바로 옆에 위치하기도 한다. 메인 메뉴 바로옆에 위치하기 때문에 메뉴에 대한 기본적인 검색은 미리 이뤄진다고 볼 수 있다. 그 이유는 인간의 시각은 왼쪽에서 오른쪽에서 상단에서 하단으로 움직이기 때문이다.

"쇼핑몰에서 중요한 'Above the fold' 영역" 참고
 









3. 돋보기 픽토그램 

다음 페이지로 넘어갈 생각에 마음이 바쁜 방문자가 텍스트를 읽지 않고 신속하게 검색창을 찾고자 할때 검색창에 돋보기 픽토그램은 매우 효과적이다. 픽토그램은 인간의 시각적인 반응을 가장 쉽고 빠르게 전달할 수 있는 유용한 도구다.

예를 들어 시속 120km의 속도로 고속도로를 달리고 있다고 가정해 보자.. 오밀조밀한 작은 글씨는 눈에 잘 들어오지 않는다. 대신 크고, 선명하며 눈에 확 띄는 휴게소 안내판이나 전방 500m 카메라 표지판은 쉽고 빠르게 들어온다. 픽토그램은 빠르게 움직이는 사람들에게 정보를 전달하는 최상의 방식이기 때문이다.
 








4. 검색창 추천 문구

사용자들이 쇼핑몰에서 검색을 하는 이유는 원하는 상품을 찾고 그 결과를 얻기 위한것도 있겠지만 꼭 그렇지 않은 경우도 있다. 그런 의미에서 검색창안에 상품에 대한 간단한 문구를 넣는건 일종의 광고 효과를 노릴수도 있으며 특정 상품에 대한 판매 촉진을 위한것일수도 있다. 따라서 검색창 텍스트는 짧은 단어보다 주로 구문을 활용한다.  
 






5. 연관 검색어 및 추천 검색어

연관 검색어는 상품 종류가 많은 대형몰에 주로 사용되는데 입력한 상품외에 그 상품과 연관된 다른 검색어를 보여줌으로써 사용자에게 하나의 가이드 역할 또는 참조할 만한 추천 검색어 역할을 하게 된다. 사용자에게 더 나은 검색결과를 제공하면서 검색창을 통해 최적화된 쇼핑을 유도하는 역활을 한다. 









6. 카테고리 옵션 검색

검색창 왼쪽에 카테고리 옵션 박스를 넣어 검색 범위를 미리 좁혀 다른 불필요한 검색 결과가 나오는걸 방지한다. 주로 여성 고객이 많은 쇼핑몰에서 활용하는데 그 이유는 "쇼핑에서 '남성과와 여성'의 행동 패턴의 차이"를 보면 알 수 있다.











7. 검색창이 없는 검색

바쁜 방문객들을 위해 검색할 필요 없다면 굳이 검색창을 넣지 않아도 된다. 판매하는 상품이 많지 않거나 이미지로 설명이 충분히 가능하다면 검색창 없는 검색도 가능하다.

쇼핑몰에서 최적화된 상품페이지 UI 구성은 디자이너들에게 늘 연구 대상이었다. 단순히 이쁘고, 보기에 좋게만 제작된 상품페이지는 고객들의 경험적인 욕구를 채워주지 못한다.

이제 상품페이지는 가장 효과적인 사용자 인터페이스는 물론 보기에도 좋고 꼭 사야할 이유까지 만들어내야 한다. 웹 환경의 변화로 '플랙스'나 'AJAX' 등 다양한 웹 기술과 소셜미디어 채널을 활용한 기술적, 기능적 활용이 늘어나고 있다. 몇가지 상품 상세페이지 유형을 소개해보고자 한다.





1. http://www.freepeople.com/

감각적인 여성의류 쇼핑몰 '프리피플'은 각종 웹 디자인 관련 블로그에서 "전세계 디자이너들에게 최고의 영감을 주는 웹 사이트"로 매번 이름을 올리는 곳이다. 상세페이지는 사용자들이 상품이미지를 보다 쉽고 편하게 볼 수 있도록 마우스를 상품사진에 올리면 오른쪽 화면 비어 있는 곳(사용자가 상품 사진을 보고 있을때 오른쪽은 상품 사진과 아직은 상관이 없음으로 비어있다는 생각.)에 확대된 이미지가 자연스럽게 뜨도록 설계되어 있다.  

무엇보다 관련 상품을 클릭했을때 창이 바뀌거나 새창이 떠서 본 상품의 집중도를 흐트려뜨리는게 아니라 레이어 팝업으로 현재 보고 있는 페이지에서 관련 상품을 볼 수 있도록 되어있다.







 
2. http://www.47club.jp/

일본 지방신문기자 연합에서 각 지역 특산물들을 소개하고, 판매하는 '47클럽' 쇼핑몰은 상세페이지 구성이 기존 쇼핑몰들과 전혀 다른 UI 와 레이아웃으로 구성되어 있다. 유니클로(UNIQLO켈린더), 뮤인양행(playmuji) 등 혁신적인 웹 디자인 제작으로 유명한 'THA.JP' 에서 제작한 47클럽 상세 페이지는 가격, 옵션, 결제 등 기존 쇼핑몰 오른쪽에 있어야 할 영역을 페이지 상단으로 올려놓았다.

그리고 인증서, 생산자, 생산지를 보여주는 영역이나 이 상품을 추천한 기자 혹은 MD들의 코멘트, 리뷰, 상품평 등 쇼핑에서 구매를 결정하는 중요한 요소들을 상품 설명 오른쪽에 배치했다. 판매자 입장에서 상품을 설명하는 부분과 사용자들의 입장과 의견을 상하로 분리하지 않고, 좌우로 함께 배치해 가독성과 신뢰도를 동시에 높였다.
 







3. http://www.whiteandwarren.com/

패션 디자이너 수잔 화이트와 바바라 워렌이 공동으로 설립한 "whiteandwarren"은 뉴욕 패션계에서 유명한 명품 브랜드다. 특히, 여성들의 권익(유방암 퇴치 운동 등)과 친환경 소재를 이용한 제품 생산은 그 가치를 더 높여주고 있다. 쇼핑몰 상세페이지는 군더더기 없이 간결하게 제작되었으며 상품사진 자체에서 확대와 축소가 가능하도록 설계되었다. 









4. http://jaqkcellars.com/

2009 미국 월드시리즈 공식 와인이기도 했던 '잭셀러'는 유명인사들이 즐겨 찾는 와인 브랜드라고 한다. 그래서 그런지 공식 쇼핑몰 상세페이지 역시 매우 고급스럽게 디자인되었다. 특히 와인병을 360도 돌려 볼 수 있는 기능은 기술적으로 어떨지 모르겠으나 다른 곳에서 쉽게 보기 어려운 고급스러운 장면이다.  









5. http://allopop.com/

국내 디자인 티셔츠 전문 브랜드 "알루팝"은 대형 의류 업체들이 자본과 물량으로 시장을 잠식하는 동안. 참 끈질기게 오랫동안 버티고 살아남은 국내에 몇 안남은 온라인 토종 브랜드다. 이들의 혁신은 티셔츠 자체 디자인 뿐만 아니라 쇼핑몰 상세페이지 역시 혁신적이다.

사용자 눈에 쉽게 들어오는 전체적인 페이지 구성과 상품이미지를 넘길때 빠른 속도감은 매우 인상적이다. 다만 커뮤니티 RSS나 미투데이, 트위터 등 공유와 단문 메시지 채널를 좀 더 적극적으로 활용했으면 하는 아쉬움은 남는다.








6. http://www.williams-sonoma.com

미국의 이케아라고 불리는 미국 최고의 홈 주방 소매 업체 윌리암스 소노마는 1956년 창업되었다. 주로 주방용품과 생활용품을 사무용품등을 취급한다. 쇼핑몰 상세페이지는 간단한 설명과 심플한 사진 몇장이 전부다. 그러나 오랫동안 카달로그 영업을 해와서 그런지 소셜네트워크 채널을 활용한 입소문 영역은 확실히 신경을 쓴 부분이다.

동영상을 하단으로 위치해 사진과 동영상을 분리 시켜 배치한것은 인상적이다.











7. http://www.qimonya.com/ 

'쿠이몬야'는 일본 큐슈 지역에서 생산되고, 유통되는 먹거리를 온라인으로 판매하는 지역형 오픈마켓 쇼핑몰이다. 이 곳 상세페이지를 자세히 들여다보면 현재 주문이 들어오는 현황을(주문 날짜, 주문 번호, 주문 지역, 주문 금액) 실시간으로 볼 수 있다.   

그리고 또 한가지 흥미로운 점은 상세페이지 하단에 뉴스, 블로그, 웹페이지 등에서 이 상품과 관련된  키워드를 검색해 자동으로 나열해 보여주고 있다는 것이다.








8. http://www.digitalmesh.com/

'디지털메쉬'라는 인도회사에서 제작된 와인 쇼핑몰이다. 플랙스를 활용해 드래그 앤 드랍의 인터페이스로 상세페이지를 구성했다. 한 페이지에서 모든  기능이 가능하기 때문에 조금 익숙해지면 플랙스만큼 쇼핑몰에서 편한 기술도 없다. 

그러나 사용자들이 익숙해지는데 걸리는 로딩속도가 너무 길다.





--
 

"이 글은 웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"

신문의 주름 윗쪽 반은 사람들의 관심을 끄는 헤드 라인 뉴스나 사진을 제공한다. 구매 의욕을 돋우기 때문이다.


아래 그림은 Google 검색 결과다.

굵은 빨간선 윗 공간을 스크롤하지 않아도 볼 수 있는 영역. 굵은 빨간 선 아래 영역을 스크롤하지 않으면 볼 수 없는 영역이라고 한다면 위쪽의 공간이 바로 "Above the fold"이다.

 

이 "Above the fold" 영역은 쇼핑몰에서 매우 중요한 부분을 차지한다. 즉, 방문자들에게 제공해야 할 컨텐츠를 "Above the fold" 안쪽에서 거의 모두 담당하기 때문이다.

누가 정했는지 모르겠지만 방문자는 현재 방문한 페이지가 자신에게 필요한것인지 불필요한것인지 "3초 만에 결정"한다고 한다. 즉, 한명의 방문자라도 놓치지 않기 위해선 "Above the fold"에 무엇을 배치하는가가 대단히 중요하다.

Above the fold 중에서도 특히 핵심적인 부분은 "Golden Triangle(골든 트라이앵글) "라고하는 영역이다. 위 그림에선 노란색 역삼각형 공간이 Golden Triangle를 나타낸다.

1024x768 화면에서 볼때 빨간색 점선 윗쪽이 Above the fold 영역이다.

인간의 시선은 왼쪽을 기점으로 움직이기 시작한다. 그리고 Golden Triangle 안쪽을 중심으로 이동한다. 그림에서도 알수 있듯이 골든 트라이앵글쪽 영역은 사람들이 가장 많이 주목하고 있다.  

그렇기 때문에 이부분은 쇼핑몰에서 판매하고 있는 관련 내용이나 중요한 이미지를 배치하는 것이 고객들의 의식을 파악하는데 많은 도움이된다. 또한 쇼핑몰에서 방문객들의 "반송률"을 최대한 억제시키기 위해선 "Above the fold"와 "Golden Triangle"을 현명하게 이용하는 것이 중요한 사항이다.

--

"이 글은 웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"

소비재를 다루는 쇼핑몰에서 한번쯤 참조할 만한 유기농 느낌이 나는 패키지 디자인 17선을 소개해본다.





1. 곡물 과자 포장 패키지 디자인

영국 남부에 위치한 (dorsetcereals.co.uk/)사에서 디자인한 친환경 느낌이나는 곡물 과자 포장 패키지 디자인. 색감이나 디자인으로 곡물마다 각각의 느낌과 특성을 잘 살려냈다.









2. 유기농 목욕 제품 친환경 패키지 디자인

욕실 제품이라면 그것도 유기농 관련 제품이라면 흔히, 하얀색이나 아이보리색으로 느낌을 낼 거라고 생각하기 쉽지만 (pangeaorganics.com)사는 전혀 다른 시각으로 접근했다.







3. 고대 유기농 빵 패키지 디자인

호주에 위치한 POD라는 빵 제조 전문 회사는 고대 전통 방식으로 만든 빵을 출시했다. 이 패키지의 핵심은 소비자들이 내용물을 확인 할 수 있는 투명 비닐 위치를 포장 좌측에 넣은것이라고 한다.

이 패키지 디자인은 같은 호주에 위치한 (attsdesign.com.au/)사 이다.








4. 프레리 농장 옥수수 유기농 보드카 술병 디자인

미국 중서부에 위치한 미네소타 지역 5개 농장에서 연합해 영농 조합을 설립하고 유기농으로 키운 옥수수을 가지고 보드카를 만들었다. 술병이 담긴 박스안에 옥수수를 채워 넣은것이 인상적이다.

이 패키지를 만든 곳은 같은 미네소타에 위치한 (OLSON.com)사 이다.








5. 칠면조 친환경 패키지 디자인

노르웨이에 위치한 'homlagarden' 작은 농장에서 생산된 유기농 칠면조 고기 패키지 디자인이다. 농장을 운영하는 농부(비욘나 페데르센)의 전직은 이상주의자이면서 동시에 예술가였다. 그의 따뜻한 성격과 자연 친화적인 배경이 칠면조 패키지 디자인을 통해 반영되었다. 

아름다운 노르웨이의 자연과 환경, 그리고 Homlagarden 농장에서 행복하게 키운 칠면조의 이야기를 패키지로 만들어 냈다. 이 디자인은 February 2009 세계 패키지 디자인에 뽑히기도 했다.

이 패키지를 만든 곳은 같은 노르웨이에 위치한 (reaktor.no)사 이다. 









6. 유기농 식품 패키지 디자인

세계적인 패키지 디자이너 '이갈 호드리커 (Igal Hodirker)'가 만든 벌브사(유기농 과일, 야채, 식품등을 전문으로 취급하는 브랜드)의 식품 패키지 디자인이다. 최소한의 텍스트와 색감만으로 굉장히 혁신적인 디자인을 탄생시켰다. 내용물의 간단한 정보는 포장에 붙은 라벨로 알려주고 있지만, 사실 라벨이 없어도 독특한 질감으로 만든 패키지 때문에 사용자들은 내용물을 확인 할 수 있다.







7. 매일 상하목장 유기농 우유 패키지 디자인

코카콜라의 S라인 병을 연상케 하는 우유병 디자인은 한눈에 봐도 전혀 새롭다. 우유의 흰색 바탕에 유기농을 상징하는 진한 초록색, 갈색 텍스트는 최소한의 일러스트와 멋진 조합을 만들어 냈다. 디자인 덕분에 꽤 비싼 가격임에도 불구하고, 몇번 샀던 경험이...

매일 상하목장 유기농 우유(maeil.com)








8. 유기농 커피 패키지 디자인

Ihrmarke 커피는 대만의 유기농 제품을 생산하는 회사의 브랜드다. 간단한 일러스트와 선으로 갓 볶은 유기농 커피의 패키지 디자인을 완성시켰다.

이 패키지는 (프랑수아 클레르)의 작품이다.









9. 유기농 오이 패키지 디자인

영국의 hendricks 농장에서 생산되는 유기농 오이는 귀한 대접을 받는다. 오이 하나하나에 고급스런 얇은 종이를 싸고 그 위에 이 농장에서 생산된 확인 스티커를  붙이기 때문이다. 하나의 나무 상자에 6개의 오이가 들어간다.

유기농 오이 패키지 디자인은 (heredesign.co.uk)에서 제작 했다.






10. 씨앗 패키지 디자인

영국 학생들이 공모전을 통해 만든 씨앗 패키지 디자인이다. 내용물의 사진과 텍스트만으로 디자인 된 씨앗 포장지는 단순하면서도 직관적이다.








11. 100% 재활용 골판지를 이용한 CD 케이스

넥서스 프로덕션(Nexus Productions)은 종이 재질의 DVD 패키지를 만들었다. 이 음반 회사는 고전적인 플라스틱 케이스를 버리고, 100% 재활용 골판지를 이용해 DVD 케이스를 만들었다.
 








12. 강대인 생명의 쌀 패키지 디자인

전남 벌교에서 30년간 유기농만 고집하며 키운 강대인 생명의 쌀 포장 패키지다. 최소 단위로 쌀을 포장 했으며 한지 바탕에 붓글씨로 휘갈겨 쓴 타이포는 전체적으로 친환경 느낌을 준다.

관련 글은 행복이 가득한 집 (http://happy.design.co.kr/)










13. 감자 전분으로 만든 일회용 접시

패키지 디자이너 '안드레아(andrea ruggiero)'에 의해 만들어진 일회용 접시의 이름은 U.F.O 다. 이 접시의 재료는 식물의 씨앗, 감자 전분, 해초처럼 자연에서 얻은 것들로 만들어졌다. 사용된 접시는 아래 사진처럼 아무 곳에나 버려도 괜찮다. 새들의 먹이가 될 수도 있고, 자연에서 근방 썩어 없어지기 때문이다. 









14. 유기농 화장품 케이스 디자인

유기농 화장품은 만들기도 어렵지만 병 속에 내용물을 밖으로 표현해내기도 어렵다. 오가닉 케어(organicare)는 병 속에 들어 있는 내용물을 밖으로 표현해내기 위해 파격적이고, 스타일리쉬한 패키지 디자인을 선택했다. 또한 포장의 15% 수력 발전과 85%를 풍력 발전을 사용하는 시설에서 생산되었으며 포장의 사용된 재료중 80%는 재활용된 재료를 사용하였다.  

자세한 내용은 'Skincare products get green packaging'









15. 바나나 잎을 포장지로 사용

이 멋진 디자인은 이스라엘 디자이너 "탈 마르코"에 의해 탄생되었다. 바나나 잎으로 만든 이 포장지는 빠르게 유통되는 식품 산업에 알맞는 특성을 가지고 있다. 또한 음식물에 많은 물기와 기름기에 바나나 잎 표면은 완벽한 처리 능력을 나타낸다. 국내에서는 구하기 힘든 재료이긴 하지만 이와 비슷한 천연재료를 식품 포장으로 사용한다면 비용이나 활용면에서 좋은 결과를 만들어 낼 수 있을것이다.








16. 달걀 포장 같은 화장품 패키지 디자인

고급스러운 천연 화장품 포장을 달걀 패키지 처럼 디자인했다. 천연 화장품 'jurlique' 브랜드는 100% 재활용 용지로 겉 포장 케이스를 만들었다. 겉모습은 이렇지만 내용물은 오스트레일리아 농장에서 모든 식물과 꽃에서 만든 최고급 천연 화장품이다.








17. 유기농 계란 패키지 디자인

마지막으로 개인적으로 만든 12층 높이에서 던져도 안깨지는 '하늘과 계란' 패키지 디자인. 재활용이 가능한 100% 골판지와 종이로만 만들었다. 




--

"이 글은 웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"

장사가 잘 되는 쇼핑몰 만들기?

기본적으로 해야 할 것은 쇼핑몰의 소비자 타겟층을 정하고 각각의 공략법을 생각해보는 것이다. 공략 방법을 생각할 때는 비교적 과학적인 데이터를 기반으로 타겟층의 행동을 조사해 볼 필요가 있다.

그런 의미에서 "과연 남자와 여자의 행동 패턴에 어떤 차이가 있는가?"를 실제로 확인해 보기 위해 일본의 "안구 추적 전문 회사(e-agency.mobi)"의 도움을 받아 다음과 같은 테스트를 진행해 보았다.

테스트에 활용된 사이트는 일본 최대의 오픈마켓 "라쿠텐(rakuten.co.jp)"이다.






여성 소비자들은 가장 먼저 "이벤트 배너"를 클릭.

여성 패션에서 여성 실험자 A와 C는 "이벤트 배너와 링크"을 가장 먼저 보고 클릭한다. 이 여성은 그 후 "럭셔리한 선물", "디자인 초코렛", "아기자기한 포장" 등 3가지 링크를 타고 여러 번 왕래한다.

여성 실험자 B는 화면에서 "달콤한(sweet) 식품"카테고리를 클릭한다. 이후 이 여성은 왼쪽에 있는 검색창에 "장폴에반(고급 초콜렛 브랜드)"를 입력한 다음 검색을 시도했다.


 






여성 소비자는 상품의 이미지와 개념을 중시.

아래 그림은 여성 실험자 A의 상품 페이지 시선이다. 대체적으로 상품 사진을 주시하고 그 상품의 이미지에 시선이 오래 머문다는 것을 알 수 있다.

여성 실험자 3명 모두 "상품을 선택할 때 제품과 마찬가지로 패키지도 중요하게 생각한다."고 했다.  이것은 여성 실험자들에게만 나타나는 특징이다.

여성 실험자 A는 마지막으로 "Godiva(고급 초콜렛 브랜드)" 제품을 선택했다. "소중한 사람에게 주는 것이기 때문에 이왕이면 좋은 초콜릿을 선물하고 싶었어요. 'Godiva' 초콜릿은 품질도 포장도 고급이라는 것을 알고 있어요."라는 것이 그 초콜릿을 선택한 이유였다.




여성 실험자들의 시선 처리와 쇼핑에서의 행동을 요약하면,
  

• 제품뿐만 아니라 포장 패키지를 포함한 이미지까지 보려고 한다.
• "럭셔리한 선물", "디자인 초콜렛"등 추상적으로 상품의 이미지를 연상 시키는 표현에 시선이 오래 머물렀다.

여성들이 쇼핑몰을 방문했을 때는 이미 어느 정도의 구체적인 이미지와 브랜드('특정 초콜렛 브랜드', '퀄리티')을 가지고 제품을 보고 있는 것으로 예상 할 수 있다.

따라서 그러한 "추상적 이미지"를 전달하는 "실제적 이미지"가 필요하다. 여기서 말하는 실제적 이미지는 단순히 제품을 찍어 올려논 제품 이미지가 아니다.

여성들은 제품에 센스가 좋거나, 맵시가 나거나, 또는 고급 스러움이 풍기는 등.. 그런 컨셉을 어필할 수 있는 이미지와 럭셔리, 명품 같은 텍스트 설명이 중요하다.  

 



남성 소비자들은 "우선 검색"부터
 
3명의 남성 실험자들이 공통적으로 나타낸 하나의 행동이 있었다. 그건 바로 '라쿠텐' 메인이 열리자마자 상단 검색창에서 우선 검색부터 한다는 것이었다.

아래 보이는 동영상에는 남성 실험자 C의 시선을 추적한 것이다. 이 부분에서 "달콤한(sweet) 제품"을 선택하려고 검색창에 "빵"을 입력했다. 여성 실험자들이 카테고리에서 "달콤한(sweet) 식품" 카테고리를 먼저 선택한 것과는 대조적이다.





이번 테스트에서 이벤트 배너와 링크를 클릭한 남성 실험자는 단 한명도 없었다. 테스트가 끝난 후 인터뷰에서 "배너는 보이지도 않았다."는 대답이 돌아왔다.

그렇다면 남성들이 특히 주시하고 있던 곳은 어디일까? 대답은 "순위" 였다.  또한 "팔린 갯수"에 주목 했다는 대답도 있었다. 테스트 후 인터뷰에서 "순위권에 있는 제품은 일단 선택하기가 쉽다"라는 것과 "여기저기 돌아다녀봐야 모두 비슷한 상품처럼 보였다. 그래서 누군가 추천해주거나 많이 팔린 상품에 눈길이 갈 수 밖에 없었다." 는 대답을 했다.

남성들에게 제품 이미지 보다는 단순하게 정리된 제품 리스트와 정보에 시선이 머물게 하는 중요한 요소가 있다는 것을 알 수 있었다.
 






남성 소비자들은 사실을 전하는 상품에 시선을 빼앗김.

"장폴에반"이나 "Godiva"등 여성 실험자들이 특정 브랜드의 키워드를 입력한 반면, 남성 실험자들이 사용한 검색어는 "화이트 데이"나 "치즈 케이크"같은 보다 포괄적인 내용이었다.

따라서 수많은 검색 결과가 나오긴 하지만 남성들이 찾고자 하는 정확한 제품은 찾기가 쉽지 않았다. 그 범위를 좁히는데 사용된 것은, "금액순" "팔린 갯수"등 이었다. 또 "선물 세트 및 바구니"같은 한번에 모든 구매가 가능한 카테고리에 관심을 가졌다.

남성 실험자 C는 마지막으로 3가지 맛이 들어있는 모듬 초콜렛 세트를 선택했다. 선택한 이유는, "3 가지 맛을 모두 즐길 수 있어 합리적이라는 것"이 그 이유였다. 추상적인 이미지를 중요하게 여기고 그런 제품을 선택한 여성들과 선택 포인트에 차이가 있었다.
 

• 남성들은 가장 먼저 검색창을 이용한다.
  
• 순위, 매출 등의 데이터 정보를 주시한다.
  
• "선물 세트 / 바구니" 등에 관심을 가졌다.
  

남성 소비자들은 쇼핑몰에서 검색을 주로 사용하며 가격이나 순위 등의 데이터를 활용한다. 또한 이미지 보다는 "선물 세트 / 바구니" 같은 텍스트 문구에 주목한다. 그리고 가격을 나누는 실제적인 기능도 중요하다.





쇼핑몰에서 여성에게 필요한 것과 남성에게 필요한 것.

여성이나 남성이나 모두 상품 이미지에 시선을 둔다. 다만 서로 중요하게 생각하는 요소는 다르다. 제품 이미지에서 여성들은 포장 패키지 등에도 관심을 가지고, 제품의 개념과 센스 등에서 이미지를 읽으려고 한다는 것을 알수 있었다. 

그리고 여성들은 찾아야 할 상품의 이미지를 어느 정도 머릿속에 그리고 있으면서 추상적인 개념을 기준으로 상품을 선택했다. 반면, 남성들은 우선 대충 검색 하고, 가격이나 형태와 같은 필터 기능을 사용하여 합리적으로 제품의 범위를 좁혀 나갔다.

이러한 남녀의 행동 특성을 감안하여 쇼핑몰 UI 구성을 한다면 어느 정도 효과적이라고 할 수 있겠다.
 


--

"이 글은 웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"

쇼핑몰 인터페이스와 디자인적 부분은 직접 보고 느끼는 것이 가장 좋기 때문에
각 쇼핑몰에 관한 부연 설명은 생략했다. (아..이 귀차니즘..-0- )


주로 미국과 일본 유럽 캐나다 쇼핑몰 디자인들이며 국내 쇼핑몰은 굳이 소개 하지 않더라도
자주 볼 수 있기 때문에 따로 소개 하지 않는다.

• 이미지를 누르면 새창으로 뜬다.
  
• 해외쪽 쇼핑몰이라 새창이 뜨는데 조금 걸릴 수도 있다.

2009 쇼핑몰 메인 디자인 트랜드 51선 




1.erotokritos.com

좀더 복잡해지고, 다단계되어진 이 사회. 쇼핑몰에서도 복잡 세련되지 못하면 썰렁하고 빈티나고 없어보인다는 말까지 듣는다.

하지만 다른 한편으론 작은 액정 속. 작고 가벼운 SNS(소셜 네트워크 서비스) 사이트 또한 늘어나고 있는 추세다.  대표적으로 트위터, 믹시, 미투데이 등이 있다.


굳이 각 기관에서 내놓고 있는 SNS 사용율 지표가 아니더라도 휴대폰이나 아이팟터치를 통해 인터넷으로 접속하는 횟수가 늘고 있다는 건 피부로 체감 할 수 있다.

개인적 경험으로도 버스나 잠깐 시간이 날때면 어김없이 휴대폰을 꺼내들고 월 정액 6천원으로 사용할 수 있는 엘지 오즈폰 무선 인터넷으로 다음에서 제공하는 모바일 기사나 티스토리 실시간 리뷰를 읽는다.

가끔 4시간 정도 걸리는 서울행 버스를 타도 전혀 심심하지 않다. 







SNS 형태의 마이크로 블로그가 온라인에서 하나의 기류로 자리잡아가고 있는 이 시점에 지금이야말로 휴대기기에서 접속이 가능한 가벼운 쇼핑몰을 만들어야 할때가 아닌가라는 생각이 든다.



그리고, 가벼운 쇼핑몰은 그 자체가 가치라고 본다. 

구글 창업자 세르게이브린은 온라인에서 점유율 증가는 속도에 달려 있다고 했다. 화면 표시 속도가 0.1초 빨라지면 점유율도 그만큼 비례해 증가한다는 얘기다.

세련된 움직임이나 화려한 디자인도 개인적으로 좋아한다. 그러나 사용자 경험에서 쇼핑몰이 조금이라도 가볍고 빠르게 움직인다면 다음에도 그 쇼핑몰에 접속할 것이다.

온라인에서 쇼핑방식은 분명 간결하게 바뀌고 있다. 스크롤 압박이 느껴질 만큼의 많은 이미지나(쇼핑몰에선 이미지를 만들기 위해 엄청난 비용이 소용되기도 한다.) 플래시의 움직임으로 더이상 소비자들의 눈을 빼앗는 것은 오히려 기술이 진보함에 따라 불필요한 식상함을 가져온다.

아이폰이 출시되면 (된다곤 하는데 정확히 언제가 될지는 모르겠으나..) 분명 휴대폰 결제를 통한 SNS 형태의 쇼핑몰이나 상품 소개 어플정도는 나오지 않을까 생각한다. 그리고, 그때가 되면 가벼운 쇼핑몰은 그 자체에 가치가 생길거라고 본다.

웹사이트나 쇼핑몰에서 '수평적 레이아웃'의 관점은 사용자들의 익숙하지 않음과 수직적 구조에 편입되지 않으려는 피카소의 추상화와 비슷하다. 웹 공간의 정형화된 공간을 깨고, 파격적이고, 역동적인 레이아웃은 기본적으로 정교한 디자인과 알찬 컨텐츠를 기반으로 한다.

그리고, 의외로 "수평 레이아웃" 으로 디자인 된 웹사이트가 많다. 몇가지 해외 사례를 소개해 본다.  다양한 관점과 아이디어로 전체는 아니더라도 부분적으로나마 쇼핑몰에서 참조하길 기대해 본다.
 

 

http://suiepaparude.ro/

http://www.sonido.com.br/

http://www.ericryananderson.com/

http://www.hasrimy.com/

http://www.peter-pearson.com/

http://deanoakley.com/

http://www.visuall.be/

http://tyler.squarespace.com/

http://www.thehorizontalway.com/

http://www.handmadeinteractive.com/jasonlove/

http://lukelarsen.com/

http://www.lovebento.com.au/

http://www.webfellowforhire.com/

http://inside.nile.ru/#years-2008/

http://www.snoarc.no/

http://www.miguelperez.es/

http://album.alexflueras.ro/

http://blog.cnc-costumenational.com/

http://www.publicidadeviva.com/

http://www.neu-e.de/

http://www.jansochor.com/photo-essay/contraband.html

http://www.wallswaps.com/

http://www.clholloway.co.za/

http://sursly.com/

http://www.exit10.com/

http://lucuma.com.ar/

http://www.nanadc.com/Summer06/nana.html

http://synth.tc/

http://www.vanityclaire.com/

http://www.180degrees.co.uk/

http://www.eoloperfido.com/portfolio.htm

http://www.fashionphotographer.it/

http://graphictherapy.com/index2.html

http://www.bluevertigo.com.ar/bluevertigo.htm

http://www.workatplay.com/

http://www.faub.org/

http://www.gavincastleton.com/

http://swearwords.com.au/

"수평 레이아웃"으로 웹사이트나 쇼핑몰을 제작한다는 것.. 바둑을 예로 들어보자.

누군가가 상대방에게 "이렇게 둬야해 저렇게 둬야해" 라고 말하는 것은 한마디로 바둑이 아니다. 그건 기본적인 예의에 어긋난 행위인 것이다.

바둑은 기본적으로 자신의 논리대로 한판을 둘 자유가 있고, 그래야 의미 있는 게임이다. 웹사이트나 쇼핑몰을 구성할 때도 마찬가지다. '수평 스크롤'을 쓰느냐 '수직 스크롤'을 쓰느냐는 게임이 끝나봐야 어떤게 옳은지 아는 것이다. 그리고, 그건 틀린게 아니라 다를 뿐이다.


--
전부 훑어 보면서 느끼는 건데.. 사용하다 보니 '수직 스크롤'보다 약간  편한 것 같기도...

--
확인 결과 , 링크가 한칸씩 밀렸습니다. 수정해야 하는데.. 도저히 엄두가 안나는군요.


--

"이 글은 웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"