[정보처리기사] UI 설계 원칙과 설계 지침

1. UI 설계 원칙

☑︎ 직관성, 유효성, 학습성, 유연성

항목	세부 요소	설명
직관성 (Intuitiveness)	• Findability • Ease of use • Consistency	앱의 구조를 큰 노력 없이도 쉽게 이해하고, 쉽게 사용하게 해주는가에 관한 척도이다.
유효성 (Efficiency)	• Feedback • Effectiveness	- 얼마나 정확하고 완벽하게 사용자의 목표가 달성될 수 있는지에 관한 척도이다. - 시스템의 상태와 사용자의 지시에 대한 효과를 보여주어 사용자가 명령에 대한 진행 상황과 표시된 내용을 해석할 수 있도록 도와준다.
학습성 (Learnability)	• Easy of Learning • Accessibility • Memorability	초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 해주는지에 관한 척도이다.
유연성 (Flexibility)	• Forgiveness • Error Prevention • Error Detectability • Error-averse	사용자의 인터랙션을 얼마나 포용하고, 실수로부터 방지해주는지에 관한 척도이다.

 

2. UI 설계 지침

☑︎ 사용자 중심, 일관성, 단순성, 가시성, 표준화, 접근성, 결과 예측 가능, 명확성, 오류 발생 해결

항목	설명
사용자 중심	실사용자의 이해를 바탕으로 쉽게 이해하고, 쉽게 사용할 수 있는 환경을 제공한다.
일관성	사용자가 기억하기 쉽고 빠른 습득이 가능하도록 버튼이나 조작법을 제공한다.
단순성	인지적 부담을 줄이도록 조작 방법을 가장 간단히 작동하도록 한다.
가시성	주요 기능은 메인 화면에 배치하여 조작이 쉽게 한다.
표준화	기능 구조의 선행 학습 이후 쉽게 이용할 수 있도록 디자인을 표준화 한다.
접근성	사용자의 직무.성별, 나이 등 다양한 계층을 수용해야 한다.
결과 예측 가능	작동 대상 기능만 보고도 결과 예측이 가능해야 한다.
명확성	사용자 관점에서 개념적으로 쉽게 인지할 수 있어야 한다.
오류 발생 해결	오류가 발생하면 사용자가 상황을 정확히 인지할 수 있어야 한다.

 

3. UI 설계에 도움을 주는 도구

☑︎ 와이어 프레임, 목업, 프로토타입, 스토리보드

도구명	설명
와이어 프레임	UI 중심의 화면 레이아웃을 선택을 이용하여 개략적으로 작성한다.
목업	실물과 흡사한 정적인 모형을 의미한다. 시각적으로 구성 요소를 배치하는 것으로 일반적으로 실제로 구현되지는 않는다.
프로토타입	Interaction이 결합하여 실제 작동하는 모형이다.
스토리보드	정책, 프로세스, 와이어프레임, 설명이 모두 포함된 설계 문서이다.

 

 

<참고> 이기적 정보처리기사 필기 기출