점심시간에 회사분들과 식사하다가 '왼손잡이'에 관한 이야기가 나왔습니다. 곰곰히 생각해 보니 이 주제에 대해서 한번 블로깅 해봐도 좋겠다는 생각이 들어서 기록으로 남기려고 합니다. 본 블로깅에서는 그간 왼손잡이로 살아오면서 불편했던 점들을 생각해보고, 왼손잡이에 대한 소소한 배려를 한 '닌텐도 Wii'와 '와콤 인튜어스 4 타블렛'의 UI 사례에 대해서 간단히 살펴보도록 하겠습니다. 왼손잡이가 느낀 불편함에 대하여 그림1. 왼손으로 필기하기 이미지 출처 : http://garden.egloos.com/10004226/post/82384 1. 저는 왼손잡이입니다. 언제부터 왼손잡이였는지는 기억이 나지 않습니다. 그냥 왼손잡이였습니다. 초등학교 선생님 중 한분은 제가 왼손으로 글씨를 쓰는것을 정정하시려고 수..

아이패드를 처음 샀을 때는 WiFi 면 됐지하고 생각하고 별 고민 안 하다가 3G를 추가로 사 보게 되었는데, 처음 생각과는 달리 iPad 3G가 꽤 유용하다. 어차피 1. 집에서 아이들 놀이용이 많고, 2. 아내가 노트북을 쓸 때 내가 인터넷을 쓰거나 게임을 하고, 3. 컴퓨터 켜기 귀찮은데 간단하게 인터넷 보고 싶을 때 사용하는 것이 주이지만, SKT에서 제공하는 단말기기용 USIM을 꽂으면 추가 요금 없이도 데이터 한도 내에서 3G를 사용할 수 있기 때문에 가족들이 자동차로 여행할 때 인터넷 보기도 좋고, 큰(!) 네비게이션으로 쓸 수도 있고, 게임기로 쓸 수도 있다. 별 고민없이 Kindle도 3G를 구입하였다. 킨들은 전세계 거의 모든 나라에서 (한국 포함) 무료로 3G를 사용할 수 있다. 미국..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 조형의 요소들을 서로 '같아' 보이게 하는 원리로 지난 시간까지 통일성(Unity)에 대해서 알아보았습니다. 이번에 이야기할 '반복(repetition)' 역시 서로 ..

Moux 연구회의 백승화님이 쓰신 관계디자인 책을 읽었습니다. 저는 특히 '팝업 디자인' 부분이 인상깊었습니다. 이 책에서 '팝업 디자인'은 크게 확인팝업, 알림팝업, 입력팝업, 옵션팝업으로 구분된다고 하였습니다. 그 중에서도 핸드폰 내부 상황에 따른 인터럽트, 사용자 동작상황에 따른 이벤트로 구분을 하였습니다. 팝업 디자인 챕터에서는 해당 팝업상황에서 종류별 개선방안을 다루고 있으며 개선방안은 아래 표에 정리되어있습니다. (표의 내용은 Moux 팀블로그에서 가져와 재구성 했습니다.) 팝업 종류별 개선방안 이미지는 출처를 통해 재구성 http://moux.tistory.com/57 팝업 종류별 개선사항의 전반적인 내용에는 동의합니다만, 추가로 제 생각을 덧붙여서 정리해보았습니다. 1. 소프트웨어 인터럽트..

구글이 검색어 입력을 완료 하지 않고도 키 입력중에 바로 검색 결과를 보여주는 incremental search 를 google instant 라는 브랜드로 런칭하였습니다. 구글은 검색어를 자동완성해주는 google suggestion의 성공에 이어 이제는 검색 결과도 바로 보여주고 있습니다. 이런 놀라운 검색경험의 변화는 사실 새로운건 아닙니다. 하지만 메이저 플레이어인 구글이 제공하기로 했다는데 의미가 있습니다. 이제 다 따라할테니까요. 그럼 구글 인스턴트 검색의 원형(原形)을 살펴보겠습니다. MacOS Spotlight 스팟라이트는 맥오에스의 기본 검색기능입니다. 맥에 있는 모든 자료를 메타검색하게 해주는데요. 당시의 다른 검색 기술에 비교해서 사기라고 생각되는 빠른 속도에 놀랐습니다. 검색어를 입..

