UI디자인 프로젝트에서의 키스크린(Key Screens)은 해당 프로젝트에서의 중요한 전환점에 해당합니다. 키스크린을 그리기 이전까지의 과정이 주로 UI디자이너가 리서치를 통해 프로젝트를 이해하고 자료를 모으고 분석하는 시간이었다면 키스크린은 이러한 고민의 결과가 비로서 구체적인 형태로 표현되는 순간에 해당합니다. 성미급한 고객들은 프로젝트가 시작되자마자 화면부터 그려내라고 하는 경우가 있는데, 이때 그들이 원하는 화면이라는 것이 바로 키스크린에 해당된다고 할 수 있습니다. 이것이 나와야 구체적인 디자인의 모습을 그리면서 본격적으로 기획-개발-디자인 부서가 서로 논의를 할 수 있기 때문이죠. UI디자이너 입장에서도 하루라도 빨리 키스크린을 그리고 싶지만, 그리게 되기까지의 과정이 결코 쉽지 않습니다. 설..

구글에서 회사 근처의 빵집인 '도쿄팡야'를 검색하는 동안 인스턴트 검색으로 노출된 화면입니다. '도'를 입력하는 동안 제가 '동영상' 키워드를 검색할 것으로 "예측"하여 유튜브의 성인물을 제일 먼저 노출하여 보여주었고, '도쿄'를 입력하는 동안은 '도쿄핫' 검색어를 추천하면서 이미지검색으로 성인물의 썸네일을 제시하여 주었습니다. 1. 구글의 instant search는 입력중인 키워드 자체를 그대로 검색하여 의도하지 않는 노이즈 노출을 막고있습니다. 대신 사용자가 검색할 가능성이 높은 키워드를 예측(best matching suggestion)하여 키워드 입력 중에 바로 결과를 보여줍니다. 하지만 위의 경우처럼 키입력 속도에 따라 원치 않는 노이즈를 계속 뿌려줍니다. 평상시에는 인지하지 못했는데 아이패드..

2011년 5월 17일 pxd contents lab의 서광용님의 발표 요약본을 공유합니다. 발표 제목은 '보도자료의 이해'입니다. 비단 보도자료 뿐 만 아니라, 글을 쓰는데에 있어서도 도움이 될 것으로 기대합니다. - 문장의 힘: 명확성, 객관성, 일관성, 간결성 - 눈으로 보듯 생생하게 작성하라 ('글쓰기만보' 책 참조 할 것) - 핵심적인 메시지에 맞춰 핀포인트(Pinpoint) 하라 - 글 쓰기 전에 문단을 설계하라 - 역삼각형(두괄식) 형태로 작성하라 - 첫 문장에 심혈을 기울여 흥미롭고 쉽게 쓰라 (단, 기획 기사는 예외) - 하나의 문장에서 하나만 말하라 - 하나의 문단은 하나의 메시지로 구성하라 - 왜 중요한지를 가급적 앞부분에서 강조하라 - 단정적 표현과 추측성 표현을 구분하라 - 문자나..

PC모니터해상도는 점점 커지고 있고, 모바일Device의 해상도 또한 다양해지고 있습니다. 급변하는 환경에서 새로운 Device가 출현할 때마다 해상도Porting작업을 해야 한다면 비효율이겠죠. 지금 이 시간에도 '모바일버전 제작', 'PC버전 제작', 'N-Screen지원' 을 얘기하며 머리를 싸매고 있을 분들이 많을텐데 Responsive Web Design이 그 비효율을 줄일 묘안으로 떠오르고 있습니다. 게다가 굉장히 적절해 보입니다. Responsive Web Design은 HTML파일 한 벌로 PC모니터, 태블릿PC, 모바일Device, TV 등의 다양한 스크린해상도에 대해 각각 최적화된 레이아웃과 인터페이스를 제공하는 웹디자인기법으로서 이러한 웹사이트들이 속속 만들어지고 있습니다. 적용 사이..

팀블로그를 지원하는 블로그 호스팅 서비스를 찾아보다가 결국 티스토리가 가장 적당한 것 같아서 티스토리로 결정했습니다. 팀블로그를 운영하다가 작성자별로 쓴 글을 모아서 보는 기능이 필요해서 찾아봤더니 다른 팀블로그에는 다 있는 기본 기능이 없더라구요. 티스토리 홈페이지에 문의 글을 올려봤지만 대답은 들을 수 없었습니다. 검색해보니 오래 전 부터 비슷한 요청 글들이 올라와 있지만 전혀 대응 없이 방치되어 있더라구요. 티스토리 트위터에 문의해도 대답은 없고요. Closed API 티스토리 API가 새로 업데이트 되어서 기뻤습니다. 뭐 제공 안해주면 만들어서라도 쓸 수 있겠구나 싶었지요. 하지만 티스토리는 근본적으로 팀블로그같은건 고려하지 않고 있습니다. 게시물 정보에 작성자 정보 같은건 받을 수 없게 되어 있..

