안녕하세요. 

제가 삼성의 Galaxy S8(회사에서 개발 폰으로 받음)을 사용하면서 느낀 자연스럽지 않고 어색한 UI/UX를 한 번 공유하고자 합니다.

저는 지금까지 Optimus LTE2 --> Galaxy Nexus --> G2 --> G2/iPhone5 --> G2/iPhone6 --> S8/iPhone6 를  써왔습니다.  스마트폰 사용 기기 수로는 클리앙에선 아마 하위 5%정도 되겠죠 ㅎㅎ.  Optimus LTE2를 쓰다가 군대에 들어가서 2년동안 폰이 그대로였어서 경험한 갯수가 그리 많지 않은 것 같기도 합니다.

제가 아래 공유하는 경험은 일부러 삼성을 깎아 내리려고 하는 것이 아니고 갤럭시 S8을 쓰다가 '아 왜 이렇게 만들어 졌지?', '조금 어색한데', '이랬으면 더 좋았겠다' 하는 부분들 중 TouchWiz Home 에 한하여 작성했습니다.  취향/선호의 차이가 아니라 삼성이 제공하는 UI/UX에서 직관적이지 않은 부분(처음 쓰는 사람이 어려워 할 수도 있는 부분)을 꼬집어 본 것이니 갤럭시에 익숙한 사용자께서는 '난 안불편 한데?' 보단 '아 그럴 수 있겠구나'라고 읽어주시면 더 좋을 것 같네요.  

---------------------------------------

먼저 삼성의 TouchWiz는 일종의 런쳐라고 보시면 됩니다.  삼성 폰을 처음 사서 순정으로 쓰게되면 스마트폰 사용 시간 중 가장 많은 부분을 차지할 수도 있는 그래서 어떻게 보면 가장 심혈을 기울여 만들었어야 하는 것이죠.  유저에게 자신들의 디자인 철학과 쉽고 직관적인 사용성을 제공하여 '갤럭시 좋네'라는 이미지를 줄 수 있는 부분이기도 하고요.  그렇기 때문에 아무런 세팅을 하지 않은 순정 터치위즈를 기반으로 글을 작성합니다.

터치위즈에서 저는 두 부분이 잘 이해가 안되었습니다.  첫 번째는 앱 서랍, 두 번째는 폴더.

1) 앱 서랍

앱 서랍은 안드로이드 유저들이 생각하는 iOS와의 가장 큰 UX 차이점이라고도 볼 수 있죠.  필요한 앱만 밖에 빼놓고 쓸 수 있는 간편함을 제공하기도 하고요.  그런데 우선 스크린 샷을 보시면 앱 서랍이 어디있는지 알 수가 없습니다.  삼성을 대변하자면 팩토리 리셋 후 맨 처음엔 가이드가 나오긴 합니다. 

(jpg - 가운데 보이는 점은 여러 개의 페이지 중 홈 화면이라는 것을 알려주는 indicator 입니다.)

그럼 어떻게 서랍을 볼까요? 스크롤 업을 하여 볼 수 있습니다.  아래 애니메이션을 보시죠.

(gif - 스크롤 업을 통한 앱 서랍 접근)

여기서 어색한 부분은 두 가지입니다. 

첫 번째는 가로로 다섯 개의 열을 가진 화면에서 네 개로 줄어듭니다.  그렇기 때문에 앱 아이콘들의 사이즈도 커지고 폰트의 크기도 커집니다.  그래서 서랍이 나오고 사라질 때 transition 도 매끄러울 수가 없기도 합니다.

두 번째는 transition animation 자체입니다.  밑에서 위로 올리기 때문에 홈스크린이 올라가고 앱 서랍이 밑에서 올라오는 것을 표현하였는데 이게 매우 어색합니다.  끌어올릴때 갑자기 중간에 두 스크린이 fade out/in이 되며 매우 딱딱하게 전환이 됩니다.  

앱 서랍을 처음 여닫을 땐 '왜 이상한지' 저도 잘 몰랐습니다.  그냥 뭔가 좀 어색하다는 느낌만 들었고요.  위 두 이유 때문에 이상하다고 알게 된 것은 구글의 앱 서랍을 경험하고 난 후 입니다.  아래를 보시죠.  

(gif - 구글의 홈 화면 / 앱 서랍)

먼저, 제일 처음에 제가 지적한 '앱 드로어는 어딨지?'에 대한 의문점을 조그만 화살표로 알려주고 있는 것을 보실 수 있습니다.  (심지어 내릴 땐 아래로 된 화살표)

그리고 네 개의 열에서 네 개로 이어지며, 구글 런처의 위로 올리는 행위는 '앱 서랍을 위로 끌어올린다'라는 상징을 주고있습니다.   하얀 반투명의 백그라운드가 같이 올라오며 'dock은 앱 서랍의 맨 윗부분'이라는 것을 형상화 하였습니다.  앱 서랍에 접근한 후에는 계속 스크롤 다운을 하여 더 많은 앱을 볼 수 있고, 다시 끝까지 스크롤 업 하면 홈 화면으로 접근할 수 있고요.  물리적으로 더 아래에 위치한다는 느낌을 직관적으로 줍니다.  그렇기 때문에 앱 드로어에서 나가려면 당연히 밑으로 내리면 된다는 것을 알려주기도 하고요.  

