[2] 화면 설계 🖼️
2-1. 요구사항 확인
[1] UI 요구사항 확인
* UI(User Interface)
: UI(사용자 인터페이스) 넓은 의미에선 사용자와 시스템 사이에서 의사소통 할 수 있도록 고안된 물리적 , 가상의 매개체 / 좁은 의미 : 화면
* UI 유형
- CLI : 정적인 텍스트 기반 인터페이스 (명령어 입력)
- GUI : 그래픽 반응 기반 인터페이스 (그래픽 환경 기반 , 마우스 or 전자펜)
- NUI : 직관적 사용자 반응 인터페이스 (키보드나 마우스 없이 신체부위 이용하는 사용자 인터페이스)
- OUI : 유기적 상호 작용 기반 인터페이스 (현실에 존재하는 모든 사물 == 입출력장치로 변화)
* UI 설계원칙 = 직유학유
- 직관성 (Intuitveness) : 누구나 쉽게 이용하고, 쉽게 사용
- 유효성 (Efficiency) : 정확하고 완벽하게 사용자의 목표가 달성 될 수 있도록 제작
- 학습성 (Learnability) : 모두가 쉽게 배우고 사용
- 유연성 (Flexibility) : 사용자의 요구사항 최대한 수용, 실수 방지
* UI 설계 지침
- 사용자 중심 : 사용자가 이해하기 쉽고 편하게 사용
- 일관성 : 버튼 조작이나 방법을 사용자가 기억하기 쉽고 빠르게 습득
- 단순성 : 간단하게 작동
-결과 예측 가능 : 작동 포인트 보고 결과 예측 가능
- 가시성 : 주요 기능 메인화면에 노출하여 쉬운 조작
- 표준화 : 디자인 표준화
- 접근성 : 다양한 계층 수용
- 명확성 : 개념적으로 쉽게 인지
- 오류 발생 해결 : 오류에 대한 상황을 정확하게 인지
* UI 품질 요구사항 = 기신사효유이
① 기능성(Functionality)
: 실제 수행 결과와 품질 요구사항의 차이 분석, 실제 사용 시 정확하지 않은 결과 발생할 확률과 관련하여 시스템의 동작을 관찰
적절성 / 정밀성 / 상호운용성 / 보안성 / 호환성
② 신뢰성(Reliability)
: 시스템이 일정한 시간 또는 작동되는 시간 동안 의도하는 기능을 수행함을 보증하는 품질 기준
성숙성 / 고장허용성 / 회복성
③ 사용성(Usability)
: 사용자와 컴퓨터 사이에 발생하는 어떠한 행위를 정확학 쉽게 인지할 수 있는 품질 기준
이해성 / 학습성 / 운용성
④ 효율성(Efficiency)
: 할당된 시간에 한정된 자원으로 얼마나 빨리 처리할 수 있는가에 대한 품질 기준
시간효율성 / 자원효율성
⑤ 유지보수성(Maintainability)
: 요구사항을 개선하고 확장하는 데 있어 얼마나 용이한가에 대한 품질 기준
분석성 / 변경성 / 안정성 / 시험성
⑥ 이식성(Portability)
: 다른 플랫폼에 대해서도 많은 추가 작업 없이 얼마나 쉽게 적용이 가능한가에 대한 품질 기준
적용성 / 설치성 / 대체성
2-2. UI 설계
[1] UI 설계를 위한 UML
* UML
: UML은 객체 지향 소프트웨어 개발 과정에서 산출물을 명세화, 시각화, 문서화 할 때 사용되는 모델링 기술과 방법론을 통합해서 만든 표준화된 범용 모델링 언어
특징 : 가시화 언어 , 구축 언어 , 명세화 언어 , 문서화 언어
* UML 구성요소 = 사관다
- 사물(Things) : 추상적인 개념으로 주제를 나타내는 요소 , 단어 관점에서 '명사' 또는 '동사'를 의미
- 관계(Relationships) : 사물의 의미를 확장하고 명확히 하는 요소, 사물과 사물을 연결하여 관계를 표현하는 요소
- 다이어그램(Diagrams) : 사물과 관계를 모아 그림으로 표현한 형태
*UML 다이어그램
- 구조적 다이어그램 or 정적 다이어그램
클래스 / 객체 / 컴포넌트 / 배치 / 복합체 구조 / 패키지
- 행위적 다이어그램
유스케이스 / 시퀀스 / 커뮤니케이션 / 상태 / 활동 / 타이밍
--각각 다이어그램의 개념 및 구성요소, 관계에 대해서 알아두기 너무 길어서 못적겠음