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

Ui스터디 8장 훌륭한 디자인의 탄생 디자인 원칙과 패턴 110626 View more presentations from wi seungyong. 논의 주제 1. 디자인 원칙이 추구하는 기본적인 목적이 무엇일까? 2. UI / GUI 디자인을 하면서 우리는 어떤 디자인 가치관을 가지고 있는가? 3. 사용자가 처한 상황을 개선한 프로젝트 사례가 있다면? 4. 개발자, 마케팅, 디자인 팀의 다른 관점을 통일해나간 성공적인 경험이 있는가? 성공적이지 않았다면 이유는? 해결책은 없는가? 5. 사내에서 인터랙션 디자인 패턴 라이브러리를 만들어보는 것은 어떨까? 어떻게하면 실현화 할 수 있을까? 혹은 그럴 필요가 없나? 6. 디자인 패턴에 관한 추천도서가 있다면? ------ 2011/07/11 퍼소나로 완성하는 ..

최근, 미투데이의 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..

좌) 애플 아이팟터치 우) 삼성 Z5F 오늘은 음악 감상에 대한 지극히 개인적인 이야기를 하려고 합니다. 저는 휴대용 음악감상을 아이팟터치로 하고있습니다. 휴대용 음악 감상 디바이스가 삼성 ZF5 mp3가 추가로 있기는 하지만, 지금은 특별한 경우가 아닌이상 사용하고 있지 않습니다. 저는 음악 감상을 할때 주로 랜덤으로 듣습니다. 저의 음악 감상을 패턴으로 나눠보면 다음과 같을 것 같네요. 1 순위는 전체랜덤 재생, 2 순위는 앨범, 아티스트 랜덤 재생, 3 순위는 한곡 반복 재생입니다. 패턴을 조금 더 자세히 살펴보겠습니다. 1. 일반적으로 노래를 듣고싶다 - 전체 랜덤 랜덤으로 재생한다, 듣기싫은노래가 나오면 넘긴다, 좋은 노래가 있으면 별점 5점을 준다. 듣기싫은노래가 너무 많아지면 노래를 추가한다..

Intuitive design = Agile Process 에 '증명은 논리적으로 하지만 발견은 직관에 의해서'라는 앙리 푸앵카레의 말이 인용되어 있습니다. "It is by logic that we prove, but by intuition we discover." 애플은 직관에 따라 디자인하고 수많은 검증 과정(스티브 잡스의 뺀찌)을 거치는 반면에 구글은 논리적(버킷 테스트)으로 한 번에 정답을 찾으려고 하는것 같습니다. 요즘 애플과 구글을 비교하는 글들이 많은데 애플이 성공할 수 있는 이유는 스티브 잡스의 독단적인 의사 결정 보다는 논리에서 자유롭게 디자인을 할 수 있는 환경과 또 그것을 반복적으로 검증하는 시스템에 있다고 생각합니다. 저는 회사에서 난데없는 주장으로 다른 사람들과 많이 부딪히곤 하..

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

크롬플러스를 사용하다 보니, 우연히 마우스 제스쳐(mouse gesture) 기능이 있다는 사실을 알았습니다. 크롬플러스는 마우스 제스쳐 기능을 기본으로 제공하고 있더군요. 크롬플러스의 마우스 제스쳐 기능을 보다보니 문득 다른 브라우저(혹은 툴바)의 마우스 제스쳐는 어떻게 제공하고 있는지 궁금해지더군요. 그래서 크롬플러스, 네이버툴바, 파이어폭스(fire gesture)의 마우스 제스쳐를 조사해 보았습니다. [그림 1] 크롬플러스 마우스 제스쳐 설정 [그림2] 네이버 툴바 마우스 제스쳐 설정 [그림3] 파이어폭스 Fire Gesture 설정 크롬플러스에서 마우스 제스쳐 기능은 기본으로 제공하는 기능이기 때문에 별 무리없이 사용할 수 있습니다. 그러나 네이버 툴바의 마우스 제스쳐 기능은 네이버 툴바를 깔아..