사용자 인터페이스

• 사용자 인터페이스(UI, User Interface)
• 구분
  • CLI(Command Line Interface) : 텍스트 명령어 입력과 출력
  • GUI(Graphical User Interface) : 그래픽 환경
  • NUI(Natural User Interface) : 사용자의 말이나 행동
• 기본 원칙(직유학유)
  • 직관성
  • 유효성 : 사용자의 목적을 정확하고 완벽하게 달성해야 함
  • 학습성
  • 유연성 : 요구사항을 최대한 수용하고 실수를 최소화해야 함

UI 설계 도구

• 와이어 프레임(Wireframe)
  • 페이지의 대략적인 레이아웃이나 구조를 설계하는 도구
  • 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계
• 목업(Mockup)
  • 실제 화면과 유사하게 만든 정적 형태의 모형
  • 툴 : 파워 목업, 발사믹 목업 등
• 스토리 보드
  • 와이어 프레임에 콘텐츠 설명과 이동 흐름 등을 추가한 작업 지침서
• 프로토타입
  • 실제 구현된 것처럼 테스트가 가능한 동적 형태의 모형
  • 인터랙션(Interaction) : 시스템을 사용하는 일련의 상호 작용
  • 종류
    • 페이퍼 프로토타입 : 손으로 직접 작성하는 아날로그적 방법
    • 디지털 프로토타입 : 파워포인트 등의 프로그램을 사용하는 방법
• 유스케이스(Use Case)
  • 사용자의 요구사항을 기능 단위로 표현
  • 다이어그램 형식

UI 설계

• UI 상세 설계
  • 시나리오 문서
    • 사용자의 인터페이스 기능 구조, 대표 화면, 인터랙션 흐름 등을 정리한 문서
    • 시나리오 문서의 조건
      • 완전성
      • 일관성
      • 이해성
      • 가독성
      • 수정 용이성
      • 추적 용이성

현대 공학

• HCI(Human Computer Interaction Interface)
  • 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문
  • 최적의 사용자 경험(UX)을 만드는 것이 목표
• UX(User Experience)
  • 사용자가 시스템이나 서비스를 이용하면서 느끼는 만족이나 감정 등 총체적인 경험
  • 특징
    • 주관성
    • 정황성
    • 총체성
• 감성 공학
  • 제품이나 환경을 사용자의 감성에 맞게 설계 및 제작하는 기술
  • 인간의 삶을 편리하고 안전하고 쾌적하게 만들기 위한 목적