티스토리 뷰
검토 대상 UI에 대한 이해
1. 검토 대상 UI의 서비스 목적 파악
목표 서비스의 사용 목적을 이해하기 위하여 타깃 사용자층(예: 연령, 성별)과 서비스 용 도(예: 전자상거래사이트, 검색포털)를 파악함으로써 UI의 검토 기준을 적절하게 수립한다.
2. UI의 주요 검토 대상에 대한 이해
(1) 레이아웃
한정된 UI 공간 내에서 각종 UI 리소스들(예: 버튼, 시스템 바, 텍스트 등)을 일관성과 가시성을 유지하면서 효율적으로 배치하는 화면 구조를 레이아웃이라고 한다. UI는 시스템을 시각적으로 바라봤을 때 좌 상단, 우 하단 부분을 보면서 전체적인 크 기를 인식한다. 그 다음으로 여백, 폰트, 색상, 위치, 배열 등을 인식한다. 레이아웃의 구조는 구현되는 시스템의 목적에 따라 구분된다.
(가) Center Section 레이아웃 구조
UI의 가장 중요한 부분을 시스템의 큰 섹션 안에 넣고, 부수적인 툴과 콘텐츠는 주 위의 작은 패널로 밀집시킨다. 테이블, 웹 페이지, 그래픽 편집기 등 대부분의 애플 리케이션이 사용하는 구조이며, 크기, 컬러, 내용 등 중요항목을 돋보이게 하는 구 조이다.
(나) Title Section 레이아웃 구조
콘텐츠 타이틀을 시각적으로 강하게 표현하여 섹션을 분리함으로써 많은 콘텐츠를 담고 있으면서도 쉽게 이해할 수 있다.
(2) 컬러
컬러는 목표 시스템의 대상, 환경 등에 따라 그 적절성이 결정된다. 컬러의 의미와 느 낌을 기준으로 컬러가 선정되었는지 검토한다
(3) 타이포그래피
타이포그래피는 텍스트의 생김새를 구성하는 배열(출처: https://ko.wikipedia.org/wiki/타 이포그래피. 2019.11.09 검색)을 뜻한다. 폰트의 수, 여백 및 자간을 조절하여 가독성을 높였는지 검토한다.
(4) 내비게이션
내비게이션을 통해 사용자는 원하는 페이지를 탐색할 수 있다. UI 검토 시 내비게이션 이 사용자의 행동 흐름 및 패턴에 맞게 설계되고 구현되어 있는지 검토한다.
UI 검토 기준 수립
UI 검토 기준 수립과 관련하여 사용자가 원하는 형태로 서비스가 적절하게 구현되었는지 검토하는 사용성 측면의 검토와, 텍스트, 색상 등이 직관적으로 적용되었는지 검토하는 디 자인 측면의 검토가 필요하다.
1. 사용성 측면의 UI 검토 기준 수립
2. 디자인 측면의 UI 검토 기준 수립
UI 검토의견서 작성
1. UI 검토자 선별
각각의 전문성과 관점을 바탕으로 디자인/사용성 측면에서 UI를 검토할 기획자, 개발자, UI 전문가, 실사용자 등을 그룹별로 선별한다.
2. UI 검토 의견서 작성
(1) 일반사항 작성
시스템명과 날짜를 기입하고 검토자의 정보를 입력하며, 검토 대상 UI의 목적, 검토 관 점에 대하여 작성한다.
(2) 검토항목 작성
UI의 검토 기준에 따라서 UI의 일관성, 직관성, 표준 준수 여부, 심미성 등의 항목을 작성한다.
(3) 결과 및 개선방안 도출
UI의 검토 결과를 분석한 후 문서화하여 구현된 UI에 수정·보완을 수행한다.
'UIUX 엔지니어링 > UI 구현' 카테고리의 다른 글
UI 저작도구 선정 (0) | 2020.11.23 |
---|---|
UI 저작도구 파악 (0) | 2020.11.23 |
UI 구현 표준 수립 (0) | 2020.11.23 |
UI 표준 관련 기준 파악 (0) | 2020.11.23 |
UI 디자인 가이드 이해 (0) | 2020.11.23 |