📒 1. UI 설계 검토하기

✏️ 디자인 가이드의 의미와 필요성

디자인 가이드는 프로젝트나 운영환경 또는 특정 개발 범위 내에서 원활한 의사소통이나 결과의 일관성을 확보하기 위해 표준을 정의한 디자인 표준 문서이다.

✏️ GUI 디자인 가이드의 구성 요소

GUI 디자인 콘셉트
GUI 디자인 화면 영역 구성 가이드
GUI 디자인 컬러 가이드
GUI 디자인 텍스트 가이드
GUI 디자인 Icon&Button 가이드
패턴 템플릿

✏️ GUI 구현을 위한 특성과 개념

사용성 사용자가 얼마나 편하고 쉽게 제공된 기능을 사용할 수 있는지에 관한 품질 속성이다.

가시성 사용자에게 제공된 기능이 눈에 쉽게 띄어야 한다는 특성이다.

직관성 사용자에게 제공된 기능을 사용자가 별도의 설명서나 타인의 도움 없이도 제공된 인터페이스를 사용하는데 어려움이 없다는 특성이다.

일관성 사용자에게 제공된 시스템 내의 모든 기능들이 공통 요소를 지니고 있고, 내/외부적으로 일관성을 지녀야 한다는 특성이다.

📒 2. UI 설계 확인하기

✏️ UI 분석기법의 종류와 개념

FGI(Focus Group Interview)

• FGI란 특정 집단 내에서 중점 인터뷰 대상을 추출하여 이를 통해 심층적인 의견과 요구사항을 도출하는 정성적 조사 기법을 말한다.

페르소나(Persona)

• 페르소나는 특정환 환경에서의 사용자의 패턴, 감정, 생각, 행동 등을 예측하기 위해 실제 사용자들의 데이터를 바탕으로 설정된 가상의 대표 사용자이다.

필드 스터디(Field Study)

• 필드에서의 사용자들을 직접 관찰하고 주요 이슈를 파악하는 활동을 말한다.

5Whys

• 특정 문제에 대해 계속 반복적으로 'why?'라는 질문을 던지고 이에 대한 원인을 분석하면서 최종적인 근본 원인을 탐색하는 기법이다.

브레인스토밍

• 다수로 구성된 집단에 의한 창의적 아이디어 도출 기법이다. 브레인 스토밍에 참여하는 사람들은 자발적으로 자신이 생각하는 아이디어를 가감 없이 제시하고 이를 통해 특정 문제에 대한 최선의 해결법을 도출한다.

✏️ 프로토타이핑의 개념과 특징

개념

• 프로토타이핑이란 중요한 요구사항에 대해 이해 관계자의 이해가 불분명하거나 모호할 경우 해당 요구사항에 대한 최종 산출물의 개략적인 모형을 간단하고 빠르게 만들어 시각적으로 제공함으로써 요구사항을 구체화 하는 기법을 말한다.

특징

• 불분명하고 변경 가능성이 큰 특정 요건을 사전에 구체화하여 사후 비용을 크게 절감할 수 있고 요건을 보다 효과적으로 도출할 수 있다.
• 더 좋은 아이디어를 도출하는데 도움이 되고 더 발전적인 UI를 구성할 수 있도록 한다.

✏️ 스토리보드, 와이어프래임의 개념

스토리보드 전체 UI에 대한 정책과 흐름, 그리고 디자인 콘셉트에 기반한 콘텐츠 구성 등 모든 UI 관련 내용이 작성되어 있는 문서이다.

와이어 프레임 각 화면 단위로 UI 레이아웃을 설계한 스케치 또는 그림으로서 이해 관계자들 간에 초기 레이아웃 협의나 전체 서비스의 흐름을 토의하기 위해 활용한다.