Gui 스터디 3장 스케일, 대비, 비례 05/06 임 노 박 최 조 노 : 책에서 나온 불충분한 대비가 과연 얼마나 불충분할 때 불충분한 것인가? 네이버 이미지 검색 카테고리 화면에서 이미지와 동영상을 중심으로 보여줘야 하기 때문에 전체적인 톤이 어두운 무채색으로 변환되어서 중심 이미지와의 대비를 이룬다. 작은 버튼들도 같은 톤이지만 충분히 대비가 이루어져서 다른 메뉴들과 차별화를 이룬다. 이미지들은 충분한 대비로 명확하게 인지가 되지만 텍스트 정보들은 전체적으로 비슷한 톤을 이루어 가독성이 떨어진다. 포인트 컬러를 잘 써서 심심하지 않은 듯 하다. 임 : 포인트컬러가 너무 많아서 복잡한 느낌이 있다. 우리나라 웹사이트들의 성향이 전체적으로 그런듯… 무엇인가 열심히 디자인했다고 강조하는 느낌. 해외 사..

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

스위치 - 손쉽게 극적인 변화를 이끌어내는 행동 설계의 힘 Switch : How to Change Things When Hard 칩 히스, 댄 히스 지음 | 안진환 옮김 매우 인기있던 베스트셀러 '스틱'의 저자들의 신간. 사실 새로운 내용은 없으나 언제나 변화 방법론을 원하는 사람들이 많고 실제 변화는 쉽지 않은 탓에 다 알고 있는 내용이라도 다시 읽어보면 흥미롭다(물론 그 근간이 되는 이론을 안다면 매우 새롭고, 깊이있는 책이다) 기회가 될 때 읽어보아도 좋고, 또 자신의 행동 가운데 무언가를 바꾸고 싶을 때, 가정을 바꾸고 싶을 때, 또 회사를 바꾸고 싶을 때 다시 읽어 보아도 좋다. 사람들이 쉽게 바뀌지 않는 것은 그 사람의 성격 탓이 아니라 바뀔 수 있는 여러 가지 전제 조건들-상황이 그럴 수 ..

요즘 GUI팀스터디에서 interface내의 화면구성원리들을 공부하고 있습니다. 책 내용이 그래픽 조형원리를 GUI분야에 적용하면서 게슈탈트 인지론에 대한 설명을 주로 하고 있는데 우선 조형원리를 간단하게라도 정리하고 싶었습니다. 스터디 중에 조형원리를 설명하려다 보니 대학입시를 위해 연습했던 기초구성(Basic Composition)을 가지고 설명하는 것이 수월하더군요.^^; 해서.... 70년대부터~90년대 중반까지 행해졌던 '면분할 구성 디자인'을 토대로 조형원리를 정리하여 UI디자이너분들도 그래픽디자인 기본 조형에 대해 이해의 폭을 넓힐 수 있도록 하고자 합니다. (헹~재미 삼아 봐주시고...) 아래와 같은 거 보신적 있으시죠? 예시가 너무 옛날 것이긴 합니다만, 이런 걸 '입시구성'이라고 합니다..

글의 내용이 제 생각과 매우 비슷합니다. 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. 애플이 정말 과거에서 배웠는가가..

그림1. 단순함의 법칙 표지 MIT의 존마에다 교수님이 쓰신 '단순함의 법칙'(The laws of simplicity)을 읽었습니다. 이 책을 읽을때만 하더라도 간결한 내용과 짧은 분량이라 쉽게 읽혔지만, 막상 정리를 해보려니 쉽게 되지 않네요. 이 책은 단순함의 10가지 법칙에 대해서 다루고 있습니다. 정확히 말하자면 8가지 법칙 (축소, 조직, 시간, 학습, 차이, 문맥, 감성, 신뢰)에 대해서 다루고 있으며, 단순하게 만들 수 없는 것들을 '실패'의 법칙으로 다루고 있습니다. 마지막으로 다음 8가지 법칙을 축약하여 3가지 비법으로 압축하여 소개하고 있습니다. 그림2. 단순함의 10가지 법칙 이 책에서 이야기하는 10가지 법칙과 3가지 비법은 다음과 같습니다. 10가지 법칙 1. 축소 : 신중하게 ..

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가 활성화 상태로 변하며, 재생위치 인디케이터의 크기가 커지..

IDEO Method Cards는 2003년도에 IDEO에서 출판된 IDEO의 방법론들을 간략하게 정리한 카드형태의 제품입니다. 최근 iPhone App으로 나온 것을 구매했으며 이를 공유할까 합니다. 제품 소개에도 나와있지만 Method Cards는 'How to' guide가 아닌 새로운 접근법을 탐구하고 발전시키기 위한 '디자인 툴'이라고 하는군요. 뭔가 막혀있을 때 예쁜 혹은 인사이트를 주는 사진과 함께 간략한 방법이 적힌 카드를 하나씩 보다보면 다른 각도에서의 응용 아이디어도 떠오르기도 하고...뭐 그런 용도인 것 같습니다 (꿈보다 해몽이 좋은가요?) METHOD CARDS FOR IDEO 51-card deck to inspire design IDEO METHOD CARDS APP 51 way..

저는 를 2009년도에 영화관에서 보았는데, 디자인관 확립에 상당히 도움을 준 다큐멘터리입니다. 아직까지 안보신 분들을 위해 간단하게 정보를 올려 봅니다. 간략하게 소개를 하자면 와 함께 게리 허스트윗 감독이 제작한 디자인 다큐멘터리로 IDEO의 캘리 형제와 빌 모그리지부터 애플의 조나단 아이브, MUJI의 후가사와 나오토 등 당대 최고의 디자이너들이 자신의 디자인 철학과 견해 등을 75분 동안 쏟아 내고 있는 작품입니다. 제 개인적으로는 이 다큐멘터리를 보고 결국 '프로토 타이핑'이 디자인의 객관성을 입증해주는 가장 중요한 프로세스이지 않을까하는 생각을 했었는데, 다른 분들의 생각은 어떠하실지 궁금하네요. Featuring Paola Antonelli (Museum of Modern Art, New Y..