[정보처리기사] 화면 설계

UI/UX

구분	설명
UI	사용자와 시스템의 의사소통을 위한 가상의 매개체
UX	사용자가 시스템이나 서비스를 이용하면서 직/간접적으로 느낀 총체적 경험

 

UI 유형

구분	설명
CLI	TEXT 기반
GUI	그래픽 기반 (마우스, 펜)
NUI	신체 부위 이용 (터치, 음성)
OUI	유기적 상호작용 기반 (모든 사물이 입출력 장치로 변화)

 

UI 설계 원칙

구분	설명
직관성 (Intuitiveness)	누구나 쉽게 이해, 사용
유효성 (Efficiency)	사용자의 목적 정확하게 전달
학습성 (Learnability)	쉽게 배움
유연성 (Flexibility)	사용자 요구사항 최대 수용, 오류 최소화

 

UI 화면설계

구분	설명
와이어 프레임	화면단위 레이아웃
스토리 보드	와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
프로토 타입	와이어프레임(OR 스토리 보드)에 인터랙션을 적용함으로써 실제 구현된 것 처럼 테스트가 가능한 동적 형태의 모형
목업	와이어 프레임보다 좀더 실제 화면과 유사하게 만든 정적 형태 모형
유스케이스	사용자측면에서의 요구사항

 

사용자 요구사항 도출

• 페르소나
• 콘셉트 모델
• 요구사항
• UI 컨셉션