얼마 전 동료로부터 다음과 같은 질문을 받았습니다. "유리 주임님은 디자인을 전공하지 않으셨는데, 처음으로 프레임워크 스케치를 할 때 어떤 느낌이었어요?"저의 대답은 "흥미로워 보였지만 너무 막막했어요." 였습니다. 그리고 어떻게 해결해 나갔는지를 이야기 하면서 UI 가이드라인을 공부하게 된 이유와 그 과정에서 겪은 시행착오가 생각났습니다. 이를 통해 얻은 교훈을 정리해 보고, 신입 디자이너들 중에서도 비슷한 어려움을 겪었거나 겪고 있는 분들에게 도움이 될까 하여 이 글을 쓰게 되었습니다. 이 글에서는 각종 UI 가이드라인 링크 모음을 공유하고 그에 앞서, 가이드라인을 효과적으로 읽기 위한 올바른 방향(당시에 제가 알았더라면 정말 좋았을 것 같은)에 대해 정리해 보려고 합니다. 개인적인 경험을 바탕으로 ..

2014년 12월11일, HCI KOREA 2015에서 '스마트TV 표준 가이드라인에 대한 사례 발표'를 진행하였습니다. 현장의 분위기와 발표 내용을 간략하게 요약하여 공유합니다. 성공적인 스마트TV 표준 가이드라인 만들기 UX디자이너에게 표준을 지키는 일은 중요합니다. 더불어 표준을 만드는 일도 중요합니다. 이번 학회에서 나눌 주제는 'IT 솔루션의 표준을 만드는 일' 즉 표준 가이드라인(General Guideline)작성에 관한 내용이었습니다. IT 솔루션을 개발하고 디자인하는 곳이라면 어디서든 표준 가이드라인을 만듭니다. 스마트TV도 예외는 아닙니다. 특히 스마트TV OS개발의 경우 기획, 개발, 디자인 등 다양한 부서 간 협업을 통해 서비스가 만들어집니다. 때문에 서비스의 일관성을 유지시켜 주는..

WebTV라고 하면 어떤 분들은 과거가 아련히 떠오를지 모르겠다. 하지만 대부분은 '그게 뭐지?' 라며 생소해 하실 것 같다. TV로 TV 프로그램만 시청할 것이 아니라, 인터넷도 봤으면 좋겠다고 생각한 Perlman 등이 1995년 설립한 회사인데, 이후 마이크로소프트에 매각되어 msn-TV가 되었다가, 2013년 9월 30일 종료된 서비스 회사이다. (위키백과 참고) 기본적으로 작고 검은 상자(셋탑박스)가 있고, 이것을 브라운관 TV에 연결하면 TV에서 인터넷, 메일 등을 볼 수 있는 서비스이다. 초기에는 컴퓨터는 없지만 인터넷을 하고 싶은 계층을 목표로 만들었다. 흥미로운 건, 이 회사 때문에 Interactive TV라는 한바탕 붐이 일었고, 국내에도 이러한 기술을 제공하려는 회사가 10여개 이상..

모바일 우선주의 Mobile First 루크 로블르스키 Luke Wroblewski UI 디자인계의 스타인 루크 로블르스키가 쓴 이 책은, 기존의 PC용 웹사이트 중심에서 모바일 중심으로 서비스를 설계해야 하는 이유와 모바일로 넘어왔을 때 어떤 점에 유의해야 하는지 사례를 들어 설명하고 있다. 이 책은 2011년에 영문판이 나왔기 때문에 2014년인 현재에 '왜 우리가 모바일을 우선해야 하는가?'라는 부분은 다소 지루하게 다가올 수 있다. 또한 '모바일 우선'이 되었을 때 달라져야하는 디자인 원칙들의 경우에도 피엑스디처럼 모바일 관련 작업이 많은 회사들의 디자이너에게는 새로운 내용이 별로 없다. 하지만 아래와 같은 입장에서라면 이 책은 매우 흥미롭고 다시 읽어 봐야할 책이라 생각한다. 스타트업 관계자들 ..

