[1과목] 소프트웨어 설계 - 화면 설계

01 UI 요구사항 확인

02 UI 설계

---

01 UI 요구사항 확인

▶ UI(User Interface)

  : 사용자 인터페이스, 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상 매개체

 

▷ 특징

오류 최소화

작업기능 구체화

상호 작용

작업시간 감소

 

▷ 유형

유형	특징
CLI (Command Line Interface)	정적 텍스트 기반, 명령어를 텍스트로 입력 조작
GUI (Graphical User Interface)	그래픽 반응(환경) 기반, 마우스나 전자펜 이용
NUI (Natural User Interface)	직관적 사용자 반응(경험) 기반, 신체 부위 이용(터치, 음성..)
OUI (Organic User Interface)	유기적 상호 작용 기반, 입력장치 = 출력장치, 모든 사물이 입출력장치로 변화

 

▷ 설계 원칙

설계 원칙	설명
직관성 (Intuitiveness)	누구나 쉽게 이해하고, 쉽게 사용(일관성)
유효성 (Effectiveness)	정확하고 완벽하게 사용자 목표 달성(쉬운 오류 처리 및 복구)
학습성 (Learnability)	누구나 쉽게 배우고 사용
유연성 (Flexibility)	사용자 인터랙션 포용, 실수 방지, 오류 예방 및 감지

 

▷ 표준 구성

전체적인 UX 원칙

정책 및 철학

UI 스타일 가이드

UI 패턴 모델 정의

UI 표준 수립을 위한 조직 구성

 

▷ 소프트웨어 개발 단계 UI 지침

  : 목표 정의 → 프로젝트 계획 → 요구사항 정의 → 설계 및 구현 → 테스트 → 배포 및 관리

 

▶ 스토리보드(Storyboard)

  : UI 화면 설계를 위해 정책이나 프로세스 및 콘텐츠 구성, 와이어프레임, 기능에 대한 정의, 데이터베이스 연동 등 구축하는 서비스를 위한 대부분의 정보가 수록된 문서, 최종적으로 참고하는 산출문서

 

▷ UI 화면 설계 구분

구분	설명
와이어프레임 (Wireframe)	이해관계자들과 화면구성 협의, 서비스 흐름 공유를 위해 화면단위 레이아웃 설계
스토리보드 (Storyboard)	정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의, DB 연동 등 서비스 구축을 위한 정보가 담긴 산출물(디자이너, 개발자가 최종 참고하는 문서)
프로토타입 (Prototype)	정적 화면으로 설계된 와이어프레임과 스토리보드에 동적 효과를 적용, 실제 구현된 것처럼 시뮬레이션 할 수 있는 모형

 

02 UI 설계

▶ 프로세스

문제 정의

사용자 모델 정의

작업 분석

컴퓨터 오브젝트 및 기능 정의

사용자 인터페이스 정의

디자인 평가

 

▶ 감성공학(Sensibility Ergonomics)

  : 인간의 감성을 정성적/정량적으로 측정 및 평가하고, 과학적으로 분석하여 이를 구체적 제품 설계로 실현해 내는 공학으로 인간-기계/인간-환경 사이를 연계시키는 인터페이스 설계 분야

 

▷ 접근방법

구분	설명
1류 접근방법	인간의 감성을 표현하는 어휘 이용, 제품 이미지 조사 등 분석을 통해 제품 디자인 요소와 연계
2류 접근방법	문화적 감성, 개인의 연령, 성별 등 개별적 특성과 생활방식으로부터 개인이 갖고 있는 이미지 구체화
3류 접근방법	기존 감성적 어휘 대신 공학적 방법으로 접근, 인간의 감각 측정으로 수학적 모델 구축

 

 

참고자료: 수제비 2022 정보처리기사 필기