정보처리기사(24)

정보처리기사

응용 S/W 구현관리

사용자 인터페이스(User Interface)

- 사용자와 시스템간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어
- 사용자의 만족도에 가장 큰 영향을 미치는 중요한 요소, 소프트 웨어 영역중 변경이 제일 많다
- 사용자의 편리성과 가독성을 높임으로 작업시간을 단축시키고 업무에대한 이해도를 높임
- 최소한의 노력으로 원하는 결과를 얻을 수 있게 함
- 수행결과의 오류를 줄임, 사용자의 막연한 작업 기능에 대해 구체적인 방법을 제시

사용자 인터페이스 구분

CLI(Command Line Interface)
: 명령과 줄이 텍스트 형식으로 이루어진 인터페이스
GUI(Graphic User Interface)
: 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스
NUI(Natural User Interface)
: 사용자의 말이나 행동으로 기기를 조작하는 인터페이스

★ 사용자 인터페이스 기본 원칙

직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 함
유효성 : 사용자의 목적을 정확하고 완벽하게 달성해야 함
학습성 : 누구나 쉽게 배우고 익힐 수 있어야 함
유연성 : 사용자의 요구사항을 최대한 수용하고 실수를 최소화해야 함

사용자 인터페이스 설계시 고려사항

사용자 중심 : 사용자가 쉽게 이해하고 편리하게 사용할 수 있는 환경을 제공
일관성 : 버튼이나 조작방법 등을 일관성있게 제공하므로 사용자가 쉽게 기억하고 습득할 수 있게 설계 되어야 함
단순성 : 조작방법을 단순화 시켜 인지적 부담을 감소시켜야 함
결과 예측 가능 : 작동시킬 기능만 보고도 결과를 미리 예측할 수 있게 설계해야 함
가시성 : 메인 화면에 주요 기능을 노출시켜 최대한 조작이 쉽도록 설계해야 함
표준화 : 기능구조와 디자인을 표준화하여 한번 학습한 이후에는 쉽게 사용할 수 있도록 설계해야 함
접근성 : 사용자의 연령, 성별, 인종등 다양한 계층이 사용할 수 있도록 설계해야 함
명확성 : 사용자가 개념적으로 쉽게 인지 할 수 있도록 설계해야 함
오류 발생해결 : 오류가 발생하면 사용자가 쉽게 인지할 수 있도록 설계해야 함

UI 설계 도구

- 사용자의 요구사항에 맞게 UI의 화면구조나 화면 배치 등을 설계할 때 사용되는 도구

종류
와이어 프레임
목업
스토리보드
프로토타입
유스케이스 등

와이어프레임(Wireframe)

기획 단계 초기에 자작하는 것으로 페이지에 대한 계략적인 레이아웃이나 UI요소에 대한 뼈대설계단계
와이어프레임 제작시 각 페이지의 영역구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계

목업(mockup)

디자인, 사용방법, 평가 등을 위해 와이어 프레임보다 좀 더 실제 화면과 
유사하게 만든 정적 형태의 모형으로 실제로 구현되지 않음

스토리보드(Story board)

- 와이어프레임 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
- 디자이너와 개발자가 최종적으로 참고하는 작업 지침서로 정책, 프로세스, 콘텐츠구성, 
  와이어프레임, 기능정의 등 서비스 구축을 위한 모든 정보가 들어가 있음

프로토 타입(Prototype)

- 와이어 프레임이나 스토리보드 등에 인터랙션을 적용함으로써 실제 구현된 것처럼
  테스트가 가능한 동적 형태의 모형
- 사용성 테스트나 작업자 간 서비스 이해를 위해 작성하는 샘플

UI 요구사항 확인

새로 개발할 시스템에 적용할 UI 관련 요구사항을 조사해서 작성하는 단계

UI 프로토타입

- 프로토타입은 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것으로 최대한 간단하게 만듦
- 프로토타입은 일부 핵심적인 기능만을 제공하지만 최종 제품의 작동 방식을 이해시키는데 
  필요한 기능은 반드시 포함되어야 함
- 사용자의 요구사항이 모두 반영될 때 까지 프로토 타입을 계속해여 개선하고 보완해야 함
- 프로토타이핑 및 테스트를 거치치 않고는 실제 사용자와 제품간의 상호 작용 방식을 예측하기 어려우므로
  실제 사용자를 대상으로 테스트하는 것이 좋음
- UI 프로토타입은 사용자를 설득하고 이해시키기 쉬우며, 요구사항과 기능의 불일치 등으로 인한
  혼선을 예방할 수 있어서 개발시간을 줄일 수 있음
- 프로토타입에 사용자의 모든 요구사항을 반영하기 위한 반복적인 개선 및 보완적업 때문에
  작업의 시간을 증가시킬 수 있고, 필요 이상으로 자원을 소모할 수 있음
- 부분적으로 프로토타이핑을 진행하다 보면 중요한 작업이 생략될 수 있음

프로토타입 종류

페이퍼 프로토타입
: 아날로그적 방법으로 스케치, 그림, 글 등을 이용하여 손으로 직접 작성하는 방법
  제작기간도 짧고 제작비용 저렴 업무 협의 빠를 때 유리
디지털 프로토타입
: 파워포인트, 아크로벳, 비지오등과 같은 프로그램을 사용하여 작성하는 방법
  재사용이 필요한 경우, 산출물과 비슷한 효과를 원하는 경우, 숙련된 전문가가 있을 경우 사용

UI 프로토타입 제작단계

체크포인트

문제 1

정답 : 직관성, 유연성

문제 2

정답 : 와이어프레임