▶ 016 UI 설계서 작성
UI 설계서
사용자의 요구사항을 바탕으로 UI 설계를 구체화해 작성하는 문서
- 기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성
- UI 설계서 작성 순서 : UI 설계서 표지, UI 설계서 개정 이력, UI 요구사항 정의서, 시스템 구조, 사이트 맵, 프로세스 정의서, 화면 설계 순
1. UI 설계서 표지 작성
프로젝트명 또는 시스템명을 포함 시켜 작성
2. UI 설계서 개정 이력 작성
UI 설계서 개정 이력 : UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지를 정리해 놓은 문서
- 변경 사항이 있을 때마다 0.1씩 버전을 높이며 작성
3. UI 요구사항 정의서 작성
UI 요구사항 정의서 : 사용자의 요구사항을 확인하고 정리한 문서
4. 시스템 구조 작성
시스템 구조 : UI 요구사항과 UI 프로토타입에 기초해 전체 시스템의 구조를 설계한 것
5. 사이트 맵 작성
사이트 맵 : 시스템 구조를 바탕으로 사이트에 표시할 콘텐츠를 한 눈에 알아 볼 수 있도록 메뉴별로 구분하여 설계한 것
6. 프로세스 정의서 작성
프로세스 정의서 : 사용자 관점에서 사용자가 요구하는 프로세스들을 작업 진행 순서에 맞춰 정리한 것
7. 화면 설계
▶ 017 유용성 평가
UI의 유용성 평가
유용성은 사용자가 시스템을 통해 원하는 목표를 얼마나 효과적으로 달성할 수 있는가에 대한 척도가 됨
- 사용자가 생각하는 사용자 모형과 시스템 설계자가 만드려고 하는 개발자 모형 간의 차이를 최소화해야 함
- 실행 차 : 사용자가 원하는 목적과 실행 기능이 다르기 때문에 발생
- 평가 차 : 사용자가 원하는 목적과 실행 결과가 다르기 때문에 발생
실행 차를 줄이기 위한 UI 설계 원리 검토
- 사용자 의도 파악
- 행위 순서 규정
- 행위의 순서대로 실행
평가 차를 줄이기 위한 UI 설계 원리 검토
- 수행한 키 조작의 결과를 사용자가 빠르게 지각하도록 유도
- 키 조작으로 변화된 시스템의 상태를 사용자가 쉽게 인지하도록 유도
- 사용자가 가진 원래 의도와 시스템 결과 간의 유사 정도를 사용자가 쉽게 파악하도록 유도
▶ 018 UI 상세 설계
UI 시나리오 문서
UI 상세 설계는 UI 설계서를 바탕으로 실제 설계 및 구현을 위해 모든 화면에 대한 자세한 설계를 진행한느 단계로, UI 상세 설계를 할 때는 반드시 시나리오를 작성해야 함
- UI 시나리오 문서 : UI의 기능 구조, 대표 화면, 화면 간 인터렉션의 흐름, 다양한 상황에서의 예외 처리 등을 문서로 정리한 것
UI 시나리오 문서 작성 원칙
- 개발자가 전체적인 UI의 기능과 작동 방식을 한눈에 이해할 수 있도록 구체적으로 작성, 보통 계층 구조 또는 플로차트 표기법으로 작성
- 모든 기능에 공통적으로 적용될 UI 요소와 인터랙션을 일반 규칙으로 정의
- 인터랙션의 흐름을 정의하며, 화면 간 인터랙션의 순서, 분기, 조건, 루프 등을 명시
- 예외 상황에 대비한 다양한 케이스 정의
- UI 일반 규칙을 지키면서 기능별 상세 기능 시나리오 정의
UI 시나리오 문서의 요건
완전성, 일관성, 이해성, 가독성, 수정 용이성, 추적 용이성
UI 시나리오 문서로 인한 기대 효과
- 요구사항이나 의사소통에 대한 오류 감소
- 개발 과정에서의 재작업 감소, 혼선 최소화
- 불필요한 기능 최소화
- 소프트웨어 개발 비용 절감
- 개발 속도 향상
▶ 019 HCI / UX / 감성공학
HCI(Human Computer Interaction or Interface)
사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문
- 시스템을 사용하는데 있어 최적의 사용자 경험(UX)을 만드는 것을 최종 목표로 함
UX(User Experience)
사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
- 단순히 기능이나 절차상의 만족뿐만 아니라 사용자가 참여, 사용, 관찰하고, 상호 교감을 통해서 알 수 있는 가치 있는 경험을 말함
- UX의 특징
주관성 : 사람들의 개인적, 신체적, 인지적 특성에 따라 다르므로 주관적임
정황성 : 경험이 일어나는 상황 또는 주변 환경에 영향을 받음
총체성 : 개인이 느끼는 총체적인 심리적, 감성적 결과
감성공학
제품이나 작업환경을 사용자의 감성에 알맞도록 설계 및 제작하는 기술
- 인문사회과학, 공학, 의학 등 여러 분야의 학문이 공존하는 종합과학
- 인간의 삶을 편리하고 안전하며 쾌적하게 만드는 것을 목적으로 함
- 감성공학의 요소기술
기반 기술 : 제품 설계에 적용할 인간의 특성을 파악
구현 기술 : 인간의 특성에 맞는 인터페이스 구현
응용 기술 : 인간에 맞는지 파악해 새로운 감성을 만듦
