모바일 메가 트렌드와 사용자 경험의 진화 주최: 서울대학교 한국디자인산업연구센터 장소: 서울대학교 디자인연구동 49동 309호 강연자: 삼성전자 장동훈전무님 강연시간: 2010년 5월 20일 목요일 오후 5시~6시 30분 2009 모바일 메가트렌드 모바일 시장이 계속 성장하고 있음. 2009년에 최초로 역성장. 경기침체. 모바일시장 포화상태. 1. ‘터치 폰’의 등장 - 터치 폰의 등장으로 rich한 UX가 가능해짐 2. 스마트폰의 등장 - App store의 등장, - 스마트폰은 계속 성장하고 있음. 2009년 16.0% 2014년 30% 정도로 예상 3. Open OS - 삼성 바다 플랫폼 4. 모바일 인터넷 5. 콘텐츠 마켓 - 콘텐츠 프로바이더, 엔드유저, 써드파티 디벨로퍼, 디바이스 벤더 201..

주말에 연휴가 끼어 집에서 아주 푸~~욱 쉬면서 iPad를 틈틈이 써 봤습니다. 이미 재미있는 리뷰 들이 많이 올라와 있지만, 거기에 하나 더 보태어 봅니다. 책 읽기 먼저 많은 블로거들이 출시전부터 iPad의 포지션으로 점 쳤던 e-book 의 역할 입니다. 이미 상당히 인정받은 어플리케이션 classics를 iBook 으로 기본 탑제하고, 마켓도 만들어 놓은 상태에서 다른 e-book 서비스 들과 비교해서 상당히 경쟁력 있어 보입니다. 쉽고 재미있는 인터렉션 요소들과 책 이라는 메타포를 그대로 살린 그래픽 요소들을 감상하고 있자니, 케이블 티비 에서 광고하고 있는, 국내S사의 e-book은 시대에 뒤떨어진 구닥다리 제품처럼 느껴졌습니다. 하지만, 역시나 화면이 커졌다고는 하지만 책 만큼의 집중도를 주..

by Luke Wroblewski 누군가 했더니 Site Seeing : A Visual Approach to Web Usability 의 저자였군요. 터치 인터페이스를 가진 화면기획서를 만들때 항상 문서 앞 부분에 정리하던 터치 제스쳐 관련한 정리입니다. 제스쳐 UI의 역사가 짧아 제스처의 이름이 조직마다 달라 곤란한 적이 있었는데 Core Gesture라는 표현으로 핵심적인 제스쳐를 분류했네요. 또 감동적인 것은 플랫폼에 따라 어떤 제스쳐의 이름이 있고 설명이 있는지, 그리고 이것이 어떤 core gesture와 매칭되는지를 한눈에 보기좋게 정리했습니다. 일단 정리가 잘 됐으니 잘 읽어보구요 실무를 하면서 고쳐야 할 것이 있다면 이 분에게 의견을 드려도 좋겠습니다. ^^ The guide contai..

현재의 스마트폰은 시간과 위치를 기반으로 사용자에게 알람 서비스를 제공하고 있는데, 실제로 사용자의 Usage Context를 정확하게 파악하기에는 이 2가지로는 한계가 있다고 생각합니다. 몇 가지 예를 들어 보겠습니다. 기상 알람의 문제점 기상 알람은 항상 정해진 시간에 사용자를 깨워주는데 이 항시성이 문제를 발생시킬 때가 있습니다. 가령 사용자의 유동적인 아침 일정으로 인하여 대중교통 이용시 알람이 작동하는 경우를 예로 들 수 있습니다. 이 때, 사용자의 매우 불쾌하고 당황스러운 경험을 하게 되는데, 이 문제도 결국 사용자의 Usage Context를 '시간'으로만 읽었기 때문입니다. 그렇다고 사용자의 집의 '위치'로 제한하기에는 취침장소가 유동적으로 변할 때 알람이 작동이 되지 않는 문제가 발생하겠..

