사용자 인터페이스(UI, User Interface)
in Computer Science / Software-design
교과서 기초 개념 정리
사용자 인터페이스(UI, User Interface)
- 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어를 의미
- 사용자의 만족도에 가장 큰 영향을 미치는 중요한 요소로 소프트웨어 영역 중 변경이 가장 많음
- 사용자의 편리성과 가독성을 높임으로써 작업 시간을 단축시키고 업무에 대한 이해도를 높여준다
- 최소한의 노력으로 원하는 결과를 얻을 수 있게 한다
- 수행 결과의 오류를 줄인다
- 사용자의 막연한 작업 기능에 대해 구체적인 방법을 제시한다
UI 구문
CLI(Command Line Interface)- 명령과 줄이 텍스트 형태로 이뤄지는 인터페이스GUI(Graphic User Interface)- 아이콘이나 메뉴를 마우스로 조작하는 그래픽 환경의 인터페이스- NUI(Natural User Interface) - 사용자의 말이나 행동으로 조작하는 인터페이스
UI 기본 원칙
- 직관성 - 누구나 쉽게 이해하고 사용할 수 있어야 함
- 유효성 - 사용자의 목적을 정확하고 완벽하게 달성해야 함
- 학습성 - 누구나 쉽게 배우고 익힐 수 있어야 함
- 유연성 - 사용자의 요구사항을 최대한 수용하고 실수를 최소화해야 함
UI 설계 시 고려사항
- 사용자 중심 - 사용자가 쉽게 이해하고 편리하게 사용할 수 있는 환경을 제공
- 일관성 - 버튼이나 조작 방법 등을 일관성 있게 제공하므로 사용자가 쉽게 기억하고 습득할 수 있게 설계
- 단순성 - 조작 방법을 단순화시켜 인지적 부담을 감소시켜야 함
- 결과 예측 가능 - 작동시킬 기능만 보고도 결과를 예측할 수 있도록 설계해야 함
- 가시성 - 메인화면에 주요 기능을 노출시켜 최대한 조작이 쉽도록 설계해야 함
- 표준화 - 기능 구조와 디자인을 표준화하여 한 번 학습한 이후에는 쉽게 사용할 수 있도록 설계
- 접근성 - 사용자의 연령, 성별, 인종 등 다양한 계층이 사용할 수 있도록 설계해야 함
- 명확성 - 사용자가 개념적으로 쉽게 인지할 수 있도록 설계해야 함
- 오류 발생 해결 - 오류가 발생하면 사용자가 쉽게 인지할 수 있도록 설계해야 함
UI 설계 도구
- 와이어프레임(Wireframe)
- 기획 단계 초기에 자작하는 것으로 페이지에 대한 개략적인 레이아웃이나 UI 요소에 대한 뼈대를 설계
- 와이어프레임 제작 시 각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계
- 목업(Mockup)
- 디자인, 사용방법, 평가 등을 위해 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적 형태의 모형
- 스토리보드(Storyborad)
- 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
- 디자이너와 개발자가 최종적으로 참고하는 작업 지침서
- 정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의 등 서비스 구축을 위한 모든 정보가 담김
- 프로토타입(Prototype)
- 와이어프레임이나 스토리보드 등에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적 형태의 모형
- 사용성 테스트나 작업자 간 서비스 이해를 위해 작성하는 샘플
- 유스케이스(Usecase)
- 사용자 측면에서의 요구사항으로 사용자가 원하는 목표를 달성하기 위해 수행할 내용을 기술
- 요구사항을 빠르게 파악함으로써 프로젝트 초기에 시스템의 기능적인 요구를 결정하고 그 결과를 문서화
- 자연어로 작성된 사용자의 요구사항을 구조적으로 표현한 것으로 일반적으로 다이어그램 형식으로 묘사된다
