1 분 소요

II 화면 설계

01 UI 요구사항 확인

1. UI 요구사항 확인

(1) UI 개념

  • UI: 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체
  • UX: 제품과 시스템, 서비스 등을 사용자가 직/간접적으로 경험하면서 느끼고 생각하는 총체적 경험을 의미

(2) UI 유형

  • CLI: 명령어
  • GUI: 마우스, 전자펜
  • NUI: 터치, 음성
  • OUI: 모든 사물

(4) UI 설계 원칙

  • 직관성: 쉽게 이해, 쉽게 사용
  • 유효성: 정확, 완벽
  • 학습성: 쉽게 학습
  • 유연성: 요구사항, 실수 방지

02 UI 설계

1. UI 설계를 위한 UML

(1) UML

1. 개념
객체 지향 소프트웨어 개발 과정에서 산출물을 명세화, 시각화, 문서화할 때 사용되는 모델링 기술과 방법론을 통합해서 만든 표준화된 범용 모델링 언어

3. 구성요소

  • 사물: 추상적인 개념, 주제, 명사 or 동사
  • 관계: 관계 표현, 형용사 or 부사
  • 다이어그램: 그림, 총 9가지

4. UML 다이어그램

1) 구조적/정적 다이어그램

  • 클래스: 클래스 속성 및 연산과 클래스
  • 객체: 인스턴스
  • 컴포넌트: 컴포넌트
  • 배치: 종속성, 위치
  • 복합체 구조: 내부 구조 표현
  • 패키지: 그룹화(폴더)

2) 행위적/동적 다이어그램

  • 유스케이스: 사용자 관점
  • 시퀀스: 시간적 개념
  • 커뮤니케이션: 메시지, 연관
  • 상태: 상태 변화
  • 활동: 처리 로직, 조건
  • 타이밍: 상태 변화, 시간 제약

(2) UML의 유형

1. 클래스 다이어그램

2) 구성요소

  • 클래스: 객체들의 집합
  • 속성: 클래스의 구조적 특성에 이름 붙임
  • 연산: 행위적 특징
  • 접근 제어자: 접근할 수 있는 정도(-, +, #, ~)

3) 클래스 간의 관계

  • 연관 관계
  • 의존 관계
  • 일반화 관계
  • 실체화 관계
  • 포함 관계
  • 집합 관계

카테고리:

업데이트:

댓글남기기