■ UI
☞ 사람과 사물 또는 시스템 사이에서 의사소통 할 수 있도록 일시적 또는 영구적인 접근 목적으로 만들어진 물리적, 가상적 매개체
▶ UI 종류
▷ 그래픽 사용자 인터페이스 (GUI)
▷ 웹 기반 인터페이스 (웹 사용자 인터페이스, WUI)
▷ 명령 줄 인터페이스 (CLI)
▷ 텍스트 사용자 인터페이스 (TUI)
▷ 터치 사용자 인터페이스
▶ UI 세 분야
- 정보 제공과 기능 전달 위한 물리적 제어 분야
- 콘텐츠 상세적 표현과 전체적 구성에 관한 분야
- 사용자 편의성에 맞춰 쉽고 간편하게 사용 가능하게 하는 기능적 분야
▶ UI 설계 원칙
▷ 직관성
▷ 유효성
▷ 학습성
▷ 유연성
■ UI 표준
☞ 조직 브랜드나 정체성과 일치되는 디자인 철학과 원칙 기술되어 UI 표준이 정리되고 공통으로 사용하는 UI/GUI 요소 및 배치 규칙 등 정의
1. 웹 스타일 가이드 구성
2. 정책
3. 기본 환경
■ UI 지침
☞ 웹/모바일 서비스 구축 시 효율적인 정보 전달 가능케 하기 위해 사용자 인터페이스 설계에서 지켜야 할 세부 사항 규정 하는 것 의미
1. 사용자 경험 고려사항
2. 핵심 기능 고려사항
3. 호환성과 확장성 고려사항
4. 정보소외계층 접근성
5. 일관성
6. 이미지
7. 기타 설계 지침
■ 스토리보드
☞ 디저이너와 개발자가 최종적으로 참고하는 설계 산출 문서
☞ 정책, 프로세스 및 콘텐츠 구성, 와이어 프레임, 기능 정의, DB 연동 등 서비스 구축 위한 대부분 정보 수록
▶ UI 화면 설계 구분
▷ 스토리보드
▷ 와이어프레임
▷ 프로토타입
▶ 스토리보드 작성 절차
1. 메뉴 구성도 만들기
2. 스타일 확정
3. 설계하기
'🎓BBS' 카테고리의 다른 글
[정보처리기사] 2022년 정보처리기사 필기 3-1, 3-2 애플리케이션 설계 (0) | 2022.04.18 |
---|---|
[정보처리기사] 2022년 정보처리기사 필기 2-2 UI 설계 (0) | 2022.04.18 |
[정보처리기사] 2022년 정보처리기사 필기 1-3 분석모델 확인 (0) | 2022.04.18 |
[정보처리기사] 2022년 정보처리기사 필기 1-2 요구사항 확인 (0) | 2022.04.18 |
[정보처리기사] 2022년 정보처리기사 필기 1-1 현행 시스템 분석 (0) | 2022.04.18 |