Expression : Theme & Motive 원과 블랙 컬러가 던지는 메타포

T store에서 가장 중점을 둔 부분은 두 가지다. 콘텐츠 표현과 웹에서 모바일로의 컨버전스. 멀티미디어, 게임 등의 다양한 콘텐츠는 지속적으로 업데이트되고, 사용자들은 다운로드 서비스를 통해 이용하게 된다. 이러한 역동성을 표현하기 위해 디자인 메타포를 ‘원(circle)’으로 선택, 콘텐츠의 상호 교류와 순환, 인터랙티브한 모습을 상징적으로 보여줬다. 웹 사이트는 전체적으로 블랙 컬러의 바탕과 입체적인 썸네일로 통일감을 이룬다. 사이트의 특성상 많은 콘텐츠가 노출되기 때문에 쉽게 식별하고 집중할 수 있도록 블랙 컬러를 사용하였다.

자신의 폰에 장착하고 싶은 애플리케이션으로 구입하는 사이트이므로 일종의 온라인 쇼핑몰 사이트라고 할 수 있는데, 일단 전반적으로 검은색 바탕인 점이 눈에 확 들어온다. 과감한 검은색 바탕의 사용은 오히려 사용자들이 이 사이트의 메인 콘텐츠인 다양한 애플리케이션에 집중할 수 있게 만드는 데 도움을 준다. ‘스토어’의 생명이 콘텐츠라고 한다면 이번 사이트의 전반적인 디자인과 메뉴 구성은 그 생명들을 돋보이게 하는 데 효과적으로 보인다. 그것만으로도 ‘스토어’의 역할은 충분히 한 것 같다.

Information Architecture :

Effects & Technique 썸네일을 뽐내라!

이번 프로젝트의 이슈는 썸네일을 돋보이게 하라는 것. 사용자들이 썸네일에 집중할 수 있도록 디자인 요소는 최대한 자제했다. 썸네일은 사용자가 제작한 이미지로 노출되는 것이기 때문에 전체적인 디자인 퀄리티에 영향을 줄 수 있다는 우려가 있었다. 이를 위해 썸네일마다 동일한 입체적 효과를 주어 사이트의 퀄리티 및 아이덴티티를 유지하도록 했다.

T store를 방문하면 블랙 컬러의 바탕에 얹어진 동글동글한 콘텐츠가 눈에 확 들어온다. 원을 디자인 메타포로 하여 전체적으로 부드럽고 아기자기한 느낌이 강하다. 사이트 특성상 썸네일 노출이 큰데, 통일감을 주기 위해 동일한 효과와 틀을 제공하여 정돈된 이미지를 주었다.

Layout  시선을 따라가는 콘텐츠 노출

사이트를 방문했을 때 가장 먼저 시선이 꽂히는 곳은 어디일까? T store는 시선이 1차로 머무는 위치에 가장 중요한 프로모션을 배치한다. 마케팅 측면에서나 사용자 측면에서 가장 유용한 콘텐츠를 효율적으로 노출하고 그 하단에 전략적으로 콘텐츠를 배치하였다. 이러한 배치는 지속적인 운영의 효율성과 사용자의 접근 편의성을 고려한 것이다. 또한 콘텐츠의 위치와 중요도에 따라 노출되는 개수와 썸네일 사이즈를 달리하여 자칫 지루해 지기 쉬운 사이트의 느낌을 역동적으로 표현하였다.

T store 웹 사이트는 메인 페이지의 적절한 구성이 돋보인다. 모든 콘텐츠 아이콘이 정사각형인 데 비해, 중앙 상단에 원형의 아이콘으로 spotlight zone을 마련하여 인기있는 아이템을 부각시켰다. 중앙에 한 주 간의 카테고리별 베스트를, 오른쪽에 최신 업데이트 목록과 T store 추천 목록을 배치하여 사용자의 선택과 집중을 돕는다. 애플리케이션 서비스 사이트의 목적성을 표현하는 동시에 사용자들의 편의성도 고려한 국내 최초 앱스토어 T store는 앱스토어 시장의 가능성을 보여주고 있다.

UX (User Experience) 기존의 경험을 이용하여 편하게 접근하라!

사용자에게 경험은 상당히 중요하다. 새로운 시도일지라도 기존에 비슷한 경험이 있다면 편하게 느껴지는 것과 같다. T store는 기존의 쇼핑몰이 가지는 구매 프로세스를 따름으로써 이용에 대한 거부감을 줄였다. 개발자가 직접 올린 애플리케이션에 대한 상세한 설명과 고객들의 평점, 리뷰 또한 이용에 도움을 준다. 사용자는 대표 휴대폰을 설정한 후 자신에게 맞는 콘텐츠를 마치 쇼핑몰에서 물건 구입하듯 이용하면 된다. 또 ‘퍼가기’ 기능를 통해 사이트 내 상품을 지인들에게 소개하고 추천할 수 있다. 이 기능은 상품의 재배포로 자연스럽게 연결된다. 

Epilogue 처음 만난 생소함에 대한 도전을 넘어
처음 본 프로젝트를 접했을  때, 가장 어려웠던 점은 서비스 및 용어에 대한 생소함과 난해함이었다. 기존의 UI 설계 경험으로는 부족해 보였고, 많은 공부와 노력이 필요했다. 여타 프로젝트보다 기획이슈에 대한 능동적인 대처가 필요했고, 많은 시행착오를 각오해야 했다. 문제점을 해결하기 위해 정기적인 브레인스토밍을 진행하고 서비스 및 UI 개선에 대한 내부 협의를 강화, 부서에 관계없이 모든 이슈를 함께 조율해 나가면서 경험의 부족분을 매꿔나갔다. 전사적으로 아이디어를 공유하는 워크샵을 열기도 하면서 점차 서비스를 이해하기 시작했고 본격적인 설계가 이뤄지고 GUI 작업에 들어갔을 때는 모든 직원이 ‘모바일 오픈 마켓’의 개념과 목표를 확실히 인지하게 되었다. 우리에게 새로운 도전을 준 T store. 디지털 콘텐츠 시장의 변화 그 중심에 서있는 모바일 시장에 새로운 활력을 불어넣을 것이라 기대한다.