5월3일 다음앱(V3.0)이 새롭게 업데이트 되었습니다.

새롭게 개선된 부분은 아래와 같은데요.

UX팀에서 이번 개편을 준비하면서 경험했던 소소한 이야기들을 전해드릴까해요.^^

 

특히, 이번에는 UX적인 관점에서 새롭게 시도했던 '서비스 서랍'에 대한 경험을 공유하고자 합니다.

 

서비스 서랍 : 새로운 UX 제안! 숨겨져 있는 공간을 활용하라!!

: 요즘 모바일 서비스들은 좁은 화면의 제약사항을 극복하기 위해서 화면의 숨겨진 공간을 활용하곤 하는데요. 

예를 들어 페이스 북(Facebook) 서비스의 경우 좌측 날개를 활용하여 숨겨진 공간을 접었다 펼쳤다 할 수 있는 UI를 적용했죠.

 

<페이스북 서비스 화면>

 

다음앱에서도 이와같이 숨은 공간 활용방법에 대해 고민을 하기 시작한 것은 2010년 실시된 모바일웹 FGI(Focus Group Interview) 실행 이후입니다.

모바일웹을 이용하는 사용자들의 이용패턴과 니즈, 기대사항 등을 발견하기 위해 실시한 조사였는데요. 이러한 사용자들의 특성을 통해 3가지 핵심 컨셉 키워드를 도출하게 되었습니다.

 

 

특히, 다음 모바일웹 서비스의 첫 화면에 기대하는 것은 아래와 같았습니다.

1) 상단 영역에서 자신의 주 메뉴가 노출되어 빠르게 이동할 수 있기를 기대함

2) 긴 화면에 모든 정보가 노출되는 것보다는 선택에 의해 개인화 된 정보가 노출되었으면함

 

큰 컨셉과 사용자들의 니즈를 반영하여 3 Top 아이디어를 내게 되었는데요. 아래와 같이 3가지 타입의 첫화면이 존재하고 플리킹을 통해 화면간 이동이 가능케 하는 아이디어였습니다.

 

1) Today Top(Fit) : 시간대 별 이슈가 담긴 컨텐츠 페이지, 날씨-지도-증권 등 시간대 별 필요 컨텐츠 노출

2) Basic Top :  검색 + 컨텐츠 + 개인화 기능이 담긴 페이지

3) 전체서비스 Top(Quick) : 전체 서비스 바로가기

 

 

위의 과정들이 의미가 있었던 점은 사용자들의 니즈를 통해 서비스의 컨셉을 구체화 하고 사용자의 경험을 만들어내었다는 것이였습니다.

 

이후 여러 번 개편을 통해 현재 모바일 Top 화면이 나오게 되었는데요. 사용자들의 니즈를 충족시키기 위해, 작은 모바일 화면의 제약사항을 극복하기 위해 수 많은 시도와 도전이 있어왔습니다.

특히 이번 개편에서는 '서비스 서랍'이라는 기능을 통해 숨겨진 하단의 공간을 활용하였는데요. 

 

사용자들의 니즈 중 하나는 

"어떻게 하면 쉽고 빠르게 내가 자주가는 서비스로 이동할 수 있는가..." 였습니다.

 

이러한 사용자들의 니즈를 해소해줄 수 있는 방법에 대해 고민하기 시작했습니다.

사용자들의 행동을 관찰하고 도출된 사용자 인사이트를 가지고 협업 부서들과 함께 스케치를 하면서 아이데이션 한 결과 하단에 숨겨져 있는 공간을 활용하여 아래에서 위로 당겼을 때 서비스가 나오게 하면 좋겠다는 의견이 나왔습니다.  

<스케치 화면>

 

이러한 고민을 통해서 나온 것이! 서비스 서랍입니다.^^

서비스 서랍은 새로운 UX를 제안한 것 뿐만 아니라, 서비스 메인 화면에서 뿐만이 아니라 브라우저에 들어갔을 때에도 언제 어디서나 원하는 서비스에 접근할 수 있도록 접근성을 높였다는 점이 유용하다고 할 수 있습니다.

 

<서비스 서랍 화면>

 

이번에는 서비스 서랍을 통해 이러한 시도를 했지만...

향후에도 이러한 숨겨진 영역을 활용할 수 있는 다양한 UI를 제공하는 서비스에 대한 고민이 많이 이뤄져야 할 것 같구요.

UX팀에서는 계속적으로 이러한 새롭고 유용한 UX를 제안하는 사례가 많이 있어야 할 것 같다는 생각을 했습니다. 

 

이후에도 이와같이 실제 서비스에 반영하는 사례가 있을 시, 다시 한번 블로그를 통해 소개해 드릴게요^^

 

 


* 다음앱 주요 개선내용

1> 서비스 서랍

: MY 서비스(자주 사용하는 서비스 바로가기), 전체 서비스(다음의 모든 서비스 바로가기), 즐겨찾기(즐겨찾기 저장)

2> 5분 메뉴

: 5분 마다 새로운 다음의 다양한 컨텐츠(뉴스, 블로그, TV팟, 미즈넷 등)를 제공함

3> 내주변

: 주위 맛집, 교통 정보를 실시간으로 제공함

4> 브라우저 메뉴

: 하단 메뉴 정리 및 화면 최소화 기능 제공함

 

* 다음앱 다운받기 : http://itunes.apple.com/kr/app/id365494029?mt=8

* 더욱 자세한 정보 확인을 위해서는 "다음 모바일을 만드는 사람들 블로그"에 방문해 보세요.


 

 

 

 

 

 

신고
Posted by 비회원


티스토리 툴바