UI 요구사항 확인(3)

💡 UI 지침

→ UI 지침은 UI 표준에 따라 사용자 인터페이스 설계, 개발 시 지켜야할 세부 사항이다.

 

💡 소프트웨어 개발 단계별 UI 지침

• 목표 정의
  • 환경분석
  • UI 개발 목표 및 범위 정의
• 프로젝트 계획
  • 사용자 분석 및 니즈(Needs) 조사
• 요구사항 정의
  • 사용자 요구사항 도출
  • UI 컨셉션 정의
• 설계 및 구현
  • UI 상세 설계
  • UI 화면 디자인
  • UI 검증
• 테스트
  • 사용성 테스트 실행, 결과 분석
• 배포 및 관리
  • 메뉴얼 배포, 관리

 

💡 UI 표준 적용을 위한 환경 분석

→ UI 표준 적용을 위한 환경 분석을 위해 사용자 트렌드 분석, 기능 및 설계 분석을 한다.

 

구분	설명
사용자 트랜드           분석	- 현재 UI의 단점 파악 및 트렌드 숙지 - 사용자가 필요로 하는 핵심 요구사항 파악 - 사용자가 쉽게 이해 가능한 기능을 위주로 기술 영역 정의
기능 조작성            분석	- 사용자 편의성 확대를 위한 조작 기능 확인 - 스크롤 바 지원 가능 여부 확인 - 마우스 조작 및 업무 처리 시 동선 확인
오류 방지           분석	- 사용자가 조작 시 오류에 대해 예상 가능한지 확인 - 사용자 의도와 관계없는 페이지 이동이 있는지 확인 - 기능 버튼은 사용자가 명확한 구분이 가능한지 확인 - 기능 버튼 명이 사용자 조작과 일치하는지 확인
최소한의 조작으로 업무 처리 가능여부           확인	- 작업 흐름에 가장 적합한 레이아웃 확인 - 기능 특성에 맞는 UI 확인 - 조작 단계를 최소화하고 동선은 단순하지 확인
UI의 정보 전달력           확인	- 중요 정보에 대해 사용자가 인지하기 쉽도록 전달 가능하지 확인  - 정보 제공 방식이 일관적이며 사용자가 쉽게 이해 가능한지 확인 - 사용자 정보 제공이 간결하고 명확한지 확인

 

💡 스토리보드(Storyboard)

• 스토리보드는 UI 화면 설계를 위해서 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임(UI, UX), 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분 정보가 수록된 문서이다.
• 디자이너와 개발자가 최종적으로 참고하는 산출 문서이다.
• UI 화면 설계를 위해서는 스토리보드, 와이어프레임, 프로토타입이 활용된다.

구분	설명	도구
와이어프레임  (Wireframe)	이해관계자들과의 화면구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 설계하는 작업	파워포인트 키노트 스케치 일러스트
스토리보드  (Storyboard)	정책, 프로세스, 콘텐츠 구성, 와이어 프레임(UI, UX), 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨 있는 설계 산출물	파워포인트 키노트 스케치
프로토타입  (Prototype)	정적인 화면으로 설계된 와이어프레임 또는 스토리보드에 동적 효과를 적용함으로써 실제 구현된 것처럼 시뮬레이션할 수 있는 모형	HTML/CSS