휴대폰은 컴퓨터 키보드에 비해 입력 자체도 불편하고, 운전을 하거나 걷거나 가방을 들고 있거나해서 키입력이 어려운 사용 상황이 많습니다. 그래서 가능한 키입력을 최소화 할 수 있는 방법이 요구됩니다. 안드로이드의 영어나 일어의 음성인식은 상당히 만족도가 높다고 하는데 이렇게 아예 키입력을 하지 않는 방법이 가장 좋겠죠. 하지만 우리말에 대한 지원은 아직 요원할 것 같고 현재는 키입력을 최소화하도록 predictive input을 잘 활용하는 수 밖에 없을것 같습니다. 제 차에 있는 네비게이션은 실시간 교통정보를 받지 못하는 모델이라 네비에서 검색하고 또 아이폰으로 빠른길 검색을 다시 하는 경우가 많습니다. 그럴 때마다 네비게이션의 초성검색이 많이 아쉬웠습니다. 이번에 다음 모바일과 아이폰 앱에서 초성입력..

뉴욕 출장 기간중 방문한 맨하탄의 Apple Store 방문기 입니다. 맨하탄에는 3개의 규모있는 Apple Store가 있는데, 그 중 2곳을 방문할 수 있었습니다. 처음으로 방문한 곳이 Grand Plaza에 위치한 Apple Store 입니다. Grand Plaza점은 맨하탄에서도 중심부인 5th Avenue와 Central Park 남문이 교차하는 곳에 위치하고 있는데, 한마디로 말하면, 노른자땅에 있는거죠. 덕분에 Grand Plaza의 새로운 랜드마크가 되었다고 합니다. 주변 관광지와, 바로 앞에 있는 힐튼호텔로 인해 여행객이 꼭 한 번 들려보게 되는 코스가 되었다고 하는데, 제가 방문했을 때도 여행객차림의 사람들이 굉장히 많이 있더군요. 아래 사진은 Apple store 입구 입니다. 실제로..

그림0. 리치 인터페이스 디자인 책표지 최근 '리치 인터페이스 디자인' 이라는 책을 접했습니다. 이 책에서는 웹에서 독특하고 풍부한 경험을 만들어 낼 수 있는 가이드, 패턴, 원칙들을 담고 있습니다. A. 디자인 패턴이란? 크리스토퍼 알렉산더는 '패턴'을 다음과 같이 정의했습니다. ... 우리를 둘러싸고 있는 환경에서 반복적으로 나타나는 특정한 문제와 그에 대한 핵심적인 해결책을 설명하는... 그리고 몇 년후 '디자인 패턴'은 사용자 인터페이스 디자인의 범위까지 그 영역을 확장했습니다. 이 책에서는 웹 인터랙션 디자인 패턴을 다루고 있습니다. B. 여섯 개의 디자인 원칙 이 책에서는 이 패턴들을 여섯개의 디자인 원칙으로 분류하였습니다. 원칙들의 자세한 설명은 '리치 인터페이스 디자인' 책을 참고하세요. ..

글의 내용이 제 생각과 매우 비슷합니다. http://biz.chosun.com/site/data/html_dir/2010/05/14/2010051401687.html?Dep1=news&Dep2=biz&Dep3=biz_news 뭐 요약하면 이렇습니다. 1. 진정한 승자는 에코시스템을 잘 만든 쪽이 될 것이다. 2. 지금 애플이, 과거의 경험을 통해 매우 잘 하고 있다. 3. 앞으로는 안드로이드가 "시장 점유율"에서는 승리할 것이다. 여기까지 세상 모든 전문가 뿐만 아니라, 삼척 동자도 알고 있는 사실이죠. 그러나 여기에는 몇 가지 변수가 있습니다. 1. 현재 안드로이드의 에코시스템이 썩 좋지 않다. (a.개발이 어렵고, b.수익이 잘 안 나고, c.불법 복제가 쉽고) 2. 애플이 정말 과거에서 배웠는가가..

