Developer.

정보처리기사 실기 화면 설계 정리

📂 목차


📚 본문

UI 유형

  • CLI
  • GUI
  • NUI: 신체를 기반으로 상호작용
  • OUI: 입력장치가 곧 출력장치

UI 화면 구성요소

  • 그리드
  • 콤보 박스: 드롭 다운 메뉴가 뜸
  • 토글 버튼: Boolean
  • 텍스트 박스
  • 라디오 버튼: 택일
  • 체크 박스: 다중 선택
  • Page 요소
  • 팝업 요소
  • Alert 요소

UI 제스쳐

  • 탭: 짧고 가볍게 터치
  • 더블 탭: 빠르게 두 번
  • 프레스: 길게 꾹 누름
  • 플릭: 수평/수직으로 빠르게 밈
  • 스와이프: 드래그랑 같음
  • 드래그: 끌다가 손을 뗌
  • 핀치: 두 손가락 확대, 축소 제스쳐
  • 로테이트: 두 손가락 회전 제스쳐

UI 설계 원칙

  • 직관성: 누구나 쉽게 이해하고, 쉽게 사용
  • 유효성: 정확하고 완벽하게 사용자의 목표가 달성되도록
  • 학습성: 쉽게 배우고 사용
  • 유연성: 상용자의 인터랙션 포용

UI 설계 프로세스

  1. 문제 정의
  2. 사용자 모델 정의
  3. 작업 분석
  4. 컴퓨터 오브젝트 및 기능 정의
  5. 사용자 인터페이스 정의
  6. 디자인 평가