화면 설계
- UI /UX
- UI - 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어
- UI의 세가지 분야
- 정보 제공과 전달을 위한 물리적 제어에 관한 분야
- 콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야
- 모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 관한 분야
- UX - 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
- UI의 구분
- CLI - 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스
- GUT - 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스
- NUI - 키보드, 마우스 등 별도의 장치 없이 사용자의 자연스러운 움직임으로 기기를 동작하는 인터페이스
- UI의 기본 원칙
- 직관성 - 누구나 쉽게 이해하고 사용할 수 있어야 함
- 유효성 - 사용자의 목적을 정확하고 완벽하게 달성해야 함
- 학습성 - 누구나 쉽게 배우고 익힐 수 있어야 함
- 유연성 - 사용자의 요구사항을 최대한 수용하고 실수를 최소화해야 함
- UI 표준 및 지침
- UI 표준 - 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용, 화면 구성이나 화면 이동 등이 포함
- UI 지침 - UI 요구사항, 구현 시 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통의 조건을 의미함
- UI 스타일 가이드 - 개발자나 디자이너들이 UI를 작성할 때 기준이 되는 규칙들
- UI 스타일 가이드 작성 순서 - 구동 환경 정의 -> 레이아웃 정의 -> 네비게이션 정의 -> 기능 정의 -> 구성요소 정의
- UI 설계 도구 - 와이어프레임
- 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 도구
- 와이어프레임 툴 - 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등
- UI 설계 도구 - 목업
- 실제 화면과 유사하게 만든 정적인 형태의 모형
- 목업 툴 - 파워 목업, 발사믹 목업 등
- UI 설계 도구 - 스토리보드
- 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
- 스토리보드 툴 - 파워포인트, 키노트, 스케치, Axure 등
- UI 설계 도구 - 프로토타입
- 와이어프레임이나 스토리보드 등에 인터렉션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
- 페이퍼 프로토타입 - 스케치, 그림, 글 등을 이용하여 손으로 직접 작성하는 아날로그적인 방법
- 디지털 프로토타입 - 파워포인트, 아크로뱃, 비지오, 옴니그래플 등과 같은 프로그램을 사용하여 작성하는 방법
- UI 설계 도구 - 유스케이스
- UI 요구사항 확인
- 새로 개발할 시스템에 적용할 UI 관련 요구사항을 조사해서 작성하는 단계
- UI 요구사항 확인 순서
- 목표 정의 - 사용자들을 인터뷰한 후 사용자들의 의견이 수렴된 비즈니스 요구사항 정의
- 활동사항 정의 - 조사한 요구사항을 토대로 앞으로 해야할 활동 사항 정의
- UI 요구사항 작성 - UI 요구사항을 UI 개발 목적에 맞게 사용자 중심으로 작성함
- UI 요구사항 작성 순서
- 요구사항 요소 확인 - 파악된 요구사항 요소의 종류와 각각의 표현 방식 등을 검토함
- 정황 시나리오 작성 - 사용자가 목표를 달성하기 위해 수행하는 방법을 순차적으로 묘사함
- 요구사항 작성 - 정황 시나리오를 토대로 요구사항을 작성함
- 요구사항 요소
- 데이터 요구 - 사용자가 요구하는 모델과 객체들의 주요 특성을 기반으로 하여 데이터 객체들을 정리함
- 기능 요구 - 사용자의 목적 달성을 위해 무엇을 실행해야 하는지를 동사형으로 설명함
- 제품/서비스의 품질 - 데이터 및 기능 요구 외에 제품의 품질, 서비스, 여기에 감성적인 품질 등을 고려하여 작성함
- 제약사항 - 제품 완료 데드라인, 전체 개발 및 제작에 필요한 비용, 시스템 준수에 필요한 규제가 포함됨
- 품질 요구사항
- 소프트웨어 품질 관련 표준
- ISO/IEC 9126 - 소프트웨어의 품질 특성과 평가를 위한 국제 표준
- ISO/IEC 25010 - ISO/IEC 9126에 호환성과 보안성을 강화하여 개정한 소프트웨어 제품에 대한 국제 표준
- ISO/IEC 12119 - 패키지 소프트웨어의 일반적인 제품 품질 요구사항 및 테스트를 위한 국제 표준
- ISO/IEC 14598 - 소프트웨어 품질의 측정과 평가에 필요 절차를 규정한 표준
- ISO/IEC 9126의 소프트웨어 품질 특성
- 기능성 - 소프트웨어가 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부를 나타냄
- 하위 특성 - 적절성/적합성, 정밀성/정확성, 상호 운용성, 보안성, 준수성
- 신뢰성 - 주어진 시간동안 주어진 기능을 오류 없이 수행할 수 있는 정조를 나타냄
- 사용성 - 사용자와 컴퓨터 사이에 발생하는 어떠한 행위에 대하여 사용자가 정확하게 이해하고 사용하며, 향후 다시 사용하고 싶은 정도를 나타냄
- 하위 특성 - 이해성, 학습성, 운용성, 친밀성
- 효율성 - 사용자가 요구하는 기능을 얼마나 빠르게 처리할 수 있는지 정도를 나타냄
- 유지 보수성 - 환경의 변화 또는 새로운 요구사항이 발생했을 때 소프트웨어를 개선하거나 확장할 수 있는 정도를 나타냄
- 하위 특성 - 분석성, 변경성, 안전성, 시험성
- 이식성 - 소프트웨어가 다른 환경에서도 얼마나 쉽게 적용할 수 있는지 정도를 나타냄
- 하위 특성 - 적용성, 설치성, 대체성, 공존성
- UI 시나리오 문서
- 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터팩션의 흐름, 다양한 상황에서의 예외 처리 등을 정리한 문서
- UI 시나리오 문서의 요건
- 완전성 - 누락되지 않도록 최대한 상세하게 기술해야 함
- 일관성 - 서비스 목표, 시스템 및 사용자의 요구사항, UI 스타일 등이 모두 일관성을 유지해야함
- 이해성 - 누구나 쉽게 이해할 수 있도록 설명함
- 가독성 - 표준화된 템플릿 등을 활용항여 문서를 쉽게 읽을 수 있도록 해야 함
- 수정 용이성 - 시나리오의 수정이나 개선이 쉬워야 함
- 추적 용이성 - 변경 사항은 언제, 어떤 부분이, 왜 발생했는지 쉽게 추적할 수 있어야 함
- HCI
- 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문
- 감성공학
- 제품이나 작업환경을 사용자의 감성에 알맞도록 설계 및 제작하는 기술
댓글남기기