정보처리기사 필기시험 준비 [5]

UI 설계

• 윈도우
• 메뉴
• 아이콘
• 포인터

유용성

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

 

유용한 시스템을 설계할때의 고려사항

사용자가 시스템구조, 기능, 가치 등에 대해 가지고 있는 마음속 모형은 사용자 모형과 시스템설계자가 만들려고하는 개발자 모형의 차이를 최소화하려는 노력

 

 

실행차를 줄이기 위한 UI설계 원리

1. 사용의도파악
2. 행위순서규정 - 명확하게 제시하여 선택할 수 있도록 함
3. 행위의 순서대로 실행 - UI를 통해 직관적으로 알 수 있게 제공
4. 수행한 키 조작의 결과를 사용자가 빠르게 지각하도록 유도
5. 키조작으로 변화된 시스템의 상태를 사용자가 쉽게 인지할 수 있도록 유도
6. 사용자가 가진 원래 의도와 시스템 결과간의 유사 정도를 사용자가 쉽게 파악하도록 유도

UI화면 설계 도구

• 스토리보드 - 정책, 프로세스, 와이어프레임등 모든 정보가 포함된 설계 산출물
  • 스토리의 내용을 쉽게 이해할 수 있도록 주요장면들을 그림으로 정리한 계획표
  • 시나리오 내용을 시각화하여 표현하기 위한 도구인 동시에 제작진 사이의 의사소통의 도움
  • 스토리보드에 주제와 화면제목, 화면구성, 화면설명, 연결화면을 기록
  • 형식과 용도에 따라 다양한 형식으로 작성
  • 메뉴구성도 -> 스타일확정 -> 설계하기
  • 화면에 표현되어야 할 기능을 작성 -> 입력, 출력, 저장, 수행, 기타요구사항
• 프로토타입 - 실제 구현된 것처럼 시뮬레이션 할 수 있는 모형
• 와이어프레임 - 이해관계자들의 협의와 공유를 위해 실제 사용자가 보는 화면위주의 레이아웃을 설계한 문서 -> 파워포인트

 

UI시나리오 문서작성의 요건

• 완전성
  • 누락없이 완전해야 한다.
  • 최대한 빠짐없이 가능한 상세하게 기술한다.
  • 시스템 기능보다 사용자의 데스크에 초점을 맞춰 기술한다.
• 일관성
  • 일관성이 있어야 한다.
  • 모든 문서의 UI스타일을 일관되게 구성한다.
• 이해성
  • 처음 접하는 사람도 이해하기 쉽도록 구성하고 설명
  • 이행하지 못하는 추상적인ㅇ표현이나 이해하기 어려운 용어는 사용하지 않는다.
• 가독성
  • 문서를 쉽게 읽을 수 있어야한다.
• 수정 용의성
  • 쉽게 변경가능해야 한다.
  • 수정 또는 개선 사항을 시나리오에 반영함에 있어 쉽게 적용할 수 있어야한다.
  • 동일한 수정 사항을 위해 여러문서를 편집하지 않도록 한다.
• 추적 용의성
  • 쉽게 추적 가능해야한다.

UI 상세설계하기

1. UI요구사항과 UI표준 및 지침에 따라 사용자의 편의성을 고려한 메뉴 구조를 설계한다.
2. UI요구사항과 UI표준 지침에 따라 하위 시스템 단위의 내외부 화면과 폼을 설계한다.
3. UI검토를 수행하고 보완한다.

감성공학

• 인체의 특징과 감성을 제품설계에 최대한 반영시키는 기술
• 이미지나 감성을 구체적인 제품설계로 실현해내는 공학적인 접근방법

UI설계도구

• 화면설계 툴 - 파워목업, 발사믹 목업, 카카오 오븐
• 프로토타이핑 툴 - UX핀, 엑슈어, 네이버프로토나우
• UI디자인 툴 - 스케치, 어도비 익스프리언스 디자인 CC