autumn-code 님의 블로그

워크플로우 제작하기워크플로우 작성사용자의 여러 상황을 직접 경험하고 감정이입을 통해 직관적이고 편리한 워크플로우를 제작할 수 있다.UI 문서의 이해와이어프레이밍(wireframing)UI 문서 중 중요한 역할을 담당하는 하나로서 와이어프레임은 화면 단위의 레이아웃 구조 설계하는 단계의 과정이다.프로젝트 관계자들과 레이아웃을 협의하거나 시스템의 간략한 흐름을 논의하고 공유하기 위한 목적으로 사용하며 UI, UX 디자인에 집중되어 있다.와이어프레임 설계에서 중요한 사항첫째, 사용자의 콘텐츠 요구사항에 대하여 구조화 작업을 수행하고, 사용자가 콘텐츠를 편리하게 이용할 수 있도록 콘텐츠 공간의 패턴과 순서를 설계하는 정보구조 설계에 관한 것이다.둘째, 사용자의 기능 요구사항의 세부 작업에 대한 동작 설계, 그리..

워크플로우(workflow) 작성1. 워크플로우 작성의 목적워크플로우는 사용자들이 시스템을 이용하면서 취하는 경로나 과정을 보여주는 다이어그램이며, 시스템에서 사용자의 전체적인 이용 흐름을 보여주기 위해 작성된다. 그리고 특정 결정이 이루어져야 하는 지점과 함께 제시되어야할 메뉴와 정보도 포함된다.2. 워크플로우의 활용워크플로우를 작성하기 위해서는 먼저 사용자의 목표를 이해하여야 한다. 따라서 워크플로우를 작성 전, 사용자 요구사항 정의서나 유스케이스를 필요로 한다. 워크플로우는 다음과 같이 다양하게 활용될 수 있다.(1) 앱의 기능이나 작업들이 어떻게 논리적으로 연결되어 와이어프레임으로 구성되는지를 검토할 수 있다.(2) 사용자가 이용하는 시스템에 대하여 이동 경로 및 과정을 예측할 수 있다(3) 사용..

워크플로우(workflow) 이해1. UI 디자인 작성 순서첫 번째 작업은 앞선 학습 1의 정보구조 설계를 기획하는 단계이다.두 번째 작업은 본 학습 2의 사용자가 앱 서비스를 바라보는 관점을 이해하는 단계이다.번째 작업은 사용자와 시스템간의 인터랙션 및 사용자 경험 이해를 토대로 와이어프레임을 작성하고, 사용자 중심의 직관적이고 편리한 워크플로우를 제작한다네 번째 작업은 앞서 수행한 정보구조(IA) 설계의 이해 및 사용자의 UI 흐름 분석을 토대로 실제 설계 및 구현을 위한 모든 화면에 대한 UI 상세 디자인을 진행한다.2. 워크플로우 정의워크플로우는 작업 절차를 통한 정보 또는 업무의 이동을 말하는 것으로, 사용자의 ‘작업 흐름’이라 할 수 있다. 사용자가 앱 작동을 어떻게 시작하고, 그다음의 수행 ..

스토리보드의 정의1. 스토리보드의 구성스토리보드는 앱을 개발하기 위한 기초 설계 도면으로 디자이너 및 개발자가 참고하는 최종적인 산출문서라고 할 수 있다. 화면 구성이 어떻게 보여 질것이며 다음 화면이 어떻게전개될지 알려주는 것으로 각 화면에 대한 화면 정의서, 기능 정의서, 데이터베이스 연동등 구축을 위한 모든 정보가 담겨 있는 문서이다. 앱 서비스 제작의 단계에서 스토리보드는 실제 제작의 전단계이며 요구 분석, 정보구조 설계, 서비스 흐름도 작성 후 최종 문서로서 해당 문서를 바탕으로 커뮤니케이션을 하게 된다.2. 스토리보드 작성 단계(1) 앱의 설명 및 개요문서 명, 개정 이력, 디렉토리, 작성일자, 업데이트 기록, 기재해야 할 중요사항 등 앱에 대한 전반적인 개요를 명시한다. 앱의 주요 목적과 타..

기능 구조 정의1. 주요 기능 정의카드소팅 수행을 통하여 콘텐츠와 기능에 대하여 다양하게 그룹핑 및 배열을 시도하면서기능구조를 정의하였다면, 사용자 태스크 흐름을 중심으로 각 그룹의 사용빈도와 중요도를 파악한다. 그리고 정의된 기능들에 대해 우선순위를 설정해야 하는데, 이 과정에서 중요하지 않거나 불필요하다고 판단되는 기능들은 삭제하기도 하고, 새로운 기능이 필요하 다고 판단될 경우에는 추가하기도 한다.2. 메뉴 구조도(1) 메뉴 구조도 정의메뉴 구조도는 앱 공간의 형태를 시각적으로 보여주며, 메뉴와 각 메뉴의 기능을 문서로 정리 한 것을 말한다.(2) 메뉴 구조도 기능메뉴 구조도는 앱 개발자와 디자이너를 위해서 각 업무에 대한 요약이나, 기본적인 사항들을 기록하는 기능을 한다. 페이지와 다른 정보 요소..

