카카오톡에서 최근 사진기반 SNS인 '카카오스토리'를 런칭했습니다. 카카오스토리를 사용하는 한 명의 유저로써 본 포스팅을 통해 카카오스토리를 UI / GUI 관점에서 살펴보고 주로 아쉬웠던 점을 기술하였습니다. * 본 포스팅은 아이폰 앱 0.7 버전 기준으로 작성되었습니다. UI의 아쉬움 1. 내 히스토리를 보기 힘듭니다. 카카오스토리는 사진과 글을 같이 올렸을 경우 미리보기가 힘듭니다. 또한 상세 사진으로 접근했을 때에는 다시 원래 화면으로 돌아온 뒤 이미지를 탐색하는 구조를 사용하고 있습니다. 물론 본 UI의 경우 많은 사진을 훓어보기에 적합한 UI입니다. 하지만 글과 이미지를 같이 미리본다는 관점에서는 적합하지 않은 UI로 보여집니다. 또한 하나의 이미지를 확인 한 뒤에는 다시 '이전' 버튼을 눌러..

아이폰 아이패드에서 가장 유용하게 사용하고 있는 앱 중 하나가 지도입니다. 구글맵은 우리나라에서 길찾기도 안되고 지도 업데이트가 느려 POI도 잘 표시안되어 유용성이 떨어져 잘 쓰지 않습니다. 네이버지도와 다음지도는 서로 장단점이 있어서 어느 하나를 고르기가 어렵습니다. 다음 지도는 예전에 지도 자체의 컬러 스킴이 너무 안 예뻐서 쳐다도 보지 않다가 업데이트 후에 굉장히 미려해졌고 상세 지형,건물 정보도 네이버에 비해 잘 담고 있어서 자주 쓰게됩니다. (다만 개인적으로 힘줄 튀어 나온 것 같은 보라색의 고속도로 표시는 익숙해질만해도 여전히 부담스럽고 안타깝습니다. 노란색 도로에서 갑자기 툭 튀어나온 보라색 고속도로 표시는 정보 디자인 측면에서 최선의 선택을 했다기 보다는 단지 경쟁사와 다르기 위해 차선의..

SNS 관련 프로젝트를 통해 댓글 네비게이션 구조를 어떻게 설계하면 좋을지에 대해 고민할 시간이 있었습니다. 본 블로깅을 통해 그러한 고민을 정리하고 공유하도록 하겠습니다. 1. SNS에서 최근 쓴 댓글은 위쪽에 보여져야 할까? 아래 쪽에 보여져야 할까? SNS 댓글 UI 설계 시 가장 고민했던 부분이 바로 이 점 이었습니다. 당시로서는 판단의 근거가 없었기 때문에 타 SNS 들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. 하지만 벤치마킹으로는 고민의 결과밖에 확인 할 수 밖에 없기 때문에 왜 이렇게 UI가 설계되었는지에 대해서는 별도의 고민을 해야 했습니다. 동료들과 대화하던 차에 SNS형 구조에서 댓글은 '대화의 흐름(히스토리)'이 중요하다는 사실을 알 수 있었습니다. 또한 대화의 흐름(히스..

최근, 미투데이의 miriya 님이 올려주신 UX movement 링크를 보게 되었습니다. http://uxmovement.com/forms/innovative-techniques-to-simplify-sign-ups-and-logins 웹사이트의 회원가입과 로그인을 어떻게 하면 쉽게 할 수 있을지에 대한 몇가지 테크닉에 관한 글입니다. 그 중에도 인상깊었던 부분은 '웹사이트 로그인을 할때 어떤 정보를 통해서 로그인을 하게 할 것인가?' 였습니다. 로그인 방식은 다음과 같이 몇가지 유형이 있습니다. 1. ID + Password 로 로그인 하는 방법 국내 웹사이트에서는 거의 이 방식을 사용하고 있습니다. 이 경우에는 사용자가 ID를 기억해야 한다는 부담감이 있습니다. ID 입력 방식도 사이트에 따라 천차..

 글을 시작하며 안녕하세요. 오랜만에 글을 작성하게 되었습니다. 요즘 PXD 사람들은 ‘Path’라는 아이폰 어플리케이션에 푹 빠져 지내고 있습니다. 본 포스팅에서는 Path 어플리케이션에 대해서 알아보고 사람들이 이 서비스에 빠져드는 이유가 무엇인지 살펴보도록 하겠습니다. 그렇다면 Path 란 무엇인가? 왜 Path가 등장했는가? 'Path'는 ‘Personal Network Service’ 라고 볼 수 있습니다. 또한 Path는 현재 아이폰 앱 을 중심으로 서비스 되고 있습니다. (현재 웹에서는 이미지 확인밖에 할 수 없으며, 웹 혹은 안드로이드 폰으로 확산될 것으로 예상합니다.) 'Path를 설립한 사람들을 살펴보면, 전 페이스북 시니어 플랫폼 매니저인 Dave Morin, Dustin Miera..

Family UI의 정의 'Family UI'는 자동차 업계에서 사용되는 Family Look 이라는 단어에서 인용한 것으로 한 브랜드에서 나온 모델들에 브랜드 정체성을 부여해주는 디자인 요소를 말합니다. Family Look을 적용한 디자인은 모델이 다르더라도 특정 회사의 제품이라는 것을 바로 구별해 낼 수 있어서 브랜드 정체성을 강조해주는 효과와 함께 향후 구매력에 영향을 준다고 합니다. 미투데이의 Family UI 비교 웹, iOS 앱, 안드로이드 앱 미투데이를 사용하면서 느꼈던 Family UI 의 차이점을 디테일한 면 위주로 비교해 보았습니다. 전반적으로 미투데이는 웹, iOS 앱, 안드로이드 앱을 일괄적으로 가져가기 위해서 애를 쓴 모습이 보입니다만, 이 글은 차이점에 대해서만 기술함을 밝혀둡..

최근 아이폰4를 구매하였습니다. 그 전에는 아이팟 터치(2세대)를 사용했었는데, 아이폰4를 몇 일 동안 사용하면서 약간의 차이를 발견할 수 있었습니다. 이 차이는 아이팟 터치 (2세대)와 아이폰4의 차이라기 보다는 애플 OS 3.0과 4.0 의 차이로도 해석이 되겠지요. 기능상의 차이점은 스티브 잡스의 키노트나 다른 블로깅에서 잘 다루고 있습니다만, 저는 기능상의 차이점보다는 잘 알려지지 않은 디테일의 차이점들을 비교해보려고 합니다. 그림1. 잠금 화면 비교 - 좌) 아이폰4 우) 아이팟터치 2세대 메인화면은 이렇게 바뀌었습니다. 아이팟 터치에는 요일에 괄호를 치지 않았지만 아이폰4에는 요일에 괄호를 치고 있습니다. 이는 날짜와 요일의 구분을 용이하게 하는 것으로 생각합니다. 또한 잠금해제 아이콘도 디테..