iPad Usability: First Findings From User Testing -'Nielsen Norman Group' http://www.useit.com/alertbox/ipad.html 사내 메일에서 위의 자료가 공유되어서 문서를 간단히 훑어 보고 생각나는 것을 몇 자 적어봅니다. 자료에서는 인터랙션 디자인의 관점에서 보면 아이패드 UI는 단순히 크기만 커진 아이폰 UI는 아니라고 합니다. 이러한 근거 중의 하나로 아이패드는 화면의 크기가 크기때문에 아이폰에 비해 하단의 탭바 영역의 인지가 쉽지 않다는 점을 지적하고 있습니다. 하지만 이보다 더 큰 차이점은 일반 웹페이지에서 발생한다고 애기하고 있습니다. 특히 아이패드에서 일반 웹페이지는 읽기는 충분하지만 탭하기에는 여전히 손가락은 두껍다..

어린이날을 기점으로 포털사이트들이 약속이나 한듯이 자사의 로고를 어린이날 로고로 변경하였습니다. 이렇게 포털 사이트의 로고를 바꾸는 것을 구글에서는 두들(doodle, 낙서의 의미)이라고 하며, 대개 24시간 동안 유지한다고 합니다. 구글은 1998년 여름에 처음으로 자사의 로고를 변형하는 디자인을 했다고 합니다. 어린이날을 맞아 포털 사이트들이 어떻게 바꾸었는지, 그리고 어린이날 검색 결과를 어떻게 배치했는지 비교해 보았습니다. 그림1. 구글 어린이날 로고 구글 어린이날 로고는 양치하는 어린이의 일상을 로고로 표현하였습니다. 그림2. 네이버 어린이날 로고 네이버 어린이날 로고는 장난감을 이용하여 로고로 표현하였네요. 그림3. 다음 어린이날 로고 다음 어린이날 로고는 아이들과 풍선을 이용해서 표현하였습니..

지난 금요일 일부 참여해서 돕고있는 프로젝트가 있어 작업하던중에 회의에서 '완료', '확인' 버튼의 위치에 대한 논의가 꽤 째미있게 오갔습니다. 제가 작업한 시안에서 본인의 익숙함에 따라 자연스럽게 우측하단으로 위치시킨 완료 버튼이 다른 참가자 분들에게 어색하게 느껴진 것이였지요. 결국 적용될 디바이스에서 다른 UI 들과 일반적인 사례를 따르자는 의견으로 끝이 났는데요. 아주 기본적이고 중요한 고민임에 분명하면서, 자꾸 간과했던 부분인것 같아 몇 가지 생각과 글을 올립니다. OK 버튼의 위치정의에 대한 본인이 생각하는 이슈를 정리 해보면 OS 상에서의 일관적인 위치 핸드핼드 디바이스에서 조작성에 따른 편한 위치 페이지의 시선 이동에 따른 자연스러운 위치 긍정과 부정의 의미를 가지는 경우 긍정의 위치 디바..

UCC 사이트인 유투브 동영상 플레이어의 하단 bar 디자인이 변경되었습니다. 기존의 플레이어의 하단 bar는 튀어나온 형태로 동영상과 하나라는 느낌이 강했는데, 새로운 동영상 플레이어는 기존의 bar 형태와는 조금 다르게 디자인되었습니다. 그림1. 기존의 유투브 플레이어 그림2. 새로운 유튜브 플레이어 (하단 bar 비활성화) 기존 플레이어와 변경된 플레이어의 가장 큰 차이점은 활성화 상태와 비활성화 상태를 구분한다는 점입니다. 동영상 시청중에는 하단 bar가 흐리게 보여지고, 재생 위치와 로딩상태를 보여주는 인디케이터가 최소화됩니다. 그림3. 새로운 유투브 플레이어 (하단 bar 활성화) 재생중에 유저가 플레이어에 커서를 가져가면 하단 bar가 활성화 상태로 변하며, 재생위치 인디케이터의 크기가 커지..