모바일 UX의 특성 이해1. 모바일 소프트웨어의 UX모바일 환경에 적합한 사용자 경험 디자인을 하기 위해서는 사용자가 앱을 이용하여 달성하고자 하는 목적과 그에 따른 사용자의 행동패턴과 니즈를 발견하여, 그것을 UI 디자인에 담아내는 디자인 과정이 요구된다. 모바일에서 사용자 경험이 유독 강조되는 이유는첫째, 작은 화면에서 서비스를 이용해야 한다는 점과, 모바일 기기의 특성 상 언제 어디서든 휴대성이 확보되기 때문에 사용자가 원하는 정보만을 직관적으로 신속하게 보여주고반응해야 한다는 것에 있다.모바일 디바이스 하드웨어와 소프트웨어 구성과의 연관성높은 사용자 접근성(24시간 함께하는 밀착성)사용자와의 상호작용(interaction)다양화, 고도화되는 입력(input)방식(touch, gesture, aud..

UI 정보구조 설계하기정보설계 구성앱 UI/UX 디자인 개발에 필요한 요소를 기반으로 전체적인 정보설계를 구성할 수 있다.정보설계정보설계의 목적은 사용자와 앱의 상호작용을 원활하게 하여, 사용자가 원하는 정보를 쉽 고 빠르게 찾을 수 있도록 하는데 있다. 사용자 요구사항으로부터 도출된 콘텐츠와 기능 구조를 바탕으로 하여, UI 구조와 내비게이션(navigation), 레이블링(labeling) 체계를 정립하 는 과정이다. 1976년 정보설계(Information Architecture, IA)라는 개념을 처음으로 언급한 리처드 사울 워먼(Richard Saul Worman)은 정보설계를 “데이터를 사람들이 이해할 수 있 는 정보로 바꾸는 것.”이라고 정의하였다.1. 정보설계의 정의정보설계가인 루이스 로젠..

UX 디자인 목표 수립UX 디자인 전략이란, 사용자 경험 디자인의 원칙과 방향을 말하는 것으로 본 학습에서는문화콘텐츠앱 디자인의 세부 전략을 바탕으로 UX 디자인 목표를 수립한다. 다음 예시와같이, 명확한 목표 수립을 통해사용자에게 전달할 UX 디자인 콘셉트를 정의할 수 있다.1. 문화콘텐츠앱 UX 디자인 원칙사용자 경험을 이루는 앱 디자인의 핵심 분야로서 인터랙션 디자인, 정보 디자인, 비주얼디자인의 세 가지 디자인 분야의 원칙을 이해하고, 이를 바탕으로 사용자의 니즈를 충족시킬 수 있는 디자인 방향성을 도출하여 본다.(1) 인터랙션 디자인인터랙션 디자인의 목적은 사용자와 시스템과의 상호작용을 원활하게 하는 것이다. 특히, 작업 중심의 앱과 같이 사용자가 분명한 목적을 갖고 접근하는 경우에는 앱의 특정..

X 전략 수립 시 고려해야 할 조건앞서 선정한 UX 전략 포지셔닝 방향에 따라 전략을 수립할 시 고려해야 할 조건들을 분석하여 실현 가능하며 차별화된 UX 전략을 수립한다. 비즈니스 측면에서의 UX 전략의 고려와 기술적 측면, 사용자 측면에서의 고려를 통하여 UX 디자인 전략의 명확성 및 타당성을 검토하여야 한다.1. 경영 전략 및 경쟁 환경에서 UX 전략(1) 경영 관점에서의 UX 전략전략 경영 분야의 최고 권위자인 제이 바니(Jay B. Barney)와 윌리엄 헤스털리(WilliamS. Hesterly)는 경영(business)이란 선택과 실행의 연속된 과정이라고 정의하고 있다. 기업의 경쟁력은 시장에 소구되어야 할 제품/서비스가 경쟁 우위를 얻을 수 있도록, 가능한 대안 중에 가장 효과적인 방안을 ..

퍼소나 요구사항 정리앞서 학습해본 바와 같이, 퍼소나에 따른 정황 시나리오 분석을 통하여 도출된 요구사항을 바탕으로 개략적인 디자인 방향성을 예측할 수 있다. 이에 따라, 가상의 대표 사용자퍼소나의 요구사항 구분은 다음과 같은 기준으로 정리될 수 있다.1. 목표 대상에 따른 구분(1) 시스템 요구사항(2) 사용자 요구사항2. 요구사항의 특성에 따른 구분(1) 기능적 요구사항사용자가 앱을 이용하는 목적에 따른 기능적 요구를 충족할 수 있을 만큼, 충분하게기능이 제공되고 있는지 사용자를 통하여 확인해볼 수 있다. 현재 서비스 중인 앱의경우에는 사용자들로부터 추가로 제공되었으면 하는 기능이나, 또는 현재 시스템에서의 변경이나 제거 등 불필요하다고 느끼는 기능에 대해서 직접 사용자들을 대상으로하여 평가를 수행해..