디자인 가이드를 위한 스토리보드 스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주 요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영상 매체를 제작하는 과정에서 스텝들 간의 원활한 의사소통을 하기 위해 제작된 문서이다. 스토리보드의 구성 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사 용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야 한 다. 이 때 메뉴 구성을 포함한 페이지의 구성은 디자인 요소 중 아주 중요한 부분을 차 지하게 된다. 각 페이지의 정보를 요약하며, 저장될 디렉터리, 파일 이름, 페이지 타이틀 등을 메모하 듯이 작성한 후 링크 정보를..
태스크 플로우 작성하기 사이트 맵은 웹사이트의 특정 영역을 대표하는 페이지들을 시각적으로 보여주는 것을 의미한다. 회사 조직도처럼 생겼으며 사이트의 수직적인 구조를 보여준다. 태스크 플로우는 사용자들이 웹사이트를 항해하는 중 취하는 경로나 과정을 보여준다. 사용자의 옵션이나 경로를 상세히 보여주기 위해 제작된다. 시나리오 기반의 태스크 분석 정의 사용자의 니즈와 요구사항을 기반으로 사용자가 우리 서비스를 이용하여 어떤 작업을 수행하도록 할 것인가 정해야 하는데 이를 태스크(과업)이라고 한다 이 태스크(과업)을 누가 어떤 상황에서 어떻게 수행하는가를 그리는 과정이 시나리오 작업이다. 태스크(과업) 분석은 이 서비스를 통하여 앞에서 정의한 페르소나가 무엇을 할 수 있 을지, 사용자들에게 어떤 기능들을 제공할..
와이어프레임 비주얼 디자인이 시작되기 전에 흑백으로 제작되어 UX/UI 디자인의 방향을 잡는 역할을 하며 페이지나 화면에 보여지는 요소들을 정하기 위해 그려지는 일종의 ‘프로토타입’이라고 할 수 있다. 피드백과 함께 이루어지는 작업이기 때문에 한번에 완성도를 높이기보다 반복적 작업을 진행하는 것을 염두 해 두고 작성해야 한다. 정의 대략적인 스크린 디자인을 일컫는 것으로, 각 페이지와 기능 간의 관계와 구조를 제안하고 시각화하는 것이다. 이러한 와이어프레임은 인터페이스 디자인에서 기본 안내서로 사용한다. 즉, 와이어프레임은 인터페이스의 기본 요소를 담은 레이아웃을 그림 등으로 표현한 것으로, 기획서나 스토리보드 등의 UI 디자인을 의미한다. 가벼운 스케치와 인터랙티브 프로토타입 사이에 위치한다고 본다. ..
친화도법(Affinity Diagramming) 사용자리서치의 수행 결과로 방대한 양의 노트, 사진, 음성 기록, 영상 기록 등 자료가 사 용자로부터 수집되고 이로부터 추출된 팩트, 시사점 등에 대한 기록이 더해지게 된다. 이 렇게 방대한 자료를 분석하는 데는 수개월에서 수년의 시간이 필요하게 된다. 친화도법의 특징 필드리서치로부터 발견된 내용들의 분석 개별 사용자가 사용하고 있거나 필요로 기능들을 식별하고 분류 사용성에대한 평가로부터 발견된 내용들의 분석 문제의 범위 다수 사용자들로부터 도출된 문제들의 유사성 문제의 범위, 경계 이후 사용자리서치에 필요한 정보 친화도법 적용 절차 핵심 질문을 결정한다. 사용자리서치의 결과로부터 배울 수 있나? 우리의 제품/서비스를 사용하는 사용자는 누구인가? 사용자는 ..
UX(User Experience) UX, 즉 사용자 경험이란 제품을 사용하면서 내재화되는 모든 것을 의미하며 여기에는 경험을 비롯하여 느낌, 기억, 만족감 등도 포함된다. 이런 사용자 경험을 디자인하는 사용자경험 디자인이란, 사용자가 어떤 시스템, 제품, 서비스를 직,간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다. 이는 단순히 기능이나 절차상의 만족뿐 아니라 전 반적인 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고, 상호 교감을 통해서 알 수 있는 가치있는 경험이다. 사용자로 하여금 최적의 경험을 유도하는 것이 UX 디자인의 궁극적인 목표가 된다. UI(User Interaction) 사용자가 콘텐츠를 활용함에 있어 생기는 일련의 상호작용을 의미한다. 개발되는 콘텐츠 를 사..
사용자 리서치 수행 기법 목표한 사용자리서치 결과를 도출하기 위해 여러 기법이 혼용되기도 하며, 사용자리서치 를 수행한 조직과 제품/서비스의 특성에 따라 고유의 기법을 개발하고 사용하기도 한다. 경우에 따라서는 사용자리서치의 진행에 따라 계획한 기법 외에 보다 적합할 것으로 예상 되는 기법을 적용하면서 계획을 수정해 진행하거나, 이를 반영하여 반복/점진적 프로세스 에 따라 추가적인 사용자 리서치를 수행하기도 한다. 이해관계자 인터뷰(Stakeholder) 프로젝트와 관련된 내부 이해 관계자를 뜻합니다. 프로젝트 매니저, 개발자, 디자이너, 마케터, 기획자, 퍼블리셔, 의사 결정자와 관련된 업무를 하는 사람을 말합니다. 인터뷰에는 세부 기능보다는 타겟 유저가 누구인지, 문제점이 무엇인지, 목표가 무엇인지 ..
사용자리서치 사용자리서치는 사용자와의 직/간접적인 접촉을 통해 사용자의 식별을 포함하여 사용자에 대한 정보, 사용자가 갖는 정보를 조사하는 활동이다. 일반적인 마케팅 차원의 사용자리서 치와 UI/UX와 관련한 사용자 리서치는 다음과 같은 특성을 갖는다. (Tulathimutte, Tony and Nate Bolt) 데스크(Desk)리서치와 필드리서치 일반적으로 데스크리서치는 실제 필드리서치 수행에 앞서 관련 문헌을 연구하거나 인터넷 검색 등을 통해서 정보를 수집, 분석하는 작업을 의미한다. UI/UX와 관련한 경우에 실제 사용자와의 접촉 없이 디자이너 개인 또는 내부 구성원 차원 에서 수행되는 데스크리서치(Desk Research)와 실제 환경(필드)에서 사용자의 맥락을 함께 조사하는 필드리서치로 구분된..