99. 사용자 인터페이스
UI의 기본 원칙
- 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 한다.
- 유효성 : 사용자의 목적을 정확하고 완벽하게 달성해야 한다.
- 학습성 : 누구나 쉽게 배우고 익힐 수 있어야 한다.
- 유연성 : 사용자의 요구사항을 최대한 수용하고 실수를 최소화해야 한다.
사용자 인터페이스
- 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어
- 초기에는 단순히 사용자와 컴퓨터 간의 상호작용에만 국한되었지만 점차 사용자가 수행할 작업을 구체화시키는 기능 위주로 변경되었고, 최근에는 정보 내용을 전달하기 위한 표현 방법으로 변경되었다.
100. UI표준 및 지침
UI 스타일 가이드 작성 순서
- 구동 환경 정의
- 레이아웃 정의
- 네비게이션 정의
- 기능 정의
- 구성 요소 정의
그리드
- 데이터를 테이블 형식으로 쉽게 표시할 수 있도록 해주는 도구로, 화면에 표시할 데이터를 정의한다.
101. UI 설계 도구
와이어프레임
- 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 도구
- 기획 단계의 초기에 제작
- 각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계
스토리 보드
- 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
- 디자이너와 개발자가 최종적으로 참고하는 작업 지침서
- 서비스 구축을 위한 모든 정보가 들어 있다.
- 스토리보드 툴 : 파워포인트, 키노트, 스케치, Axure
프로토타입
- 와이어프레임이나 스토리보드 등에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
- 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것
- 일부 핵심적인 기능만을 제공
102. UI 요구사항 확인
UI 요구사항 작성
- UI요구사항을 UI개발 목적에 맞게 실사용자 중심으로 작성
정황 시나리오
- 사용자의 요구사항을 도출하기 위해 작성하는 것으로, 사용자가 목표를 달성하기 위해 수행하는 방법을 순차적으로 묘사한 것
- 요구사항 정의에 사용되는 초기 시나리오
- 사용자가 주로 사용하는 기능 위주로 작성
- 함께 발생되는 기능들은 하나의 시나리오에 통합
기능 요구
- 사용자의 목적 달성을 위해 무엇을 실행해야 하는지를 동사형으로 설명
103. 품질 요구사항 ⭐
신뢰성
- 주어진 시간동안 주어진 기능을 오류 없이 수행할 수 있는 정도
- 하위 특성 : 성숙성, 고장 허용성, 회복성
기능성
- 소프트웨어가 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부
- 하위 특성 : 적절성, 정밀성, 상호 운용성, 보안성, 준수성
ISO/IEC 12119
패키지 소프트웨어의 일반적인 제품 품질 요구사항 및 테스트를 위한 국제 표준
104. UI 설계
UI 흐름 설계 순서
- 기능 작성
- 입력 요소 확인
- 유스케이스 설계
- 기능 및 양식 확인
사이트 맵
- 화면의 정보를 한눈에 파악하기 위한 시각적인 콘텐츠 모형
- 일반적으로 테이블 형태로 되어 있고, 위에서부터 아래로 내려가며 정보를 찾을 수 있는 계층형으로 되어 있는 것이 보통
UI 상세 설계 순서
- 요구사항 확인
- UI 설계서 표지 및 계정 이력 작성
- UI 구조 설계
- 메뉴 구조 설계
- 화면 설계
105. HCI / UX / 감성공학
HCI
사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문
시스템을 사용하는 데 있어 최적의 사용자 경험을 만든 것이 최종 목표
UX
- 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
- 단순히 기능이나 절차상의 만족뿐 아니라 사용자가 참여, 사용, 관찰하고 상호 교감을 통해서 알 수 있는 가치 있는 경험을 말한다.
- UI가 사용성, 접근성, 편의성을 중시한다면 UX는 이러한 UI를 통해 사용자가 느끼는 만족이나 감정을 중시한다.
개발자 헤이린 🔜 프로덕트 매니저로 나아가는 중!