구글의 런처가 삼성의 터치위즈 홈에 비해서 훨씬 더 직관적이고 자연스럽죠.

삼성 터치위즈에서 제일 이해가 안되는 부분은 앱 서랍을 여닫는 방법이 처음에 제시한 '위로 올려 열기, 아래로 내려 닫기'가 알고보면 아니라는 겁니다.  

(gif - 앱 서랍은 어디에 위치한 것인가... up/up/down/down)

앱 서랍은 밑에 있는 건지 뒤에 있는 건지 위에 있는 것인지... 위로 올렸다가 위로 해도 닫히고, 내렸다가 내려도 닫힙니다.  어떠한 metaphor를 표현하려 한 것인지 도저히 알 수가 없습니다.  

2. 폴더

갤럭시에서의 폴더는 아래와 같은 투명한 네모안에 아이콘들을 보여주는 방식으로 표현됩니다.

(jpg - 투명한 네모 안에 들어있는 아이콘 )

갤럭시의 폴더와 아이폰의 폴더는 매우 생긴 것이 유사합니다.  투명한 박스 안에 아이콘을 보여줌으로써 어떠한 앱들이 이 폴더 안에 있나 미리 보여주는 것이죠.  예를 들면 책의 '목차'와 비슷하다고 볼 수 있지 않을까요? 

목차가 제공하는 것은 단순히 '무엇이 들어있다'가 에서 더 나아가 '어디에 있다'라고 대략적으로 알려주죠.  소설 책에서 챕터의 페이지를 알려주는 것 처럼요.  그럼 직관적으로 첫 번째 폴더를 봤을 때 구글 지도는 어디에 위치할까요?  두 번째 줄 제일 왼쪽에 위치한 것으로 표현됩니다.  

하지만 사용자가 폴더를 누르는 순간 그 직관/믿음은 깨집니다. 

(gif - 폴더를 열 때마다 속는 사용자)

세 열로 표현되던 폴더가 열리는 순간 네 열로 바뀌고 당연히 있어야 할 곳엔 구글 지도가 위치하지 않습니다.  

저 같은 경운 폴더를 누르면서 엄지가 저절로 반응하여 있어야할 자리로 손이 이동하는 것을 자주 느낍니다.  하지만 항상 그 앱은 (첫 줄 첫 번째 아이콘이 아닌이상) 그 위치에 없고 다시 찾아봐야 하는 번거로움이 생기죠.  꼭 '챕터 4 -- 78페이지'라고 되어있어 78페이지를 가면 막상 거기엔 챕터4가 없고, 앞뒤로 넘겨봐야 챕터 4를 찾을 수 있는 것과 비슷한 상황입니다.   

전반적으로 (이전에 언급한 앱 서랍에서도 마찬가지로) 열의 갯수의 일관성이 꾸준히 없습니다.  오히려 열의 수가 바뀌지 않는 UI를 찾는 것이 더 어렵죠.  

iOS의 폴더링을 비교해보면 좋습니다.

(gif - 있어야할 곳에 앱이 있는 iOS)

아예 갤럭시의 폴더 아이콘이 윈도우/맥 등의 폴더처럼 안이 보이지 않았더라면 저런 속임도 당하지 않았겠죠.  투명하게 하고 애니메이션 자체도 선택한 폴더를 '확대'하는 것으로 표현하였는데 갑자기 아이콘들의 위치가 바뀌어 더욱 혼란을 초래하게 됩니다.

삼성 런쳐의 컬러링 기능 자체는 매우 좋다고 생각합니다.  폴더의 이름 혹은 안에 있는 아이콘을 인지하기 전에 색을 인지하는 것이 훨씬 빠르고 편하니까요.  

색을 바꾸는 방법을 보시죠.  폴더의 컬러링에도 아주 불편한 UX가 적용되어 있습니다.  

(gif - 색 바꾸고 확인하려면 ...)

색을 바꾸고 확인을 하려면 밖으로 나가서 보고, 마음에 안들면 다시 들어와서 바꾸고... 이것을 반복해야 합니다.  사용자가 무언가 행위를 하고 적용이 되는 것을 확인해 볼 수 없는 것이 매우 불편한 UX입니다.  처음 사용하는 사람이 여러 색을 직접 보고 결정하고 싶으면 저 행위를 여러 번 반복하여 해야하는 번거로움이 있을 겁니다.  

마치며...

저는 UX 디자이너가 아닙니다.  하지만 이런 것에 조금 예민한 개발자로서 불편하다고 생각되는 부분을 정리하여 보았습니다.  '불편해도 그냥 쓰지'가 아니라 불편한 점을 공론화 하여 서로 이야기 해보는 것이 좋다고 생각합니다.  제가 위에 적은 것에 대하여도 클리앙 분들의 의견을 같이 나눠보면 더 좋을 것 같아 올려보게 되었습니다.  그리고 삼성 UI/UX 팀에서 혹시라도 보면 고쳐서 사용자가 사용하기 더 좋은 환경을 만들게 되면 우리도 좋은 거니까요.