제가 사용하는 검색엔진에서는 웹페이지의 파비콘을 표시하도록 하고 있는데요. 요즘 싸이월드 로고만 보면 클릭을 주저하게 됩니다. 페이지 열리는게 너무 오래걸리거든요. 보통 페이지를 여는데 10초 이상 기다려야 합니다. 도대체 싸이월드에 무슨 문제가 생긴건 아닐까 개발자 도구를 열어봤더니 아래 이미지의 사진이 거의 없는 텍스트 위주의 페이지를 하나 여는데 서버에 309개의 파일을 요청하고 있더라구요. css파일이 33개 html파일이 40개 자바스크립트 파일이 102개입니다. 나머지가 134개는 이미지파일입니다.(하도 어이가 없어서 세봤습니다) 중복요청이 많기도 하고요. 아마 여러 부서에서 개별 모듈을 따로 개발하고 있어서 인 것 같습니다. 블로그가 보이는게 오히려 신기합니다. 거의 동일한 정보량을 가지는 ..

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

위키피디아 서비스 디자인 항목에서 역사 부분을 아주 간단하게 (외우기 좋게!) 요약하면 이렇습니다. 1. 1982-1984년 사이에 Shostack이 서비스 디자인의 필요성을 역설하면서 'Service Blueprint' 제안. 2. 1991년 Köln International School of Design (KISD)의 Prof. Dr. Michael Erlhoff 그리고 이후 Prof. Birgit Mager과 함께 서비스 디자인을 학문 분야로 처음 만든다. (Dr. Michael Erlhoff는 얼마전에 한국 방문하였죠. http://story.pxd.co.kr/336) 3. 2001년 최초의 서비스 디자인 컨설턴시인 live|work가 런던에 설립되다 4. 2004년 Köln Internation..

선행 프로젝트가 아닌 양산형 프로젝트일 경우에는 전략단계 이후 워크플로우 작업이 수반됩니다. 이 때 프로젝트의 규모가 클 수록 UI 기획자가 다루어야할 시나리오는 수백장에 이르는데요. 앨런 쿠퍼는 자신에게 익숙한 툴로 프레임웍을 작성하길 권장하고 있습니다. 하지만 일반 문서도구로는 끊임없이 결정하고 커뮤니케이션해야 UI 프로세스에서 시간과 에너지를 소모적으로 쓸 수 밖에 없는 한계가 있습니다. 현재 국내외에서는 파워포인트, 인디자인, Axure 등 다양한 프로그램을 프레임웍 툴로 사용하고 있습니다. 최근에는 어도비사에서 인터랙션 디자인 전용 툴인 카탈리스트(코드명: Thermo)라는 프로그램도 출시하기도 했습니다. 하지만 대부분커스텀 UI를 작성하기 어렵거나 수백장에 이르는 화면과 시나리오를 컨트롤하기에..

이제 우리나라에도 아이패드를 정식 발매하기 시작했습니다. 아이패드에서 국내 검색엔진은 어떻게 보일까요? 야후(미국)처럼 태블릿 전용 사이트를 만든 곳은 아직 없는 것 같습니다. 아직 정식으로 태블릿을 대응한 사이트를 준비한 곳은 없으니까 무의미한 지적이지만 심심풀이로 보시고 담당하시는 분이라면 수정 부탁드립니다. 디테일이 중요하잖아요. 아이패드에서는 검색을 안해요 아이패드도 아이폰처럼 컨텍스추얼 키패드를 사용하는데요. http://story.pxd.co.kr/89 현재 아이패드에서 검색창에 검색어를 입력하고 키패드에 "검색(Search)" 버튼이 표시되는 검색 사이트는 구글(미국)이 유일한 것 같습니다. 아직 아이패드 사용자가 그렇게 많지 않으니까 피드백이 없나 봅니다. 검색을 안하면 어떻게 하냐고요? ..

What do servive designers do? 지난 번에 UX 디자이너란 어떤 사람들인가?(http://story.pxd.co.kr/350)라는 비디오를 소개하였는데, 지난 번처럼 재미있는 내용은 전혀 아니고, 다소 딱딱한 설명이긴 하지만, 서비스 디자이너는 어떤 일을 하는가에 대해 소개한 비디오가 있어서 공유합니다. 동영상은 옥스퍼드 대학의 Said 경영대학에서 연구과제로 이루어진 3개의 과제를 설명하는데, 서비스 혁신 및 디자인 컨설턴시인 live|work (런던 소재)와 g-Nostics (옥스포드 연구팀에서 유래해서 개인화된 의약품을 제공하는 회사)가 함께 6일만에 전형적인 컨설팅 회사의 작업을 따라한 것을 동영상으로 만든 것입니다. 서비스 디자이너를 다른 직업과 구별되게 하는 것은 세 가..

slide to unlock 출처 : 트위터 @eunssori http://twitpic.com/52m1vi 아이폰에서 처음 사용한 밀어서 잠금 해제 (slide to unlock)를 요즘은 안드로이드나 기타(?) 풀 터치 스크린을 사용한 단말들에서도 대부분 채용하고 있습니다. 기본적인 사용 패턴은 screen off 상태에서 하드키를 눌러 screen on 터치 잠금 상태로 접근하고 잠금화면에서 스크린의 특정 오브젝트을 드래그하여 잠금을 해제는 방식입니다. 비밀번호 잠금이 되어 있으면 비밀번호(제스쳐)를 입력하여 인증하는 화면이 나오기도 하고요. 이게 처음에는 신기하고 재밌었는데 사실 너무 귀찮습니다. 잠금 해제의 목적은 주머니 안에서 잘못 켜진다든지 해서 의도하지 않은 조작에 따른 실수를 막기 위한 ..