[정처산기] 필기준비 : 프로그래밍 언어 활용(3) [스크립트 언어 활용하기]
[정처산기] 필기준비 : 프로그래밍 언어 활용(2) [객체지향 프로그래밍 언어 활용하기] [정처산기] 필기준비 : 프로그래밍 언어 활용(1) [구조적 프로그래밍 언어 활용하기] 1. 구조적 프로그래밍
yermi.tistory.com
1. UI 설계 확인하기
1-1. UI설계 내용 확인
1) UI(User Interface)
사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여 주기 위한 것
(1) CLI(명령어 라인 인터페이스, Command Line Interface)
사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현
(2) GUI(그래픽 유저 인터페이스, Graphical User Interface)
사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현
(3) NUI(자연어 유저 인터페이스, Natural User Interface)
몸짓, 말소리만으로도 IT 기기를 사용할 수 있는 사용자 인터페이스\
2) UI표준 및 지침
- UI표준은 시스템 전반에 걸쳐 모든 UI에 공통적으로 적용되는 내용을 의미
- UI지침은 UI개발 과정에서 UI요구사항이나 구현 제약사항 등 지켜져야 할 공통의 조건을 의미
3) 소프트웨어 아키텍처(Software Architecture)
소프트웨어 구성요소 중 외부에 드러나는 요소 특성과 요소들 간의 관계를 표현
4) UI 개발 도구 분류
- 파워포인트(Powerpoint)
- 와이어프레임(Wireframe)
- 스토리보드(Storyboard)
- 목업(Mockup)
5) UI설계서
웹 사이트의 페이지 구성요소를 기록한 설계도.
정적인 형태의 화면 형태로 와이어 프레임이나 목업 등을 이용하여 작성
1-2. UI 메뉴 구조 확인
1) 사용성(Usability)
특정한 목적을 성취하고자 하는
특정 사용자들에 의해
어떤 제품이 사용될 때와 같은
특정한 맥락의 사용에서의
효과성, 효율성, 만족도에 관한 것
2) 유용성(Usefulness)
사용자가 업무를 수행하는데 있어
얼마나 정확하게 수행할 수 있는지를 나타내는 것
3) 정보 구조(Information Architecture)
설계 단계에서 사이트를 구성하는
처리 내용이나 메뉴의 구조를 표현함으로써
사이트의 구조를 파악할 수 있도록 하는 것
사이트 맵이라고도 하며, 계층적 구조, 계열 구조, 그리드 구조, 네트워크 구조 등으로 나뉜다.
4) 내비게이션(Navigation)
사용자가 사이트에서 원하는 정보를 찾도록 안내하는 것
참고자료 : https://www.ncs.go.kr
[정처산기] 필기준비 : 화면 구현(2) [UI 구현하기]
[정처산기] 필기준비 : 화면 구현(1) [UI 설계 확인하기] [정처산기] 필기준비 : 프로그래밍 언어 활용(3) [스크립트 언어 활용하기] [정처산기] 필기준비 : 프로그래밍 언어 활용(2) [객체지향 프로그
yermi.tistory.com