UI 관련 용어 정리

UI 의 개념

---

UI (User Interface)

• 사용자가 어떤 방식으로 응용 프로그램을 이용하는가를 설계하는 작업이다

  • 응용 프로그램과의 관계
    접근 방식, 레이아웃 구조, 색상이나 모양 등의 시각적인 것이다
  • 시스템과의 관계
    의사소통을 할 수 있도록 하는 매개체이다
    
    

• UI는 일시적이거나 영구적일 수 있으며,
  물리적 혹은 가상적인 인터페이스 매개채이다
  

---

UI의 발전

초창기 UI

• 사용자와 시스템간의 단순 상호 작용만을 연구했다

사용자 요구가 증가하고, 입력 데이터가 복잡해지고 다양해지면서
단순 상호 작용 기술만으로는 입력한 결과를 처리 못하는상황이나 오류가
증가하기 시작했다

현재의 UI

• 감각과 지능 데이터의 상호 작용까지 연구되고 있다

시각,청각,촉각,지능은 물론 데이터의 내용과 의미까지 상호작용하는 단계까지 발전되었다

---

UI의 종류

TUI (Text Interface, 텍스트 사용자 인터페이스)

• 텍스트 단어를 입력하여 상호 작용을 수행하는 방식
• RUN, STOP, WAIT 형태의 명령어를 사용
• CLI(명령줄 인터페이스) 가 등장하기 전에 사용했던 UI

CLI (Command Line Interface, 명령줄 인터페이스)

• 일정한 형식을 가진 문자열을 입력하여 상호 작용을 수행
• COPY A.txt B.txt, DEL A.txt 형태의 명령을 사용
• Windows 운영체제 이전 모델인 MS-DOS 시절에 사용했던 방식

GUI (Graphic User Interface, 그래픽 사용자 인터페이스)

• 그래픽을 통해 상호 작용을 수행
• 마우스를 이용하여 화면에 있는 그래픽 메뉴를 선택하여 작업

WUI (Web base UI, 웹 기반 사용자 인터페이스)

• 웹 브라우저를 통해 상호 작용을 수행하는 방식
• 인터넷 웹 페이지를 열람하고 조작하는 인터페이스

Touch UI (터치 사용자 인터페이스)

• 음성, 온도, 촉감을 통해 상호 작용을 수행하는 방식
• 스마트 TV, 스마트 폰, 노트북, 출입 관리 등에 응용하는 방식

---

UI 분야

물리적 제어
기계 조작 장치 (전원 버튼)

기능적 제어
키보드, 마우스, 펜 마우스 등

전체 구성 제어
화면의 레이아웃 (Layout),
웹 페이지의 메뉴 선택 방식,
스크롤 바, 버튼, 화면 분할

---

UI 요구사항 관련 용어

스토리보드 (Storyboard)
디자이너와 개발자가 최종적으로 참고하는 설계 산출 문서

와이어 프레임 (Wireframe)
화면 단위로 밑그림을 설계하는 작업물

프로토타입
실제 화면과 흡사한 모형

---