brunch

매거진 매거진 목요일

라이킷 227 댓글 1

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 티몬 디자인스토리 Apr 27. 2017

마이페이지에 관하여

서비스 타입별 마이페이지 리서치

티몬의 UX랩에서는 다양한 연구과제를 진행하고 있습니다. 그 중, 서비스 선행프로젝트나 진행중인 프로젝트와 같이 즉시 공개가 곤란한 내용도 있지만, 나누면 좋은 정보 모음들을 꾸준히 공유하고자 합니다. 본 과제는 연구 과제 중 마이페이지에 관한 리서치 내용입니다. 세상에 공개된 지식을 살펴보고 모아서 저희의 시각과 견해를 보태서 나눕니다.

1. 마이페이지 형태별 리서치

1-1. 그리드형 마이페이지

- 이미지와 함께 두 가지 이상의 세로줄이 있습니다.

- 이미지가 대부분의 공간을 차지하고 있어 텍스트는 최소한으로 해야합니다.

그리드 뷰는 구체적인 정보를 찾을 때 가장 유용합니다.

즉, 유저가 이미 목적을 가지고 어떤 콘텐츠를 선택할지 알고 있을 때 가장 효과적입니다.

주로 이미지 위주의 서비스인 인스타그램이나 제품, 갤러리 등에서 사용하는 뷰입니다.

하지만 이미지는 자극을 주어 급한 선택을 할 수 있게 만들고 전체 옵션을 보기 위해 스크롤을 많이 해야 하는 단점이 있어 서비스 특징에 맞게 잘 활용해야 합니다.

1-2. 리스트형 마이페이지

- 한 세로 단에 모든 콘텐츠를 나열한 뷰 형태입니다.

- 텍스트가 많고 이미지는 거의 없습니다.

리스트 뷰는 페이지를 더 짧게 만들어 오버 스크롤링을 방지하는데요.

아코디언을 통해 서브 옵션으로 레이어를 더 추가할 수 있는 기능을 마련해주어 유저는 텍스트 라벨을 훑어보고 자신이 원하는 정보를 빠르게 찾을 수 있습니다.

주로 정보가 많은 마이페이지에서 사용하는 형태입니다.

1-3. 카드형 마이페이지

- 구체적인 정보를 담는 입구점의 역할을 하는 이미지와 텍스트를 포함한 작은 사각형입니다.

- 일관된 조각의 컨텐츠로 모아주는 역할을 합니다.

카드형 뷰의 대표적인 예인 페이스북은 끝없는 데이터 스트림의 정보들을 모아주기 위해 카드형 디자인을 사용하였습니다. 카드 기반의 디자인은 주로 시각에 많이 의존하기 때문에 유저들이 이미지들을 효과적이고 즉각적으로 볼 수 있어 이미지 타입의 컨텐츠를 나타내기에 가장 알맞은 방법입니다.

1-4. 재미있는 형태의 마이페이지

- 일반페이지와는 다른 레이아웃과 형태를 사용하여 재미있는 요소를 더했습니다.

다른 디자인적 요소를 넣지 않고 타이포와 이미지를 활용하여 페이지를 디자인하였고 콘텐츠와 탐색에 중점을 둔 명확하고 단순한 인터페이스로 사용자 경험을 개선한 마이페이지들입니다.

2. 마이페이지 기능별 리서치

마이페이지의 7가지 기능

여러 마이페이지들을 리서치하면서 공통된 기능들이 뭐가 있는지, 사용자가 어떤 이유로 들어가는지 리서치 해봤는데요. 마이페이지의 공통된 기능들은 7가지 정도로 추려볼 수 있었습니다.

결국 마이페이지라는 공간은 쇼핑몰에서 쇼핑하다가 궁금한 점이 있어 고객서비스 센터를 방문하듯, 온라인 쇼핑에서는 마이페이지가 CS기능의 집결지라고 할 수 있습니다.

3. 어플리케이션 분석

3-1. 레이틀리

패션에 대화형 커머스를 접목한 앱.

이 앱을 이용하는 고객들은 유명 디자이너나 셀럽들과 채팅을 하며 상품에 대해 문의를 할 수 있는 서비스를 가지고 있습니다. 저도 레이틀리의 마이페이지에 있는 1:1 고객센터를 사용해봤는데요.

시간과 장소 제약이 있는 전화 문의나 실시간성이 떨어지는 1:1 이메일 문의의 단점을 보완하여 복잡하게 입력하지 않고 궁금한 점을 빠르고 쉽게 해소 시켜줄 수 있었습니다.또 관심 있는 디자이너나 브랜드를 팔로우하면 브랜드의 스토리와 컨셉 등을 담은 컨텐츠를 감상할 수 있습니다.