데이터 입출력 구현

작성일 December 4, 2021

직관성

누구나 쉽게 이해하고 사용할 수 있어야 한다.

학습성

누구나 쉽게 배우고 익힐 수 있어야 한다.

유연성

사용자의 요구사항을 최대한 수용하며 오류를 최소화해야 한다.

유효성

사용자의 목적을 정확하게 달성하여야 한다.

유기적 상호작용 기반 인터페이스(OUI)

입력장치가 곧 출력장치가 되고, 현실에서 존재하는 모든 사물이 입출력장치로 변화할 수 있는 인터페이스

와이어프레임

이해 관계자들과의 화면구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 설계하는 UI화면 설계 방식

이해성

소프트웨어의 논리적인 개념과 적용 가능성(응용 가능성)을 분간하는 데 필요한 사용자의 노력 정도에 따른 소프트웨어 특성

학습성

소프트웨어 어플리케이션 익히는데 필요한 사용자의 노력 정도에 따른 특성

운용성

소프트웨어의 활용과 운용 통제에 필요한 사용자의 노력 정도에 따른 특성

가시성

주요 기능을 메인화면에 노출하여 쉬운 조작이 가능해야 한다는 UI 설계 지침

사용성 테스트

최종 고객인 사용자가 쓰기에 편한지 여부를 확인하는 테스트

스토리보드

화면 설계를 위해서 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임(UI,UX), 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분 정보가 수록된 문서로서, 디자이너와 개발자가 최종적으로 참고하는 산출 문서

프로토타입

사전에 프로토타입을 먼저 제작하고 이를 기반으로 UI의 적정성을 평가, 수정 보완함으로써 추후 발생 가능한 오류들을 사전에 방지하는 효과가 있다.
시스템 설계 및 개발에 소요되는 총비용과 노력을 절감할 수 있다.

적절성

소프트웨어 제품이 주어진 작업과 사용자의 목표에 필요 적절한 기능들을 제공해 줄 수 있는 소프트웨어의 능력

정밀성

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

패키지

요소들을 그룹으로 조직하기 위한 요소

UML

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

유스케이스 다이어그램

시스템이 제공하고 있는 기능 및 그와 관련된 외부 요소를 사용자의 관점에서 표현한 다이어그램

완전성

UI 시나리오는 누락이 없어야 하고, 최대한 빠짐없이 가능한 상세하게 기술하고, 시스템 기능보다 사용자의 태스크에 초점을 맞춰 기술해야 한다는 UI 시나리오 문서 작성의 요건

가독성

문서를 쉽게 읽을 수 있어야 하고(문서 템플릿과 타이포그래피), 표준화된 템플릿을 작성하여 적용하며, 버전의 넘버링은 v.1.0, v.2.0 등과 같이 일관성 있게 해야하는 UI 시나리오 문서 작성의 요건

커뮤니케이션 다이어그램

시스템이나 객체들이 메세지를 주고받으며 시간의 흐름에 따라 상호작용하는 과정을 표현하는 다이어그램

상태 다이어그램

하나의 객체가 자신이 속한 클래스의 상태 변화 혹은 다른 객체와의 상호작용에 따라 상태가 어떻게 변화하는지 표현하는 다이어그램

시퀸스 다이어그램

객체 간 상호작용을 메시지 흐름과 객체 사이 메세지를 보내는 시간을 표현하는 동적 다이어그램

«include»

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

«extend»

하나의 유스케이스가 어떤 시점에 다른 유스케이스를 실행할 수도 있고, 그렇지 않을 수도 있는 확장 관계

추상 클래스(Abstract Class)

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

UI 흐름 설계

업무의 흐름이나 업무 수행과 관련된 일련의 클릭에 의한 화면의 위치와 흐름을 흐름도 형식으로 표현하는 활동

CLI

명령어를 텍스트로 입력하여 조작하는 사용자 인터페이스로 정적인 텍스트 기반 인터페이스

NUI

키보드나 마우스 없이 신체 부위를 이용하는 사용자 인터페이스로 직관적 사용자 반응 기반 인터페이스

UX

제품과 시스템, 서비스 등을 사용자가 직,간접적으로 경험하면서 느끼고 생각하는 총제적 경험이다.

시나리오 플래닝

