다음 모바일 웹 페이지는 메인 화면의 컨텐트를 수평적인 페이지로 나누고 좌우 플리킹을 통해 네비게이션 할 수 있는 UI 를 선보였습니다. 3배 더 즐거운 모바일웹서핑! m.daum.net 이 또한번 변신합니다. 접근도 좋고 디바이스의 특징을 잘 살려보려는 시도도 좋지만 실제 써보면 오히려 불편합니다. 의도한대로 움직이지 않기도 해서 잘못 다른 링크가 클릭되기도 하고요. 좌우 페이지 플리킹과 상하 스크롤을 함께 사용하고 있기 때문인데요. 가급적 한쪽 방향으로만 스크롤을 제한하는것이 좋습니다. 인지적으로 헷갈리기도 하고 몸도 조작 방향을 바꾸는 것 보다는 그냥 한방향으로 쭉 스크롤 하는게 더 편하거든요. Allows people to make the fewest possible gestures to do w..

pxd 팀블로그에서 2010년 포스팅했던 글들을 모두 모아보았습니다.원하는 글이 있으시면 Ctrl + F를 눌러 검색해보시면 더 쉽게 찾으실 수 있습니다.   [UI 가벼운 이야기]Personal Network Service ‘Path’모바일 앱 설정 UI 가이드완소 UI 신입사원을 위한 Must Have_5 Items_두번째완소 UI 신입사원을 위한 Must Have_5 Items안드로이드 체크박스 디자인 fail미투데이의 Family UI 비교 -- 웹, iOS 앱, 안드로이드 앱을 중심으로아이튠즈 계정 생성 입력 폼 UI 실패iPad와 Galaxy Tab, 무얼 살까?민첩한 리서치를 위한 인터넷 검색 팁윷놀이의 UX : '뒷도'를 중심으로...오사카 회전초밥과 UX - 회전초밥 부페에서 이윤남기기아..

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

아래 두 사진처럼 흘림방지를 위해 감성적으로 설득하거나 놀잇감(파리 거미 떨어뜨리기)을 제공하는 방식은 많이 봐왔음. 출처 Designer Daily 말로 설명,설득,강요하는 것이 아닌 자연스런 행위유발로 좋은 결과를 끌어내는 것이 좋은 시스템이라면, 그리고 아주아주아주아주 조금의 불편이 있지만, 사용하는 모두가 상당히 행복해져서 용서된다면... 요즘 그런 놈 하나를 자주 만남. 외근 빌딩의 남자화장실 모습. 소변기의 높이는 그 아래의 검은 턱에 올라서지 않고는 '일보기가 약간 어려울 정도'로 높고 턱 아래에 서면 '일보기가 약간 어려울 정도'로 거리가 멈. 자연스럽게 검은 턱에 올라서게 되는데 'Woops!' 변기와 내가 상당히 친해짐. 너무 친해진 것 같아서 뒤로 물러서면 발 뒤꿈치가 공중에 뜬 상태..

아이폰은 왜 개별 앱 설정을 settings app에 모아두고 난리야? 아이폰은 앱 사용중 필요한 설정을 settings라는 별도의 앱에 모아두어서 불편하다는 트윗을 보았습니다. 그전에도 많이 들었던 불만이기도 하고요. 안드로이드처럼 개별 앱 설정이 앱 자체 안에 있으면 되지 왜 따로 빼놓은 거야. 요즘 모바일 앱 프로젝트들을 하면서 설정에 대한 고민을 많이 하고 있습니다. 모바일 앱의 설정 UI에 대한 가이드가 필요한 것 같아 정리할 목적으로 블로깅합니다. 결론은 애플이 잘못한게 아니라 앱을 잘 못 만든거에요 :) 설정은 사용 빈도에 따라 환경 설정(preferences)처럼 한번 설정하면(또는 디폴트로 설정되어 있는채로) 거의 변경하지 않는 것들과 사용 컨텍스트에 따라 기능을 변경이 필요한 것들로 나..