1 | 2 | 3 | 4 5 | 6 | 7 | 8 1. 어느 날 출근 시간에 지하철에서 재미삼아 제가 가진 앱의 시작 아이콘을 색상별로 분류해봤습니다. 1~6 번째 탭은 정보/유틸 관련 앱이고 7~8 번째 탭은 게임 관련 앱입니다. 조사해보니 정보/유틸 관련 앱은 '파랑색'계열이 많고, 게임 관련 앱은 '빨강색' 계열이 많더군요. 과연 이 결과가 우연일지 궁금해졌습니다. 2. 다른 사례로, 500개의 아이폰, 아이패드 App 색상을 조사한 결과도 마찬가지로 '파랑색'이 제일 많았다고 합니다. 두 번째는 '검정색'이라고 합니다. http://teqnolog.wordpress.com/2010/05/19/half-of-all-iphone-apps-are-either-blue-or-black/ 3. 아래에서도 ..

아이폰의 UI는 작은 부분에서 뛰어난 완성도를 보여주고 있는데, 이러한 예로 '받은 편지함'을 들 수 있습니다. 어떠한 디테일이 이메일의 사용경험을 살렸는지, 구글의 메일 앱과 간략하게 비교해 보겠습니다. 받은 편지함에서는 정보 요소는 크게 수신의 유무와 수신 날짜 그리고 보낸 사람, 메일 제목 및 내용 정도를 가지고 있습니다. 상황에 따라 다르겠지만 보편적으로 정보의 우선 순위를 둔다면 수신의 유무> 보낸 사람> 제목과 내용> 수신 날짜와 시간으로 생각해 볼 수 있습니다. 그렇다면 최우선 순위인 수신의 유무 처리를 어떻게 디자인했는지 요것만 가볍게 살펴보겠습니다. 사용자는 메일함 진입시 미수신 메일을 먼저 확인하고 글을 읽게 됩니다. 따라서 이미 읽었던 메일의 글은 사용자에게 불필요한 부하로 작용합니다..