불확실성이 높은 상황 변화를 사전에 예측하고 다양한 시나리오를 설계하는 방법으로 불확실성을 제거해나가려는 경영 전략의 한 방법

SWOT분석

기업의 내부 환경과 외부 환경을 분석하여 Strength(강점), Weakness(약점), Opportunity(기회), Threat(위협) 요인을 규정하고 이를 토대로 경영 전략을 수립하는 방법

페르소나정의

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

콘셉트 모델 정의

여러 가지 추상적인 콘셉트들 사이의 관계를 보여주는 다이어그램
다양한 아이디어들을 간편하게 시각화하여 표현할 수 있는 유용한 방법으로 아이디어를 잘 전달하고 생각의 과정을 효율적으로 이끌어 줌

사용자 요구사항 정의

리서치 및 페르소나 결과물을 토대로 요구사항을 도출하고, 우선순위를 정함

UI 컨셉션

정리된 요구사항을 구체화하는 단계로 화면 디자인 단계 전에 대표 화면 설계를 진행하는 단계

사용자 테스트

UI 검증 시 사용자가 직접 제품을 사용하면서 미리 작성된 시나리오에 맞추어 과제를 수행한 후에 질문에 답하도록 하는 테스트이며, 현 제품에 대한 사용자의 요구사항과 행동을 관찰할 수 있는 유용한 진단 방법이다.

완전성

UI 시나리오는 누락이 없어야 하고, 최대한 빠짐없이 가능한 상세하게 기술하며 시스템 기능보다 사용자의 태스크에 초점일 맞춰야 하는 요건

와이어프레임

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

프로토타입

컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운영 가능성을 평가하거나 요구사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능을 간략한 형태로 구현한 시제품

UX핀

웹 브라우저를 통해 와이어프레임과 프로토파이핑 작업을 동시에 할 수 있는 도구
구글 글라스에 포함한 다양한 디바이스 환경에 맞추어 설계가 가능하며, 다양한 목업 지원 가능

엑슈어

UI 설계보다는 스토리보드에 포함되는 정책, 플로 차트, 디스크립션까지 모두 작성 가능한 도구

네이버 프로토나우

네이버에서 만든 프로토타이핑 툴로 스토리보드, 플로 차트 등의 기능 지원 가능 도구

UML

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

사물

추상적인 개념으로, 주제를 나타내는 요소
단어 관점에서 ‘명사’ 또는 ‘동사’를 의미

관계

사물의 의미를 확장하고 명확히 하는 요소
사물과 사물을 연결하는 요소
단어 관점에서 ‘형용사’ 또는 ‘부사’를 의미

다이어그램

사물과 관계를 모아 그림으로 표현한 형태
형식과 목적에 따라 다양하게 정의

활동 다이어그램

시스템이 어떤 기능을 수행하는지를 객체의 처리 로직이나 조건에 따른 처리의 흐름을 순서대로 표현하는 다이어그램

속성

클래스의 구조적 특성에 이름을 붙인 것으로 특성에 해당하는 인스턴스가 보유할 수 있는 값의 범위를 기술하는 구성요소

복잡관계

집합 관계의 특수한 형태로, 포함하는 사물의 변화가 포함되는 사물에게 영향을 미치는 관계를 표현

객체

메시지를 주고받는 주체
객체는 위쪽에 표시되며 아래로 생명선을 가짐
객체는 사각형 안에 밑줄친 이름으로 명시

생명선

객체로부터 뻗어 나가는 점선
실제 시간이 흐름에 따라 객체의 생명주기 동안 발생하는 이벤트를 명시
객체 소멸이 표시된 기간까지 존재

활성화

생명선을 따라 작은 사각형이 드문드문 나타나는 부분
객체가 수행하는 오퍼레이션이 실행되고 있음을 나타냄
활성화 사각형의 길이는 오퍼레이션의 실행 요소 시간을 나타냄
활성화 사각형이 길어질수록 오퍼레이션 수행 시간이 길어짐
활성화 사각형의 길이가 특정 시간 단위를 의미하지 않음

메시지

객체 간의 상호작용을 위해 주고받는 메시지

의존관계

하나의 클래스가 또 다른 클래스를 사용하는 관계이다.
사물 사이에 서로 연관은 있으나 필요에 따라 서로에게 영향을 주는 짧은 시간 동안만 연관을 유지하는 관계를 표현