정보처리기사 : 화면 설계 (1) - UI 요구사항 확인

keymu·2024년 10월 5일
0

1. UI 요구사항 확인

1) 개념

UI(User Interface): User - System 사이 의사소통 위한 물리적, 가상의 매개체 / 화면
UX(User eXperience): User가 직/간접적으로 경험하면서 느끼고 생각하는 총체적 경험

2) 유형

CLI(Command Line Interace): 텍스트 명령어 기반 인터페이스
GUI(Graphical User Interface): 그래픽 환경(마우스, 전자펜) 기반 인터페이스
NUI(Natural User Interface): 신체 부위 이용(터치, 음성) 인터페이스
OUI(Organic User Interface): 현실에 존재하는 모든 사물이 IO 장치로 변화할 수 있는 인터페이스

3) 설계 원칙

Intuitiveness: 직관성
Efficiency): 유효성
Learnability: 학습성
Flexibility: 유연성(사용자의 요구사항을 최대한 수용하고 실수를 방지할 수 있어야 함)

4) UI 요구사항 확인

UI 품질 요구사항

Fuctionality: 기능성
Reliability: 신뢰성(일정 시간 또는 작동되는 시간동안 의도된 기능을 수행함을 보증)
Usability: 사용성(User-Computer 사이 발생하는 행위를 정확하고 쉽게 인지할 수 있는가)
Efficiency: 효율성
Maintainability: 유지보수성
Portability: 이식성

2. UI 지침

1) 개념

  • UI 표준에 따라 사용자 인터페이스 설계, 개발 시 지켜야할 세부사항을 규정하는 가이드라인

2) 소프트웨어 개발 단계별 UI 지침

1. 목표 정의 기법

3C 분석: Customer / Company(경쟁 지사) / Competitor(경쟁사)
SWOT 분석: Strength / Weakness / Opportunity / Threat
Scenario Planning: 불확실성이 높은 상황 변화를 사전에 예측하고 다양한 시나리오를 설계하는 방법 / 불확실성을 제거해 나가려는 방법
Workshop

2. 프로젝트 계획: Profile(일정 범위 내에서 한정적 특징 지우는 그룹화된 값) / Research

3. 요구사항 정의를 위한 주요 기법
Persona: 잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자
Brain Storming
Requirement Matrix: 페르소나의 목적을 기준으로 데이터 요구, 기능 요구, 제품 품질, 제약 요인 기반으로 만든 요구사항 표

Contextual Scenario: 요구사항 정의에 사용되는 초기 시나리오. 높은 수준, 낙관적이면서도 발생 상황에서의 이상적인 시스템 동작에 초점을 맞추는 시나리오

4. 설계 및 구현: UI 시나리오 문서(사용자 인터페이스의 기능구조, 대표화면, 화면 간 인터랙션 흐름, 다양한 상황에서의 예외 처리방식 등을 정리한 문서)

5. 테스트: Usability Test(사용성 테스트)

3) UI 화면 설계

WireFrame: 화면 구성 협의, 흐름 공유 위한 화면 단위의 레이아웃 설계 작업
Storyboard: 정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담긴 설계 산출물
Prototype: 정적인 화면으로 설계된 와이어프레임 또는 스토리보드에 동적 효과를 적용하여 실제 구현처럼 시뮬레이션 하는 모형

3. UI 프로토타입 제작 및 목업

1) Prototype

  • 기능을 시험해보는 목적

2) Mockup

  • 디자인을 시각적으로 보여주기 위한 목적
profile
Junior Backend Developer

0개의 댓글

관련 채용 정보