최근 아이폰4를 구매하였습니다. 그 전에는 아이팟 터치(2세대)를 사용했었는데, 아이폰4를 몇 일 동안 사용하면서 약간의 차이를 발견할 수 있었습니다. 이 차이는 아이팟 터치 (2세대)와 아이폰4의 차이라기 보다는 애플 OS 3.0과 4.0 의 차이로도 해석이 되겠지요. 기능상의 차이점은 스티브 잡스의 키노트나 다른 블로깅에서 잘 다루고 있습니다만, 저는 기능상의 차이점보다는 잘 알려지지 않은 디테일의 차이점들을 비교해보려고 합니다. 그림1. 잠금 화면 비교 - 좌) 아이폰4 우) 아이팟터치 2세대 메인화면은 이렇게 바뀌었습니다. 아이팟 터치에는 요일에 괄호를 치지 않았지만 아이폰4에는 요일에 괄호를 치고 있습니다. 이는 날짜와 요일의 구분을 용이하게 하는 것으로 생각합니다. 또한 잠금해제 아이콘도 디테..

얼마전 Daum검색 개편이 이루어졌습니다. 새롭고 참신한 개편내용은 위의 링크를 참고하시고, 여기에서는 작지만 중요한, 그러나 아쉽게도 간과된 부분을 이야기하려고 합니다. 바로 페이지 내비게이션 컨트롤입니다. 여기에서 다소 어처구니 없는 점은 11페이지를 가려면 10페이지로 먼저 이동한 후에 '다음'버튼을 눌러야 한다는 것입니다. 아마도 UX담당자의 실수이거나 개발파트에서의 적용과정에서 누락된 것이겠죠? 검색 결과페이지에서의 페이지 숫자는 단지 검색결과의 정확성에 따른 상대적인 거리감에 불과하지만 그렇더라도 10페이지 이후의 페이지 접근이 위와같이 번거로와지는 것은 분명 실수입니다. 그럼 경쟁사들은 어떨까요? 페이지 이동에 따라 현재 보고 있는 페이지를 중심으로 앞뒤의 페이지를 보여줍니다. 자연스럽게 이..

IE9 베타버전이 출시되었다고 하여 사용해보았습니다. 빠르다 실제 모습을 선보이기 전에 MS에서는 HTML5 벤치마크 테스트 사이트를 소개하면서 빠른속도를 계속 강조하였습니다. 저도 다운 받아서 그 벤치마크 테스트를 해봤는데 와 크롬에 비해서 정말 빠르더라구요. 물론 제가 실제로 이용하는 사이트에 대해서는 별로 차이를 느낄 수 없었지만요. 아마 이후에도 실험적인 사이트가 아니라 대중을 상대로하는 서비스라면 자바스크립트나 html5렌더링 로드를 이렇게 변태적으로 높일리는 없을테니 GPU가속이 실제 브라우징 경험에서 실질적인 소득은 크지 않을 듯합니다. 현재 병목은 렌더링 속도보다는 인터넷 다운로드속도인것 같거든요. XP사용자는 어디로 갈까? 기존 IE버전과 호환성을 버리고 웹표준을 따르기로한 MS의 결정은..

이번에는 미투데이에서 친구에게 바로 메시지 보내는 UI (이하 미친UI)에 대해서 써 보겠습니다. 트위터를 쓰다가 미투데이로 간 사람이라면 한 번쯤 겪었을 법한데, kindle 앞에 #을 붙여서 무언가 메시지를 작성할 때 나오는 에러 메시지 입니다. 보통 UI 를 공부한지 얼마 안 된 사람들은 이런 경우 무조건 화를 냅니다. 자기 기준에서 써 보고 잘 안되면 '왜 UI가 이렇게 엉망이야' 이런 식으로 말하죠. 하지만 생각이 어느 정도 익은 후에는 자기가 쓰는 한 경우에 에러가 났다고 해서 화를 낼 것이 아니라, 정말 많은 사람들에게, 특히 target user에게 적합한 것인가? 생각해 보게 됩니다. 며칠전 저런 에러 메시지를 보고 저도 일단 무조건 화를 냈습니다... 제 생각과 맞지 않는다는거죠. "왜..

1. 기호학에서의 도상(Icon, 아이콘) 2. 기호의 두 번째 유형 지표(Index,인덱스) 3. 기호의 세 번째 유형 상징(Symbol,심볼) 지표(Index) 지표(Index)란? 대상체와 실존적 연결을 이루고 있는 기호 지표와 대상체 사이에 어떤 인과적인 관계가 존재하기도 한다. -연기는 불의 지표 -문고리에 남긴 지문은 도둑의 지표 -콧물, 재채기, 미열 등은 감기나 알레르기 같은 병의 지표 -IQ 수치는 지능의 지표 -GNP는 국가의 경제적 힘을 나타내는 지표(통계 수치들은 어떤 현상들의 지표) -대명사 일반과 지시대명사(여기, 저기, 이것, 저것 등)가 가리키는 것의 지표 -시제(어제, 내일 등)는 그것들의 지표 지표(Index)와 시각적 재현 지표(Index)는 사물을 간접적으로 참조하는 ..

아이콘이라는 용어는 일반적으로 GUI 디스플레이에 나타나는 작은 그림 이미지를 의미한다. 이러한 혼동은 GUI에 사용된 이미지가 대부분 기호학에서 정의하는 아이콘적(물론 아이콘만으로 이루어지지는 않았지만)으로 표현 되었기 때문이다.(비주얼인터페이스/안그라픽스) 아이폰에서의 런처아이콘은 기호학에서 정의하는 아이콘의 개념으로 봤을 때 우리가 아이콘이라고 부르지만 아이콘이 아닌 것들이 더 많을 수 있는거 같다.

점심시간에 회사분들과 식사하다가 '왼손잡이'에 관한 이야기가 나왔습니다. 곰곰히 생각해 보니 이 주제에 대해서 한번 블로깅 해봐도 좋겠다는 생각이 들어서 기록으로 남기려고 합니다. 본 블로깅에서는 그간 왼손잡이로 살아오면서 불편했던 점들을 생각해보고, 왼손잡이에 대한 소소한 배려를 한 '닌텐도 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..