[차례 - 완소 UI 신입사원을 위한 Must Have_Items] 1. 복사기 - 보는 즉시 기술을 훔치는 요령 2. 스카우터 - 한눈에 프로젝트 돌아가는 상황 뽑아내는 요령 3. 슬램덩크 - 무조건 목표부터 설정하는 요령 4. 고잉메리호 - 팀원들을 믿고 활용하는 요령 5. 폭주족 오토바이 - 상대방의 진심을 읽어내는 요령 특별부록 - 기획도 디자인도 위트와 철학이 있어야! 초등학교 때, 제 소원을 이루려고 드래곤볼을 모으러 다닌 적이 있습니다. 먹으면 배불러지는 알약, 누르면 텐트가 나오는 캡슐 등 재미있는 아이템이 많았지만, 가장 갖고 싶던 아이템은 상대방의 전투력을 측정해주는 '스카우터'였습니다. 싸움만이 행복인 '나메크 전사(?)'들은 스카우터로 상대방의 전투력을 측정하며, 강한 상대를 만나길..

회사에서 새해를 맞아 예쁜 스케쥴러를 만들었습니다. 책상위에 두고 쓰기좋고 스케쥴 정리도 깔끔한. 더많은 소개는 차후에 다시 올리기로 하겠습니다. 빨리 보여드리고 싶은 마음에... 수고많으셨어요 박상림 선임님! [참고##paper experience design##]

pxd의 일상을 기록하기로 약속해놓고 이제서야 생.각.난.김.에..글을 쓰게 되었다.. 많은사람들이 어떻게하면 글을 쓰겠소!!!라며 말하는것도.. 조금 민망한 타이밍... 오늘은 가볍게 아침일찍 사무실에와 첫선택을 하는'순간을 남긴다.. 오늘은 오랜만에 라떼'

한 분야의 대가로서 쓰는 글이 아니라, 이제 조금 쓸만해져가는 한 명의 면수습으로서, 시행착오 끝에 공유하고싶은 작은 노하우 입니다. 따라서 내용도 제가 좋아하는 만화책 주인공에 비유하여 제 멋대로 썼으니 비난은 사절, 격려는 고맙겠습니다! [차례 - 완소 UI 신입사원을 위한 Must Have_Items] 1. 복사기 - 보는 즉시 기술을 훔치는 요령 2. 스카우터 - 한눈에 프로젝트 돌아가는 상황 뽑아내는 요령 3. 슬램덩크 - 무조건 목표부터 설정하는 요령 4. 고잉메리호 - 팀원들을 믿고 활용하는 요령 5. 폭주족 오토바이 - 상대방의 진심을 읽어내는 요령 특별부록 - 기획도 디자인도 위트와 철학이 있어야! 어떤 만화책은 스케일이 커서 십여년간 마르고 달토록 연재하는 시리즈물이 있습니다. 그 중에..

퀴즈. 아래 그림의 두번째 사각형 버튼은 무슨 의미일까요? 제가 아는 한 (기존 pc 사용 경험으로는) 저건 dimmed 체크(체크되었으나 사용자가 수정하지 못하도록 비활성화)된 상태입니다. 그런데 사실 저건 안드로이드에서는 그냥 체크가 안된 상태입니다. 체크 표시가 되어 있는데 왜 안되는거지? 이미 체크되어 있는데 뭘 더 어쩌란거지? 오랫동안 시행 착오를 거치고 나서 저게 언체크된 버튼이란걸 알았을때의 황당함과 그동안의 짜증을 기록에 남기기 위해서 블로깅합니다. 일관성(coherence)은 제품 내에서만 독자적으로 지켜지는것만으로는 부족하고 함께 사용되는 환경도 고려되어 져야 합니다. 안드로이드가 자폐증에 걸린것도 아니고 이미 통용되고 있는 디자인 언어를 자기만 다른 의미로 쓰고 있는건 문제가 있습니다..

디자인 얘긴 아니고.. 내가 하고 있는 일에 이렇게 즐기며 혼을 담아 본 적이 언제였나 싶어 잠시 멍해졌습니다.^^ 이 드러머...ㅎ 진정 드럼치는 것을 사랑하고 즐기고 그것에 영혼을 담아 연주한다는 느낌입니다. 나는 내가 디자인하는 UI에, GUI에 혼을 담아내고 있나?

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