앞서 게재된 이재용님의 글(http://story.pxd.co.kr/949)에서 UI 가이드라인을 적용할 때의 고려사항 몇 가지를 짚었습니다. 그 중 '가이드라인이 나온 인지적/심리적 배경을 이해한다.' 라는 내용은, 가이드라인이 나오게 된 근본적인 이유를 인간의 심리적 측면에서 이해해야 함을 말하고 있습니다. 이 글에서는 이와 관련해 책에 언급된 내용 몇 가지와 제가 느낀점들을 정리해 보고자 합니다. '마음을 생각하는 디자인'에서 더 다양한 내용을 다루고 있으니 더 많은 예시는 책을 읽어보시면 되겠습니다. UI 디자인을 하면서 들었던 조언 중 하나는, 잘 만들어진 여러 UI 가이드라인 문서를 통해 인터페이스 기본 원칙, 컴포넌트의 종류와 패턴 등에 대한 기본기를 다지라는 말이었습니다. 업무상 UI 가이..

마음을 생각하는 디자인 UI 디자인 규칙을 이해하기 위한 핵심 가이드 Designing with the mind in mind Simple guide to understanding user interface design rules 제프 존슨 Jeff Johnson UI를 공부하다보면, 여러 가지 지켜야 할 규칙들을 접하게 되고, 그렇게 만들어진 규칙들을 모아 보고 싶은 생각이 든다. 그리고 이렇게 모인 규칙은 대개 '가이드라인'이라는 이름으로 디자이너들 사이에 공유된다. 처음에는 경험의 법칙에 가까워서 정확한 이유는 모르겠지만 여러번 반복하여 실험해 보니까 이렇게 하는 것이 좋더라였는데, 시간이 흐르면서 이유도 알게 되고 학자들마다 반복하여 정의하는 것들도 생기게 되었다. 애플의 기념비적인 휴먼 인터페이..

UI 기획을 하는데 있어서 UI 패턴과 원칙을 이해하는 것은 건축가가 구조를 이해하는 것과 같이 기본적이면서도 중요합니다. 또한 패턴과 원칙을 통해 일반적인 디자인 문제를 다루는 광범위한 해결방안으로 적용할 수 있습니다. UI 패턴과 원칙을 다룬(일부를 다룬 책도 포함) 도서 모음을 정리해 보았습니다. 본 도서는 pxd 라이브러리 에 구비되어 있으며, 제 유저스토리북에 모아두었습니다. :) 이 외에도 UI 패턴과 원칙을 다룬 도서가 있다면 공유 부탁드립니다. 업데이트 하도록 하겠습니다. 관련 글 ▷ UI 패턴과 원칙을 다룬 도서 모음 20+ (현재 글) ▷ UI 패턴을 다룬 웹사이트 모음 UI 패턴과 원칙을 다룬 국내 도서 모음 (무작위순) 1. 웹 폼 디자인 루크 로블르스키 저 | 민은식, 김성은 역 ..

그리 오래 전은 아니지만 UX라는 분야에 처음 입성했을 때, 머리 속에 가득 찬 아이디어를 우리가 흔히 부르는 Wireframe에 옮기는 데 애를 먹었던 기억이 있습니다. 그림은 대충 그려지는 데 정작 내가 그리고 있는 것이 무엇인지 '정의'를 내릴 수가 없었던 탓이지요. 이처럼 기획자라면 누구나 UI규격서를 설계해 본 적이 있을 것입니다. 이것은 UI기획자와 디자이너 간, 혹은 UI기획자와 개발자 간의 일종의 약속이자 물리적인 결과물입니다. 그렇기 때문에 모든 약속은 명확한 정의가 바탕이 되어야 합니다. 그래야 작업자 간의 원활한 커뮤니케이션을 이끌 수 있으니까요. 이번 포스팅에서는 원활한 커뮤니케이션을 위한 기본적인 조건인 UI컴포넌트 용어를 정리해보려고 합니다. 시리즈의 첫 번째로 가장 기본적인 전..

구글이 안드로이드 아이스크림 샌드위치(Ice Cream Sandwich) 스타일 가이드인 을 공개했습니다. 안드로이드 운영체제를 탑재한 스마트폰/태블릿 모두에 최적화된 애플리케이션과 사용자 인터페이스를 만드는 데 도움을 주는 가이드라고 소개하고 있습니다. 안드로이드 디자인 가이드(영문) : http://developer.android.com/design/index.html 안드로이드 디자인 가이드(한글 번역) : http://klutzy.github.com/android-design-ko/ 디자인 가이드는 다음과 같은 세 가지에 초점을 맞추고 있습니다. - Style (devices and displays, themes, typography, color, writing style etc.) - Patte..

그리 쉽지는 않지만, UI 디자이너에게 표준을 지키는 일은 중요하다. 특히 많은 사람들이 이미 따르는 표준이라면 그 중요성은 배가된다. 이해를 돕기 위하여 4회에 걸쳐서 Mac OS 표준, Windows OS 표준, 그리고 ISO(International Standard Organization) 표준의 역사에 대해서 알아보기로 한다. 1. 사용자의 80%만을 위해 디자인하라 - Apple Human Interface Guidelines의 역사 2. 마침내 혼란을 극복한 Windows7 - Windows User Experience Interaction Guidelines의 역사 3. 그들만의 리그, 우울한 ISO UI 표준 - ISO 13407 & ISO 9241의 역사 4. 왜 어떤 가이드라인은 실패하..

그리 쉽지는 않지만, UI 디자이너에게 표준을 지키는 일은 중요하다. 특히 많은 사람들이 이미 따르는 표준이라면 그 중요성은 배가된다. 이해를 돕기 위하여 4회에 걸쳐서 Mac OS 표준, Windows OS 표준, 그리고 ISO(International Standard Organization) 표준의 역사에 대해서 알아보기로 한다. 1. 사용자의 80%만을 위해 디자인하라 - Apple Human Interface Guidelines의 역사 2. 마침내 혼란을 극복한 Windows7 - Windows User Experience Interaction Guidelines의 역사 3. 그들만의 리그, 우울한 ISO UI 표준 - ISO 13407 & ISO 9241의 역사 4. 왜 어떤 가이드라인은 실패하..

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