정보처리기사 실기 (6) 화면 설계

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

사용자 인터페이스의 개요

• 사용자와 시스템 간의 상호작용을 원활하게 도와주는 장치나 소프트웨어
• 사용자 인터페이스의 3가지 분야
  • 정보 제공과 전달을 위한 물리적 제어에 관한 분야
  • 콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야
  • 모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 관한 분야

사용자 인터페이스의 구분

• CLI(Command Line Interface): 명령과 출력이 텍스트 형태로 이루어지는 인터페이스
• GUI(Graphic User Interface): 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 인터페이스
• NUI(Natural User Interface): 말이나 행동으로 조작하는 인터페이스

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

• 직관성, 유효성, 학습성, 유연성

사용자 인터페이스의 설계 지침

• 사용자 중심, 일관성, 단순성, 결과 예측 가능, 가시성, 표준화, 접근성, 명확성, 오류 발생 해결
  
  

UI 설계 도구

UI 설계 도구

• 사용자의 요구사항에 맞게 UI를 설계할 때 사용하는 도구

와이어프레임

• 기획 초기 단계에서 제작하는 것으로, 페이지에 대한 대략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계
• 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등

목업

• 와이어프레임보다 좀 더 실제 화면과 유사하게 만드는 정적인 형태의 모형
• 목업 툴 : 파워 목업, 발사믹 목업 등

스토리보드

• 와이어프레임에 콘텐츠에 대한 설명이나 페이지 간의 이동 흐름 등을 추가한 문서
• 디자이너와 개발자가 최종적으로 참고하는 작업 지침서
• 서비스 구축을 위한 모든 정보가 담겨 있어야 함
• 스토리보드 툴 : 파워포인트, 키노트, 스케치, Axure 등

프로토타입

• 와이어프레임이나 스토리보드 등에 인터랙션을 적용해 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
• 작성 방법에 따라 페이퍼/디지털 프로토타입으로 나눔
• 프로토타입 툴 : HTML/CSS, Axure, Flinto, 네이버 포로토나우, 카카오 오븐 등

유스케이스

• 사용자 측면에서의 요구사항으로 사용자가 원하는 목표를 달성하기 위해 수행할 내용 기술
  
  

UI 요구사항 확인

UI 요구사항 확인의 개요

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

목표 정의

• 사용자들을 대상으로 인터뷰를 하고 사용자들의 의견이 수렴된 비즈니스 요구사항을 정의
• 인터뷰 진행 시 유의사항
  • 사업적, 기술적 요구사항을 명확히 이해
  • 가능한 한 개별적인 진행
  • 한 시간을 넘기지 않는 것이 좋음
  • 사용자 리서치 시작 전에 해야 함

활동사항 정의

• 조사한 요구사항을 토대로 앞으로 해야 할 활동사항을 정의
• 기술의 발전 가능성을 파악하고 UI 디자인의 방향 제시

UI 요구사항 작성

• 여러 경로로 수집된 사용자의 요구사항을 검토하고 분석하여 UI 개발 목적에 맞게 작성해야 함
• 실 사용자 중심으로 작성
• 여러 사람의 인터뷰를 통해 다양한 의견을 수렴하여 작성

요구사항 요소 확인

• 파악된 요구사항 요소의 종류와 각각의 표현 방식 등을 검토
• 요구사항 요소 : 데이터 요구, 기능 요구, 제품/서비스의 품질, 제약 사항

정황 시나리오 작성

• 사용자의 요구사항을 도출하기 위해 작성
• 사용자가 목표를 달성하기 위해 수행하는 방법을 순차적으로 묘사
• 개발하는 서비스의 모습을 상상하는 첫 번째 단계로 사용자 관점에서 시나리오를 작성해야 함

요구사항 작성

• 정황 시나리오를 토대로 작성
  
  

품질 요구사항

품질 요구사항

• 소프트웨어의 기능, 성능, 만족도 등 소프트웨어에 대한 요구사항이 얼마나 충족하는가를 나타내는 것
• ISO/IEC 9126: 국제 표준으로 소프트웨어 품질 특성과 평가를 위한 표준 지침
  
  

특성

1. 기능성 : 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부

   • 적합/적절성 : 지정된 작업, 목표한 바에 적절한 기능을 제공하는 능력
   • 정밀/정확성 : 사용자의 요구대로 결과를 산출하는 능력
   • 상호운용성 : 다른 시스템과 서로 어울려 작업할 수 있는 능력
   • 보안성 : 정보의 접근 권한을 허용하거나 차단할 수 있는 능력
   • 호환성 : 기능과 관련된 표준, 관례, 규정을 준수할 수 있는 능력

2. 신뢰성 : 요구된 기능을 정확하고 일관되게 오류없이 수행할 수 있는 정도

   • 성숙성 : 결함으로 인한 고장을 피해갈 수 있는 능력
   • 고장 허용성 : 결함 시에도 규정된 성능 수준을 유지하는 능력
   • 회복성 : 고장 시 다시 회복하고 영향을 받은 데이터를 복구하는 능력

3. 사용성 : 사용자와 컴퓨터 사이에 발생하는 어떠한 행위에 대하여 사용자가 정확히 이해하고 사용하며, 다시 사용하고 싶어하는가의 정도

   • 이해성 : 적합성, 사용 방법 등을 사용자가 이해할 수 있는 능력
   • 학습성 : 애플리케이션을 학습할 수 있도록 하는 능력
   • 운용성 : 운용, 제어할 수 있도록 하는 능력
   • 친밀성 : 다시 사용하고 싶어 하도록 하는 능력

4. 효율성 : 사용자가 요구하는 기능을 할당된 시간 동안 한정된 자원으로 얼마나 빨리 처리할 수 있는가의 정도

   • 시간 효율성 : 특정 기능 수행 시, 적절한 반응 시간 및 처리 시간, 처리율을 제공할 수 있는 능력
   • 자원 효율성 : 특정 기능 수행 시, 적절한 자원의 양과 종류를 제공하는 능력

5. 유지 보수성 : 새로운 요구사항 발생 시, 소프트웨어를 개선 및 확장할 수 있는 정도

   • 분석성 : 결함이나 고장의 원인 등을 식별 가능하게 하는 능력
   • 변경성 : 결함 제거 또는 환경 변화로 인한 수정 등을 쉽게 구현하는 능력
   • 안정성 : 변경으로 인한 예상 못한 결과를 최소화하는 능력
   • 시험성 : 변경이 검증 될 수 있는 능력

6. 이식성 : 소프트웨어가 다른 환경에서도 쉽게 적용할 수 있는 정도

   • 적용성 : 다른 환경으로 변경될 수 있는 능력
   • 설치성 : 임의의 환경에 소프트웨어를 설치할 수 있는 능력
   • 대체성 : 다른 소프트웨어를 대신하여 사용될 수 있는 능력
   • 공존성 : 자원을 공유하는 다른 소프트웨어와 공존할 수 있는 능력

HCI / UX / 감성 공학

HCI(Human Computer Interaction or Interface)

• 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 개발, 연구하는 학문
• 최종 목표는 시스템을 사용하는 데 있어 최적의 사용자 경험을 만드는 것

UX(User Experience)

• 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험

감성 공학

• 제품이나 작업 환경을 사용자의 감성에 맞도록 설계 제작하는 기술