2013/06/18 1. 우분투(ubuntu)란 무엇인가? 1 (철학과 역사) 2013/06/26 2. 우분투(ubuntu)란 무엇인가? 2. (데스크탑과 모바일 UI) 2013/07/04 3. [pxd talks 31]우분투 디자인 경험 (Ivo Weevers강의) 앞서 1편에서 우분투의 역사로 간략히 소개해 드린 우분투 데스크탑은 버전이 올라가면서 점점 더 나은 사용자 경험을 제공하였습니다. 그러다가 Unity(유니티) 인터페이스의 등장으로 완전히 새로운 경험을 제공하기 시작 하였는데, 이것은 여러 디바이스에 통합된 경험을 제공하기 위한 우분투의 주력 무기가 되었습니다. 그 결과로 'Ubuntu TV', 'Ubuntu for Android' 가 나왔으며, 최근에는 'Ubuntu Touch'가 공개 되..

예전에 소개해 드렸던 아이폰,아이패드에서 웹페이지를 보다 쉽게 스크롤 할 수 있는 Lazy touch scroll UI 스크립트를 오픈 소스로 github에 올려두었습니다. 모두가 더 게으르게 모바일 웹을 사용하는데 도움이 되었으면 좋겠습니다. :) lazy touch scroll 간단 설명 : 스크린의 좌우 가장자리에 가상의 스크롤바를 만들어서 한 손으로도 쉽게 page up,down을 할 수 있습니다. 터치 휠 기능으로 세밀하게 또는 빠르게 스크롤을 할 수 있으며, 이미지가 잘려보이지 않게 똘똘하게 페이지를 내려줍니다. 개발자님, 함께 더 좋아질 수 있게 도와주세요. https://github.com/taekie/lazy-touch-scroll github에 자바스크립트 소스를 공개하였습니다. 함께 ..

아이폰,아이패드의 터치 스크롤은 정말 직관적입니다. 하지만 자주 쓰면 힘들고 귀찮습니다. 화면이 큰 아이패드에서는 더 힘들어요. 컴퓨터에서는 스페이스바로 페이지 단위로 이동하거나 마우스 휠로 손가락만 까닥하면 스크롤이 되는데 실질적인 이동 거리도 늘어나고 손목이랑 팔의 근육도 사용해야 합니다. 그래서 자주 사용하는 웹페이지에 가상의 스크롤 버튼을 만들기로 했습니다. 우선 두가지 원칙을 정했는데 1. 버튼이 충분히 커서 누르기 쉬울 것 2. 버튼이 컨텐트를 가리거나 눈에 거슬리지 않을 것 서로 모순되어 불가능해 보이는데요. 버튼을 투명하게 하고 고정된 위치에 배치하는 것으로 해결 했습니다. page up,down 버튼 배치 그 다음은 어떻게 버튼을 배치할 것인가인데, 기본적인 page up,down 버튼 ..

UI 디자이너에게 표준을 지키는 일은 중요하다. 그러나 지난 번 글(UI 디자이너는 표준을 지켜야 하는가?)에서 밝혔듯이 표준을 지키는 일이 그리 쉽지는 않다. 하지만 많은 사람들이 이미 따르는 표준이라면 그 중요성은 배가된다. 특히 자신이 개발하고 있는 플랫폼의 표준을 익히고 따르는 것이 매우 중요하다. 이해를 돕기 위하여 4회에 걸쳐서 Mac OS 표준, Windows OS 표준, 그리고 ISO(International Standard Organization) 표준의 역사에 대해서 알아보기로 한다. 1. 사용자의 80%만을 위해 디자인하라 - Apple Human Interface Guidelines의 역사 2. 마침내 혼란을 극복한 Windows7 - Windows User Experience In..

나는 애플고딕이 싫어요! MacOS와 iOS에 기본 한글 폰트로 사용되는 애플고딕은 너무 장식이 많아서 보기 불편합니다. 애플 UI의 가장 치명적인 단점은 바로 이 애플고딕입니다. 물론 아마존 킨들의 한글 폰트에 비하면 무난한 편이지만요. 저는 가급적 애플고딕을 나눔고딕으로 대체해서 사용하려고 하는데 iOS 4.3부터는 jailbreak해도 기본 폰트를 변경할 수 없더라구요. 모바일 사파리 웹폰트 지원 그나마 다행히 사파리 브라우저에서는 애플고딕을 안 볼 수 있는 방법이 있습니다. 모바일 사파리가 css3 웹폰트를 지원해서 아이폰이나 아이패드에서 애플고딕을 다른 한글 폰트로 대체할 수 있습니다. 고맙게도 모빌리스에서 웹폰트로 변환한 나눔고딕을 호스팅해 주고 있고요. 하지만 추가로 700KB정도의 폰트 파..

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