1. 기호학에서의 도상(Icon, 아이콘) 2. 기호의 두 번째 유형 지표(Index,인덱스) 3. 기호의 세 번째 유형 상징(Symbol,심볼) 이미지 재현은 모든 커뮤니케이션의 기초가 된다. 우리는 현실에서 물질적으로 존재하지 않는 것들에 관한 생각도 적절한 재현을 통해 전달할 수 있다. 커뮤니케이션 시스템 안에서 의미를 전달하기 위한 재현 방법은 기호학의 맥락 안에서 완전하게 이해할 수 있다. 기호학은 사인(sign)에 대한 일반 이론과 실습이며, 사인의 해석은 물론 더 효과적인 사인의 사용과 이해를 위해 환경에 대한 연구까지 포함된다. GUI는 사용자와 프로그램 사이의 중개자 역할을 하는 일종의 사인 시스템이다.('비주얼 인터페이스' 기호론에서) 기호의 세 가지 유형 도상(icon), 지표(ind..

많이 쓰시는 분들은 익숙하시겠지만, 요즘의 SNS들은 참 쓰기가 어렵습니다. 제 주변친구들은 이제 모두 40대인데요, 개념 자체가 생소한 부분도 있지만 워낙 UI 자체를 못 만든 부분도 저는 분명히 있다고 생각합니다. twitter도 그렇고 facebook도 그렇고 몇 년째 쓰고 있는 저한테도 아직 어렵고 좌절할 때가 있는데 이제 처음 시작하는 친구들은 어떨까 걱정이 됩니다. 예전에 가입만 하고 안 쓰던 미투데이를 다시 써보려고 하는데요, 어려움이 느껴지네요... twitter나 facebook 만큼의 좌절은 아니지만, 우리 나라 서비스나까 애정을 가지고 제가 느낀 점을 써 볼까 합니다. 가입 후 친구가 0명이었는데, 처음 친구를 등록해 보았습니다. 2명을 하다 너무 힘들어서 이 글을 쓰면서 3번째로 해..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 지난 시간에는 조형의 원리 중 통일성을 주는 원리로써 게슈탈트 이론을 간략하게 살펴보았습니다. 이번부터는 통일성을 주기 위한 테크닉들을 좀 더 세분화하여 알아보겠습니다..

얼마전, 제가 맹장염에 걸렸는데, 동네 병원에서 근육통이라고 오진을 했었습니다. 그래서 파스를 붙이고 참다가 맹장이 터져버린 웃지못할 헤프닝이 있었습니다. 그 일로 복막염이라는 병을 얻어 병원에 입원하게 되었고, 수술후 2~3일간은 복통이 너무 심해서 걷지 못하였습니다. 답답해하는 저를 위해 아내는 휠체어를 구해와서 태워주었습니다. 아내가 끌어주는 휠체어를 타는 경험은 소소하나마 즐거운 일이었습니다. ------------------------------------------------------------------------- 위처럼 휠체어를 타거나, 링거를 꼽게 되면 일단 결코 '계단'을 이용할 수 없다는 것을 깨달았습니다. 1층에서 2층을 갈때도 붐비는 병원 엘리베이터를 15분 이상 기다려야 했습..

르네상스 이래 원근법은 2차원의 평면에서 3차원의 입체를 표현하기 위한 기교로서 널리 활용되었는데, 시각적인 효과면에서 볼 때, 근경-중경-원경에 따른 시각적인 깊이감을 줌으로써 시선의 흐름을 유도하여 작가의 의도대로 '화면을 순차적으로 읽을 수 있게'하는 효과를 가지고 있습니다. 이러한 '효과'는 근,현대회화에서 선형원근법 뿐 아니라 면적, 형태, 컬러, 명도 등의 다양한 요소를 통하여 그 효과를 증대, 발전시키고 있죠. (난해한 근 현대회화를 감상할 때 자연스럽게 시선의 흐름을 느끼면서 감상하는 방법을 연습해보시기 바랍니다!) 이러한 원리는 정보디자인에서도 적용될 수 있는데요, 화면에서의 정보를 효과적으로 전달하기 위하여 즉, 어떤 정보부터 보아야 하는지, 어떤 정보가 중요한 것인지, 어떤 정보가 부..

안드로이드 폰은 하드키를 이용한 내비게이션 방법으로서 HOME 버튼과 BACK버튼 두가지를 제공합니다. HOME버튼을 누르면 HOME화면으로 이동하고, BACK버튼을 누르면 '이전화면'으로 이동을 합니다. PC의 웹브라우저에서 '이전'버튼을 매우 유용하게 사용하는 것과 같이 이 버튼을 하드키로 제공하여 매우 빈번하게 사용할 수 있게 한 것입니다. 그런데 안드로이드 개발자 사이트를 참고해보면 HOME버튼과 BACK버튼은 버튼실행 후의 '이동위치'의 차이 외에도 중요한 차이가 있습니다. 이 차이를 언급하기 전에 간단하게 안드로이드 시스템에 관한 간단한 학습이 필요합니다. 안드로이드 시스템을 구성하는 가장 기본적인 4가지 컨셉은 Applications / Activities / Activity Stack / ..

시작하며... UI기획을 하면서, 비교 차트를 만들 일이 종종 있습니다. 차트를 만들면서 항상 느끼는점은 한정된 화면에 얼마나 많은 정보를 보기 쉽게 보여줄 것인가 일 것입니다. 일본 여행을 가서 구한 일본의 Comparison chart 를 보면서 잘 만든 차트 하나가 열 마디의 설명보다 낫다고 생각했습니다. 이에 몇 가지 차트를 살펴보았습니다. 일본 Comparison chart 의 특징 1. 빽빽한 구성 일본 Comparison chart의 가장 큰 특징은 빽빽한 구성입니다. 문서를 꼼꼼하게 잘 챙겨보는 일본 사람들의 성향을 반영한 것으로 여겨집니다. 우리나라에서는 메뉴얼을 주의깊게 보는 사람들이 별로 없는 반면, 일본 사람들은 메뉴얼을 보더라도 꼼꼼히 살펴 본다고 합니다. 이런 합리적인 사고를 반..