본문 바로가기

Design/UIUX디자인

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

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

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

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

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

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

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

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

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

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

Design/UIUX디자인 2018. 5. 31. 앱개발 방향성 수립 및 보고서작성 앱개발 방향성 수립 및 보고서작성 사용자 요구사항 정의 사용자 시나리오(user scenario) 사용자 시나리오란 퍼소나를 주인공으로 인터랙션을 기술하는 방법으로 미래 시점의 상황에서 사용자의 이용 상황이나 경험을 보다 구체화하기 위한 도구이다. 제품/서비스의 특정한정황에서 퍼소나가 목적을 달성하기 위해서 어떻게 행동하는지, 인터랙션을 어떻게 하는지를이야기로 풀어봄으로써 미래 사용자의 경험을 예상해보는 것이다. 사용자 경험과 행동에 영향을 끼치는 요소를 파악하고 기능에 대한 요구 및 기능들의 우선순위를 알 수 있으며, 사용자가 그 기능들을 어떻게 이용하는지 사용자의 행태를 예측하고 분석할 수 있다.사용자 시나리오의 구성 요소 사용자(user) 제품/서비스를 이용하는 가상의 대표 사용자인 퍼소나가 있어야..

Design/UIUX디자인 2018. 5. 30. 사용자 분석하기 사용자 분석하기(LM0803020910_16v2.2) 2-1 사용자 조사 결과 분석 사용자 조사 결과 분석 사용자 조사는 설문조사나 인터뷰, 관찰 조사 중에서 한 가지를 수행하거니, 또는 두 가지 이상 혼용해 사용하기도 한다. 인터뷰 조사 분석의 내용에는 일반적으로 사용자에 대한 정의, 사용자의 니즈 및 동기, 사용자의 이용 행태 등으로 분류할 수 있다. 또한, 태스크 수행을 통한 관찰 조사를 시행한 경우에는 관찰을 통해 파악된 태스크 단계별 문제점들을 분석하여 정리할 수 있다. 그리고 인터뷰와 관찰조사를 병행하여 실시하기도 하며, 사용자 조사 결과 분석에 포함되는 내용은 일반적으로 다음과 같다. 1.사용자에 대한 정의 사용자들의 구체적인 유형과 특성을 정의한다. 사용자의 기술적 숙련도나 콘텍스트, 조사..

Design/UIUX디자인 2018. 5. 29. 사용자 조사 수행 관찰 중심의 사용자 조사 방법 프로젝트에 한정된 조사 예산 및 조사 일정을 고려하여야 하며 특히, 사용자를 둘러싼 환경의 다변화, 연구 방법론의 발달 등으로 인하여 어느 한 가지 조사 기법을사용하기보다는 다양한 방법들을 서로 융합하여 사용하기도 한다.. 관찰 조사 방법(observation method) 관찰 조사는 조사 대상자와 상호작용 하지 않고 대상자의 행동패턴을 관찰하고 기록하여정보를 얻는 조사 기법이다. 관찰 조사법의 종류는 크게 두 가지로 조사자가 직접 조사대상의 행동을 관찰하는 인적 관찰법이 있으며, 사진 촬영이나 비디오 관찰법(videoethnography), 쉐도우 트래킹(shadow tracking), 사용자 추적법(shadow tracking)과 같이 기록하는 도구를 이용하는 기계적 ..

Design/UIUX디자인 2018. 5. 25. 사용자 조사 내용 설계 사용자 조사 계획 수립 사용자를 조사하기 위해서는 먼저, 철저하게 조사 계획을 세우는 것이 비용절감 및 돌발 상황에 대한 대처와 시행착오를 줄일 수 있다. 앞서 조사 대상인 타깃 그룹을 설정하였다면 조사의 핵심 내용을 정리하여 명확한 이슈를 정의하고, 구체적인 조사 내용을 설계하여 사용자 조사 수행 가이드를 작성해야 한다. 조사 방식의 선택 사용자 조사 방법은 조사의 규모와 목적에 따라 정량적, 정성적 리서치를 적절히 사용해야한다.UI/UX 관련 조사에서는 인터뷰나 관찰 조사와 같은 정성적 리서치 기법을 통해 정량적 리서치만으로는 밝히기 어려운 사용자 행동이나 태도 등의 주관적인 측면을 발견하고자 한다. 정성적 리서치를 사용한다고 해도, 사용자로부터 어떠한 정보를 수집하려고 하는것인지, 그 목적에 따라 ..

Design/UIUX디자인 2018. 5. 17. UI/UX 전략 도출 타이틀 이미지 설명 부분입니다. 사용자 조사하기(LM0803020910_16v 2.1) 사용자 조사 방법 수행 사용자 조사(User research) 사용자 조사는 제품 및 서비스와 관련된 사용자의 다양한 정보를 조사하는 활동으로서,크게 마케팅 조사 차원의 시장 조사와 사용자의 행동이나 태도, 이유 등 심리상태를 파악하기 위한 차원의 UI/UX와 관련된 사용자 경험 조사로 분류할 수 있 사용자 경험과 사용자 인터페이스에 대한 개념 정의는 다음과 같다.사용자 경험과 사용자 인터페이스 사용자 인터페이스(User interface) 사용자 인터페이스는 컴퓨터, 시스템, 기기, 도구 등과 사용자의 의사소통을 목적으로하며, 사용자가 보고 상호작용할 수 있는 환경 또는 장치를 의미한다. 앱의 UI를 구성하는 요소에..

이전 1 다음

Calendar

Tags

더보기

Archives

Visits

Today

Yesterday

티스토리툴바