[정보처리산업기사_과정평가형_필기요약] UI프로토타입/ UI설계

UI프로토타입 제작, 검토(계획 수립 > 실행 > 결과보고)

Ø  UI요구사항 반영한 프로토타입 제작 > 프로토타입을 활용하여 UI/UX 엔지니어와 UI적정성에 대해 검토

프로토타입(=실제 개발에 들어가기 전 전체 기능을 최대한 간략한 형태로 구현한 시제품/과정으로 요구사항을 반영하며 사용자와 의사소통/검증하는 도구로 활용)  사용자의 요구사항이 모두 반영될 때 까지 계속하여 개선/ 보완 > 최종 설계 완성

UI프로토타입(=확정된 UI요구사항을 기반으로 UI전략을 실체화 하는 과정. 페이퍼 프로토타입/ 디지털 프로토타입)

>UI프로토타입 계획 시 고려 사항

프로토타입 목표 - 아키텍처 검증 (= 성능, 안정성, 개발 생산성 측면)

프로토타입 범위 – 아키텍처의 핵심이 되는 요소(UI)와 위험이 많은 요소를 제작 범위로 한다

프로토타입 이슈 및 해결 – 프로토타입은 이슈가 많이 발생할수록 좋고 이슈의 종류별 수량과 해결 방안을 취합하여 결과 보고에 반영

프로토타입 가이드 확정 – 검증하려고 한 표준 가이드(분석,설계,개발, 테스트가이드)를 프로토타입을통해 수정하며 최종 확정

프로토타입 결과 시연- 결과 화면과 ‘분석,설계,개발,테스트 과정’을 모두 설명하며 시연하는 것이 중요

 

[UI설계 작성 방법]

UI요구사항 정의 재확인 > 프로토타입 확인 후 시스템 구조 설계> 사이트 맵 작성 > 사용자 관점의 프로세스 정의  > 화면설계(각 페이지별로 필요한 화면 설계)

[유스케이스 설계]

각 입력 요소들의 형태와 입력 방법에 대해 구상 > 화면 요소들의 배치에 대해 구상 > 각 요소 설계

[UI화면설계의 기본 구성요소(윈도우/메뉴/아이콘/포인터)]

유용성 : 사용자가 시스템을 통해 원하는 목표를 얼마나 효과적으로 달성할 수 있는가

유용한 시스템 설계 시 고려사항 >사용자 모형과 개발자 모형 사이의 차이를 최소화 해야함

[스토리보드 작성 기법]

스토리보드 : 디자이너와 개발자가 최종적으로 참고하는 산출문서로, 와이어프레임(UI/UX)/기능정의/DB연동 등 구축 서비스를 위한 대부분의 정보가 수록되어 있는 문서

(전체 메뉴 구성 > 일관성 있는 레이아웃, 그래픽 등 스타일 확정 > 시각적 디자인 콘셉 설계)

>> 작성된 스토리보드를 중심으로 UI설계를 고려함

 

UI상세설계(‘사이트 맵’ 구조를 통해 사용자 편의성을 고려한 메뉴 구조 설계/내 외부 화면과 폼 설계)

UI시나리오 작성원칙 : UI상세 설계에 있어 시나리오 작성은 반드시 필요한 사항임

-화면 간 인터랙션의 순서(sequence), 분기(branch),조건(condition),루프(loop) 등을 명시

-예외상황에 대비한 케이스를 정의

-UI시나리오 규칙 지정(주요 키의 위치와 기능/공통UI요소/인터랙션 규칙/기본 레이아웃)

UI시나리오 문서 작성의 요건(완전성:기능보다는 사용자의 태스크에 초점을 맞춰 기술, UI스타일의 일관성(Flow/Layout),이해성,가독성,수정용이성,추적용이성: 변경사항에 대해 ‘언제 어디서 왜 어떻게 무엇이’ 발생했는가 추적이 쉬워야 함)

>> UI요구사항들과 UI프로토타입에 기초해 UI시스템 구조 설계 > 사용자 기반 메뉴 구조&화면 설계