scenario(5)
-
[해외교육] UI17 Day-1 퍼소나 기반의 시나리오 작성하기 (Kim Goodwin)
pxd 교육제도 중, 일정기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17 (User Interface Seventeen) 컨퍼런스에 참여하게 되었습니다. UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일 동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다. 첫 날은 Full day workshop으로 Kim Goodwin의 Using Scenarios to Design Intu..
-
UI 워크플로우에 최적화된 도구 '옴니그라플'
선행 프로젝트가 아닌 양산형 프로젝트일 경우에는 전략단계 이후 워크플로우 작업이 수반됩니다. 이 때 프로젝트의 규모가 클 수록 UI 기획자가 다루어야할 시나리오는 수백장에 이르는데요. 앨런 쿠퍼는 자신에게 익숙한 툴로 프레임웍을 작성하길 권장하고 있습니다. 하지만 일반 문서도구로는 끊임없이 결정하고 커뮤니케이션해야 UI 프로세스에서 시간과 에너지를 소모적으로 쓸 수 밖에 없는 한계가 있습니다. 현재 국내외에서는 파워포인트, 인디자인, Axure 등 다양한 프로그램을 프레임웍 툴로 사용하고 있습니다. 최근에는 어도비사에서 인터랙션 디자인 전용 툴인 카탈리스트(코드명: Thermo)라는 프로그램도 출시하기도 했습니다. 하지만 대부분커스텀 UI를 작성하기 어렵거나 수백장에 이르는 화면과 시나리오를 컨트롤하기에..
-
[Workshop] 2011 pxd UI Workshop 후기
pxd 에서는 매 주 마다 사내 Book 스터디를 하고 있습니다. 올해는 앨런 쿠퍼의 '퍼소나로 완성하는 인터랙션 디자인'을 공부하고 있는데요, Chapter 1을 끝내고 배운 이론을 적용하기 위해 사내 UI Workshop을 진행하였습니다. 3명으로 이루어진 5개의 조를 편성하여 팀 작업을 수행하였습니다. 주제는 7인치 디스플레이에 최적화된 맛집 어플리케이션 제작이었습니다. 단계별로 6주에 걸쳐서 진행하였습니다. 주차별 진행과정은 다음과 같습니다. 1주차 : User interview 세미나 (송영일님 진행) 2주차 : User interview 3주차 : Creating persona 세미나 (이재용님 진행) 4주차 : Creating persona 5주차 : User Scenario, Functio..
-
100년의 영화 역사에서 배우는 UI
PXD의 UI.lab에서 일을 하면서 요즘 드는 생각은 영화의 시나리오 작가와 롤이 매우 유사하다는 것입니다. 기본적으로 서비스의 사용 흐름을 짜고 화면의 구조를 잡아가는 과정이 마치 영화에서의 시나리오 작성 과정을 연상하게 하기 때문입니다. 그래서 이번 블로깅을 통해 100년의 역사를 가진 영화에서 UI에 관한 흥미있는 단서를 한 번 건져보려고 합니다. 먼저 '시나리오'에 대한 연극 영화에서의 사전적 정의는 아래와 같습니다. 시나리오 scenario [연극영화]영화를 만들기 위하여 쓴 각본. 장면이나 그 순서, 배우의 행동이나 대사 따위를 상세하게 표현한다. UI 시나리오도 위의 정의와 크게 다르지 않다고 생각합니다. 서비스나 제품을 만들기 위해서 각 화면의 순서, 사용자의 행동을 상세하게 표현합니다...
-
UI 설계도에 해당하는 용어들
User Interface Design은 매우 어린 학문이어서 자신의 주요 결과물을 무엇이라 부를 건가에 대해서조차 합의된 용어가 없습니다. 우리말로 하면 이른바 "UI 설계도"라고 할 수 있을까요? 하여간 업계에서 사용하는 용어를 모아보면, 1. UI 문서 GUI 문서에 대비되는 개념으로 UI를 설계한 문서라는 뜻인데, 웬지 정통성 없는 단어 같은 느낌이 듭니다. 2. 화면 설계서 제가 개인적으로 가장 선호하는 말은 '화면 설계서' 인데 다소 '흐름'에 대한 부분이 약한 느낌은 있지만 적어도 무엇을 이야기하는지는 어느 정도 설명하는 용어가 아닐까 생각합니다. 이것을 영어로 하면, 3. Wireframe wire 즉 철사줄을 생각하시면 되겠죠. 철사줄로 만들어 놓은 조형물이 wire frame입니다. 이..