[정보처리기사 실기] 2. 화면 설계

 

화면 설계

 

UI 요구사항 확인

UI 설계 원칙

학유직유 (약술)

학습성 : 초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 제작

유연성 : 사용자 요구 사항 최대한 수용 \ 실수 방지할 수 있도록 제작

직관성 : 쉽게 이해하고 사용할 수 있어야 한다.

유효성 : 정확하고 완벽하게 사용자 목표가 달성될 수 있도록 제작

UX UI

*UX : 사용자 경험 = 시스템, 서비스\ 사용자가 직.간접적으로 경험하면서 느끼고 생각하는 총제적인 경험

UI : 사용자 인터페이스

사용자 인터페이스 유형

CLI, GUI, NUI, OUI

CLI : 명령어를 텍스트로 입력

GUI : 그래픽 환경

NUI (Natural) : 키보드나 마우스 없이 신체 부위 이용

OUI (Organic) : 현실에 존재하는 모든 사물이 입출력 장치

사용성 상세 품질 요구사항

이해성, 학습성, 운용성

이해성 : 소프트웨어의 논리적인 개념과 적용 가능성을 구분하는데 필요한 사용자 노력 특성

학습성 : 소프트웨어 애플리케이션 학습에(익히는데) 필요

운용성 : 소프트웨어의 운용과 운용 통제에 필요

UI 화면 설계 기법 구분 \ User Interface 설계 도구 및 산출물

와이어프레임, 스토리보드, 목업

이해 관계자들과의 화면구성을 협의하거나 \ 서비스의 간략한 흐름을 공유하기 위해 \ 화면단위의 레이아웃을 설계하는 작업 : 와이어프레임

화면 설계를 위해 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임, 기능에 대한 정의 등 구축하는 서비스를 위한 정보가 수록된 문서 : *스토리보드 (약술)

실제 화면과 유사하게 만든 정적인 형태의 모형으로 시각적으로만 구성요소를 배치하는 것으로 일반적으로 실제로 구현되지는 않는다 : *목업(Mockup)

UI 설계지침

일관성 : 기억하기 쉽고 빠르게 습득

단순성 : 간단하게 작동

가시성 : 주요 기능을 메인 화면에 노출하여 쉬운 조작이 가능해야 한다.

명확성 : 사용자가 개념적으로 쉽게 인지

*사용자 중심 : 사용자가 이해하기 쉽고 편하게 사용

*접근성 : 다양한 계층 수용

UI 품질 요구사항

*신뢰성

작동되는 시간동안 의도된 기능을 수행

*사용성

어떠한 행위를 정확하고 쉽게 인지

UI 품질 요구사항(ISO/IEC 9126 기반) 중 기능성의 부특성

소프트웨어 제품이 \주어진 작업과 사용자 목표에\

필요적절한 기능을 제공해 줄 수 있는 소프트웨어 능력 : 적절성

소프트웨어 제품이 요구되는 정확도로 \ 올바른 결과를 산출할 수 있는 능력 : 정밀성

사용성 테스트 (약술 \ 단답)

사용자가 직접 제품을 사용하면서

미리 작성된 시나리오에 맞춰 과제 수행 후

질문에 답하도록 하는 테스트

프로토타입 개념 (약술)

컴퓨터 시스템이나 소프트웨어 설계 또는 \성능, 구현 가능성, 운용 가능성을 평가하거나 \ 전체적인 기능을 간략한 형태로 구현한 시제품

프로토타이핑 도구 : UX핀, 액슈어, 네이버 프로토나우

 

UI 설계

UI 시나리오 문서 작성 요건

UI 시나리오는 누락이 없어야하고, 최대한 빠짐없이 가능한 한 상세하게 기술 : 완전성

문서를 쉽게 읽을 수 있어야 하고.. : 가독성

시나리오 플래닝

불확실성이 높은 상황 변화를 사전에 예측하고

다양한 시나리오를 설계하는 방법

UI 지침, 사용자 요구사항 도출 순서

페르소나 정의 - 콘셉트 모델 정의 - 사용자 요구사항 정의 - UI 컨셉션

페르소나 : 잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자

---

UML

겍체지향 소프트웨어 개발과정에서 \

산출물을 명세화,시각화,문서화 할 때 사용되는 \

표준화된 범용 모델링 언어 (약술형)

사물 + 관계 + 다이어그램

접근 제어자

+public

-private

#protected

구조적 다이어그램

클래스**(속성,* 메서드**),** 객체, 컴포넌트, 배치, 복합체, 구조, 패키지

*배치 다이어 그램

컴포넌트 사이의 종속성 표현

행위적(동적)다이어그램

유스케이스(사용자관점), 시퀀스, 커뮤니케이션, 상태, 활동, 타이밍

시퀀스 : 객체 , 생명선, 실행, 메시지로 구성

커뮤니케이션 : 객체들이 메시지를 주고받으며 시간의 흐름에 따라 상호 작용하는 과정을 표현

활동 : 객체의 처리 로직이나 조건에 따른 처리의 흐름으로 순서대로 표현, 액션/액티비티

패키지 다이어그램

컴포넌트 다이어그램

 

클래스 간의 관계

클래스 간의 관계

Generalization : 하나의 사물이 다른 사물에 비해 더 일반적인지 구체적인지 표현

Realization : 추상 클래스나 인터페이스 상속 받아 자식 클래스가 구현

Dependency : 하나의 클래스가 또 다른 클래스를 사용

Association : 서로 개념적으로 연결 | 일반연관 / 집합연관 / 복합연관

Composition : 사물의 변화가 포함되는 사물에게 영향을 미치는 관계

Aggregation : 하나의 사물이 다른 사물에 포함되어 있는 관계 표현

 

UML 스트레오 타입

include, extend

*include

하나의 유스케이스가 어떤 시점에 반드시 다른 유스케이스를 실행하는 포함관계

*extend

유스케이스를 실행할 수도 있고, 그렇지 않을 수도 있는 확장 관계

특정 조건에서 한 유스케이스로만 넓어지는 관계

 

추상클래스

객체 인스턴스를 생성하지 않고 유사 클래스 들의 공통된 특징을 정의하고, 추상 메소드와 일반 필드, 메소드를 포함하는 클래스