5. 화면 설계

사용자 인터페이스(User Interface)

사람들이 컴퓨터, 시스템, 기기, 도구 등 그 사이에서 일어나는 상호작용을 매개하는 것

UI 설계 원칙

• 직관성 - 누구나 쉽게 이해하고 사용할 수 있어야 한다.
• 학습성 - 누구나 쉽게 배우고 익힐 수 있어야 한다.
• 유연성 - 사용자의 요구사항을 최대한 수용하고 실수를 최소화 해야 한다.
• 유효성 - 사용자의 목적을 정확하고 완벽하게 달성해야 한다.

UI 설계 단계

문제정의(P) → 사용자 모델 정의(M) → 작업 분석(J) → 컴퓨터 오브젝트 및 기능 정의(C) → 사용자 인터페이스 정의(U) → 디자인 평가(D)

PMJCUD 순

UI 표준

UI 표준은 조직의 브랜드나 정체성과 일치되는 디자인 철학과 원칙이 기술되어 UI 표준이 정리되고 공통으로 사용하는 UI/GUI 요소 및 배치규칙 등이 정의합니다.

UI 지침

웹/모바일 서비스의 구축 시 효율적인 정보 전달이 가능하게 하기 위하여 사용자 인터페이스 설계에서 지켜야 할 세부 사항을 규정한 문서.

스타일 가이드

사용자 인터페이스 표준에서 사용자 인터페이스를 만들 때 기본 원칙, 레이아웃, 엘리먼트 등 각종 규칙들의 기준이 되는 문서

스토리보드

UI설계 과정 중 디자이너와 개발자가 최종적으로 참고하는 설계 산출 문서로 정책, 프로세스 및 콘텐츠의 구성, 와이어프레임, 기능정의, 데이터 베이스의 연동 등 서비스 구축을 위한 대부분의 정보가 수록되어 있는 문서.

프로토타입(Prototype)

UI설계 과정 중 사용자의 요구사항을 충분히 분석할 목적으로 시스템의 중요 부분을 우선 구현하고, 이후 요구사항을 반영하는 과정을 재 반복하는 개발모델

UI 화면 설계

1. UI 표준 수립
2. UI 요구사항 분석
3. 프로토타입 작성
4. UI 흐름 설계
5. UI 상세 설계
6. UI 검토 및 보완