user interface 핵심과 trends

1Enterprise Architecture Planning

Enterprise Architecture, Technical Reference Model, S/P정보기술아키텍쳐 컨설턴트 양성과정

User Interface 핵심과 Trends

Sept. 26, 2001

박 상희 창해소프트서비스 /KISAC

[email protected]



목차

• HCI Introduction

• HCI Basic Knowledge

• 기술 추세• 응용 / 적용 사례• 요약• 결론

1 부 2 부

• TRM vs UI

• UI 아키텍쳐정의• UI 서비스레벨정의• Standards / Profiling

• 참고자료• 결론



미래 정보 산업 사회의 특성

20 세기 21 세기고도의 산업사회기계중심 / 물질 / 수량하드웨어 제품Atom소품종 대량 생산체제

중화학공업노동 / 기계 / 기능생산요소공학 중심기능가격 중심수동 / 기계 / 자동Unimodal요소기능 기술 개발

정보화 사회인간중심 / 품질 / 안전시스템 및 서비스 제품Bit다품종 소량 생산변품종변량생산 체제3D 기피현상 , 환경 중시정보 / 기술 / 방법공학생산통합 시스템 디자인 중시품질 / 사용자 중심지능 /Cybernetic HumanMultimodal복합 및 관리 기술 개발

• 사회의 특성 개념 • 사회의 이념 사상 • 생산품의 주류 • 기반 단위 • 생산 형태

• 제조환경 • 생산 경쟁력 중심 • 연구개발 중심 • 제품 경쟁력 • 인터페이스

• Modality • 공학 Paradigm



HCI Definition

• HCI 정의 Human-Computer Interaction(HCI) 는 컴퓨터 시스템과 컴퓨터의 사용자 사이의

상호작용을 향상시키기 위한 컴퓨터 인터페이스의 설계 , 개발 , 구현 , 평가에 대한 원칙이다 . -ACM SIGCHI(1997)

• UI 정의 응용 S/W 와 사용자 사이에서 발생하는 모든 데이타를 I/O 디바이스를 통해

사용자가 활용하기 쉬운 형태로 친밀감 있는 인터렉티브 를 제공하고 조작할 수 있는 표준 및 기술요소의 집합 .

• HCI 와 UI – A : I/O Device– B : Operating system– C : user Interface– D : HCI

HCI 와 UI



HCI 발전

• Ivan Sutherland 의 Sketchpad(1963)• "man-machine symbiosis"(Licklider, 1960)• "augmentation of human intellect"(Engelbart, 1963)• "Dynabook"(Kay and Goldberg, 1977)

Computer Science • mouse• bitmap display• personal computer• window• desktop metaphor

• 멀티프로세싱을 위해• 윈도우 환경과 애니메이션 지원을 위해• 상호작용을 할 수 있는 입 / 출력 장치들을 개발

Operating System • UIMS• UI Toolkit•UIDE•UI Agent



HCI 발전

• 제품 , 시스템에 대한 문제 해결• 컴퓨터 시스템에 대한 접근은 자연스러운 확장

인간공학 측면 • User Interface• Multi-modal• Intelligent

• 20 세기 초부터 산업적인 생산성 향상을 위해• 컴퓨터의 발달로 자연스러운 접근 시도

산업공학적 측면• Task Analysis• Usability Engineering• Prototyping• Evaluation Techniques

• 인간 성능과 효율성의 문제• 컴퓨터의 발달로 자연스러운 접근 시도

인지심리학 측면



• Ubiquitous communication

• High functionality systems

• Mass availability of computer graphics

• Mixed media- Multimodal(image, voice, video, text formatted data)

• High-bandwidth interaction

• Large and thin display(LCD, TFT)

• Embedded computation

• Group interface

• User Tailorability

• Information Utilities

HCI Trends & Characteristics



ISO/IEC/JTC 1/SC 35/

WG 1 Keyboards and input interfacesISO/IEC/JTC 1/SC 35/

WG 2 User interface interactionISO/IEC/JTC 1/SC 35/

WG 3 Graphical symbolsISO/IEC/JTC 1/SC 35/

WG 4 User interfaces for mobile devicesISO/IEC/JTC 1/SC 35/

WG 5Cultural, Linguistic and User

Requirements

Standardization in the field of interfaces between users and systems- interfaces between users and devices, such as keyboards, mice, pointers, pens, visual displays, and forms of audio and tactile input/output with the emphasis on functionality

- presentation techniques, icons, graphical symbols, etc.

- dialogue control and navigation in interactions between humans and systems

ISO/IEC JTC 1 SC35 User Interface

Standards



ACM SIGCHI curricula



Technological Change : different design needs

• 기술의 발달 : 충분한 기능성 확보• 무한 경쟁 시대• 컴퓨터 사용의 대중화•시스템의 복잡화• 사용자의 주관적인 선택 기준의 다양화

변화 요인

• Visibility• Affordance

사용성 (Usability)

• How to keep abreast of changes in technology•How to ensure that their designs offer good HCI as well as harnessing the potential functionality of the new technology

HCI 초점



HCI Goal

To develop or improve the safety, utility, effectiveness, efficiency, and usability of systems that include computers

reference : Interacting with Computers, 1989, p.3



HCI Factors

Organizational Factors Environmental Factors

Health and Safety

Factors Comfort Factors The Users

User Interface

Task Factors

Constraints

System Functionality

Productivity Factors



HCI design cycle

Knowledgeskills

Cognitivepsychology

Social/Organizationalpsychology

Ergonomics/Human factors

Engineering

Design

Anthropology

SociologyPhilosophy

Linguistics

Artificialintelligence

Computerscience

HCIexpertise

ToolsUser-centered design methodsGuidelinesEvaluation methodsSoftware toolsPrinciplesPrototyping toolsExperimentationCreative ideas

Design TeamManagerSystem analystsSoftware engineersProgrammersGraphic designersEngineersothers

Design Process

In-house HCI group

HCI consultants

Ergonomist expert

User group

Implementation

OrganizationManagersEnd users

ProductTraining

ApplicationHardware

DocumentationSoftware



Ergonomic Interface Design

기반 과제 척도

인간을 어떻게 인식할 것인가 ?

• 사용성 (Usability)• 환경 적응 및 적합성• 쾌적함• 안전성

산업사회에서 작업 , 직무 , 제품 , 기계 , 방법 , 기구 , 환경 등을 개발함에 있어서 인간 적합성과 인간 복지 실현을 위한 인간 기계 통합 체계로서 인간 사용자에게 편리 , 효율 , 안전 등을 고려하여 설계 , 개선하는 것

정의

목표

• 실용적 효능• 인간 복지 및 가치 실현



Human Characteristics and area

시각 (Visual sense Eye Visual Information Stimuli / Light)청각 (Auditory sense Ear Auditory Information Stimuli / Sound)촉각 (Tactile sense Skin Tactile Stimuli / Touch)후각 (Olfactory sense Nose Olfactory Stimuli / Smell)미각 (Gustatory sense Tongue Gustatory Stimuli / Taste)

감각 기관계 (Perceptual Processor)

본질적 : 기억 , 인식 , 추론 , 학습 , 연상 기능경험적 : 선호 , 의욕 , 의도 , 가치 판단 , 의사 결정 , 쾌적 , 만족도

지능 처리계 (Cognitive Processor)

선천적 : 신체적 형상 기능 , 에너지 기능후천적 : 언어조작 , 의도표현 , 정보 전달 수단 , 대화 수단 및 행동

운동 행동계 (Motor Skill Processor)

생성적 : 새로운 사회 , 환경의 형성 능력관습적 : 민족 , 지역 , 세대 , 성별 특유의 관습적 행위 , 언어 특성 , 사고 시스템 특성

사회 환경계 (Social Environment System)



Human Processor Model

Card et al., 1983



감성 공학

감성 공학제품 / 환경에 대한 소비자 욕구

( 감성 ) 를 과학적이고 객관적으로 측정

인간의 감성을 정성 , 정량적으로 측정 평가하고 이를 제품이나 환경 설계에 응용하여 보다 편리하고 안락하며 , 안전하게 하고 더 나아가 인간의 삶을 쾌적하게 하는 기술

정의

소비자 요구를 제품 / 환경 설계에 응용 및 구현

제품의 부가가치 / 경쟁력 향상



인지공학

• sensory memory • short term memory • long term memory

Human information processing



Requirement Gathering

Usability requirements

• Learnability • Throughput • Flexibility • Attitude • Satisfaction

• Functional requirements what the system must do.

• Data requirements the structure of the system and the data that must be available for processing to be successful.

• Usability requirements the acceptable level of user performance and satisfaction with the system.



Task Analysis

• Task : internal task • Goal : external task • action

• HTA(Hierarchical Task Analysis) 분해법을 이용한 그래픽 표기 . Structured chart notation 이용 .

• CTA(Cognitive Task Analysis) 인지 이론을 응용 User’s mental model. “how-to-do-it” 을 모형화 .



Usability Test

사용자 인터페이스 시스템을 사용하는데 있어 얼마나 신뢰성과 적합성을 보장할 수 있는가를 측정하는 평가법

• 사용자의 설계 참여 유도 • 피드백 정보를 이용 제품의 설계 자료 경영자의 의사 결정 자료 . 기술 발전의 지표 .

• 제품의 라이프 사이클 단축• 경비의 절감

정의

의의

효율성학습 용이성유연성태도

Usability 정의 reference : Shackel

시스템 성능 시스템 기능UI 문서화보조 프로그램 설치유지보수 확장성

Usability 요소 reference : Gould



Prototyping

• 사용자의 요구에 얼마나 잘 맞는가 에 대한 불확실성을 해결 • 의사결정에 도움

• 기법 paper sketches storyboard scripts

• 장점 빠르고 싸다 . 귀중한 관찰을 제공한다 .

• 단점 기능성을 증명할 수 없다 .

Prototyping information

Paper-based prototyping

• 시스템의 필요한 기능 운용 순서 필요 표현 인터페이스에 대해 보고 느낀 것

• 정의 사용자가 상호작용할 수 있는 제한된 기능을 갖고 있는 시스템 버전 • 철학

빠르고 싸게 제작되어야 한다 . 목적 달성 후 폐기처분한다 . 최종 버전과는 틀릴 수 있다 .

Computer-based

• Requirement animation• Rapid prototyping• Evolutionary prototyping• Incremental Prototyping

기법



• 1970 년대 : 인간 - 기계 인터페이스 (Man-Machine Interface)

• Moran : 사용자가 접촉하게 되는 시스템의 모든 측면 .

• CHI : 사용자를 위한 입력 언어 , 기계를 위한 출력 언어 , 그리고 상호작용을 위한 프로토콜 (1985)

컴퓨터 시스템의 표면적인 측면에 대한 전체 . 즉 , 입력과 출력 장치와 같은 , 사용자로부터 제거되거나 표현 되어 지는 정보 , 시용자가 표현한 피드백 정보 , 시스템의 행위 , 문서화와 연관된 튜토리얼 프로그램 , 그리고 이런 측면들과 관계 있는 사용자의 행동 .

User Interface definition



UI Evolution

• command based • Xerox STAR project 이전

• Apple, Microsoft, IBM. • 개인용 컴퓨터의 보급 • 현재 유행 스타일

Text based User Interface

Graphic User Interface

• GUI 와 WUI(Web based UI) • 차세대 UI 스타일 • 첨단 기술 연구중

Network based User Interface



UI 변화 흐름

• 중앙 집중식 환경 • 텍스트 기반 환경 • 단일 사용자 환경 • 단일 업무 처리 환경

• 분산 컴퓨팅 환경 • 인터넷 / 인트라넷 기반 환경 • 다양한 사용자 , 다양한 업무 처 리 환경 • 멀티미디어 데이터 프로세싱

• Mobile • Agent • decision-support • Intelligent • Multimedia data type • Anthropomorphic • Multimodality • Virtual Reality & 3D



사용자 인터페이스 스타일– 명령어 방식– 메뉴 방식– 형식 채우기 방식– 아이콘 방식– 자연어 처리 방식

– 음성 인식 / 음성 합성 방식– 제스쳐 방식– 데모 방식– 적응성 대화 방식– 멀티미디어를 이용한 사용자 대화 방식



UI 의 기능성 추출• 데이터 조작 기능성• 의사 결정 지원 기능성• 정보 관리 기능성• 도움말 전달 기능성• 데이터 무결성 기능성• 사용 편의 기능성• 시스템 최적화 기능성



인터페이스 객체의 분류

분류 기준 분류 객체 이름 하위 객체

선조 객체(Parent object)객체 자체(Object) 상속 객체(Inheritance object)

정적 객체(Static object)객체 상태(Objectstate)

동적 객체(Dynamic object)

불규칙 표현 객체(Random appearance object)주기적 표현 객체(Cyclic appearance object)

텍스트 객체(Text object)

풀 텍스트 객체(Full text object)표 관련 객체(Table related object)표현 방법

(Representation method) 그래픽 객체

(Graphic object)다이어그램 관련 객체(Diagram related object)차트 관련 객체(Chart related object)

사용자 입력 객체(Key-in object)

내용 지향 객체(Content oriented object)보고서 지향 객체(Report oriented object)사용 역할

(Using role) 검색 객체(Retrieval object)

읽기 전용 객체(Read only object)쓰기 가능 객체(Accessible object)

지역 객체(Local object)네트워크(Network) 광역 객체

(Global object)응답 요망 객체(Response needed object)알림 객체(Announced object)



CASE : Network based UI

• window • frame • button • text/label box • menu

WUI

GUI

플랫폼에서의 애플리케이션과 일치하도록 설계

• speed • layout • navigation • icon • hyperlink

사용자 mental model 과 domain 의 특성을 고려 설계



CASE : NUI class

Web Interface class

Structure class

Navigation class

Control class

Graphic class

HTML class

Application class

Ext. Control class

Multimedia class

Page Frame Table

List Text

Hyperlink

Line

Anchor Menu bar

Bulletin Ball

2D image

Layer

3D image

BannerAnimated

Form Text box Check box Combo box

Message box Drop list Button

Audio Animation

Java applet Active X

Control Script

Shockwave



• 사용자 인지 모델의 부족• 사용자 태도의 빠른 변화• 기회 비용• 사용성의 정립• G-GUI 와 W-GUI 의 일관적 통합

• 자동 생성 기술 .

• ActiveX, JAVA applet

• Package

• Usability Test

• Intelligent

Major problem

Research trend

CASE : Network based UI



• 사용자 지향 설계– 인간공학 , 감성공학 , 인지공학 이용

– Human Factor 반영

– 사용성 평가

• 재사용성 , 확장성 강조– 객체 지향 방법 이용

– Design Pattern

– Object Repository(Object Pool)

• 빠른 반복 설계

– 자동 생성 기술 : HTML Document and CGI

CASE : NUI Design Approach



Conclusion

Human

Technology

Environment

Social/Organizational

Aspect

H/WS/W

인간의 가치를 더욱풍요롭고 고귀하도록



2 부

• TRM 과 UI

• UI 아키텍쳐정의• UI 서비스레벨정의• UI Standards / Profiling

• 참고자료• 결론



구분 HCI 비고

에너지성 User Services

- 사용자와 응용간의 상호작용을 위한 방법 정의

Application Services

- 이미지 , 멀티미디어

10 개서비스부문별표준프로파일 제공

표준 , 지침 , 프로그래밍언어도구설명 , 이유 , 이점

국방성

Multimedia Services

-text, 문서 , 전자출판 , 지리정보 , 이미지 , 비디오 , 오디오 , 멀티미디어 서비스

지원체계

요구사항 / 소요 구현교육훈련

업무응용체계

사용자인터페이스서비스

- 사용자인터페이스 ( 미디어 , 방법 )- 화면요소의 특성정의- 윈도 정의

응용플랫폼서비스

체계

TRM 과 UI



TRM 과 UI 서비스입출력 장치

입력장치

출력장치

기타입출력장치

UI 스타일

Command 스타일

CUI 스타일

GUI 스타일

NUI 스타일

프리젠테이션

원격표현모델

분산표현모델

X 모델

미디어 타입

그래픽

음성

영상

문자

인적 요소

인지공학

사용성공학

다이얼로그

순서통제

에러

메뉴

도움말

도구 와 라이브러리

설계도구

라이브러리

TRM 과 UI



User Interface아키텍쳐정의

User Interface아키텍쳐정의

자산정의자산정의

기본원칙정의

기본원칙정의

모델정의모델정의

UI 스타일레벨링

UI 스타일레벨링

프리젠테이션 레벨링

프리젠테이션 레벨링

입출력장치레벨링

입출력장치레벨링

표준정의표준정의

현재 Architecture분석

현재 Architecture분석

Architecture동기 분석

Architecture동기 분석

목표 아키텍쳐정의

목표 아키텍쳐정의

미디어타입 레벨링

미디어타입 레벨링

인적요소레벨링

인적요소레벨링

도구와 라이브러리레벨링

도구와 라이브러리레벨링

TRM

User Interface 아키텍쳐 정의

현행 유저인터페이스의 기술원칙을

정련하고 유저인터페이스의 모든

구성요소에 대해 현재상태를 파악

분석하고 아키텍쳐의 변화의 요인과

필요성을 분석하고 목표로하는

아키텍쳐를 전략적 방향에 일치하는

목표 기술원칙기반하에 정의한다

TRM 유저인터페이스 서비스레벨을

정의한다 .

다이얼로그레벨링

다이얼로그레벨링

TRM 과 UI



인적요소

미디어타입

입출력장치

UI 스타일

프리젠테이션

도구 / 라이브러리

다이얼로그

컴퓨터통신

사용자 통신 (MMI)

컴퓨터 A 컴퓨터 B

UI

User Interface System 참조모델

TRM 과 UI



Task 1 유저인터페이스 자산 정의 유저인터페이스 대한 정보기술 자산을 정의한다 .

현재의 유저인터페이스에 대한 입출력장치 , 프리젠테이션 괸리 , 유저인터페이스 설계 , 인적요소 , 유저인터페이스

설계도구와 라이브러리 , 프리젠테이션 , 다이얼로그 자산을 정의 하고 자산정의서를 작성한다 .

Task 2. 유저인터페이스 원칙 정의 유저인터페이스 원칙 분류는 정의된 유저인터페이스의 역할 관점의 원칙을 분류하는 작업을 의미한다 .

유저인터페이스 원칙 분류에 대한 수행 방법은 업무 원칙의 분류를 참조하여 작성하며 주요 3 가지 분류 기준은

다음과 같다 .

□ Over arching 원칙

정보기술 전반에 걸쳐 넓은 의미의 룰과 가이드의 역할을 수행하는 원칙

□ 설계 원칙

정보기술을 설계하고 개발에 있어서 의사결정의 룰과 가이드의 역할을 수행할 원칙 필요한 원칙

□ 구매 원칙

제품 구매 결정을 위한 룰과 가이드로서의 원칙

User Interface 아키텍쳐정의



User Interface 아키텍쳐정의프린팅 원칙

- 분산환경에서 사용자가 프린팅의뢰하고 통제하는 기능을 제공해야 한다 .

- 분산된 프린팅 지원을 중앙에서 관리하고 운영을 통제하는 기능을 제공한다 .

- 효율적인 일일작업을 수행하는 기능을 제공한다 .

- 산업표준인 데이터스트림을 사용한다 .

- 물리적 프린트는 어플리케이션과 무관하게 정의되어야 한다 .

GUI 원칙

- 윈도 형태가 기본이며 구성요소는 일관성있는 표준을 지원해야 한다 .

인터페이스 형태별 메뉴 방식 , 양식 채우기 방식 , 아이콘 방식 , 자연어 처리 방식 ,

음성 인식 /음성 합성 방식 , 제스쳐 방식 , 데모 방식 , 적응성 대화 방식 , 멀티미디어를 이용한

사용자 대화 방식을 지원하여야 한다 . -

- 칼라 및 해상도를 선택하는 기능이 있어야 한다 .

- 멀티 윈도환경이어야 한다 .

- 한글을 지원해야한다 .

- 표준화된 이미지형식 (gif, tiff 등 )을 지원해야한다 .

- 사용자별로 터치스크린 , 마우스 등이 지원되어야 한다 .

- 입력형태별로 바코드 리더기 , 전자카드 , 자기테이프 카드 , IC 카드 , CR, 스캐너 등의 입력매체를 지원해야 한다 .

- Object Linking & Embedding, Drag & Drop 기능이 지원되어야 한다 .

- 온라인 도움말 기능이 있어야 한다 .

- 키보드 맵핑 , 마우스 맵핑을 사용자 특성별로 변경할 수 있어야 한다 .

- 표시장치는 사용자 그룹별로 요구되는 고품질의 칼라 혹은 모노를 지원하여야 한다 .

- 유해한 전자파로부터 사용자를 보호할 수 있어야 한다 .



Task 3. 유저인터페이스 모델 정의응용시스템 개발시 유저인터페이스 구조를 쉽게 이해하고 구성요소의 체계화를 위한 통용모델을 조사 파악한다 .

유저인터페이스를 구성하고 있는 핵심 컴포넌트의 조합하여 유저인터페이스 참조모델을 정의한다 .

- NIST User Interface System Reference Model

- X Model

- C/S 표현모델

Task 4. 유저인터페이스 표준 정의 유저인터페이스에 대한 표준은 입출력장치 , UI Style, 인적요소 , 인터페이스 프로토콜 표준에 대한 원칙 및

프로파일에 대한 원칙을 정의한다 .




Task 5. 현재 Architecture 분석

응용 시스템을 개발하기 위해 현재까지 사용한 유저인터페이스 핵심요소를 식별하고 변화가 요구되는 기반기술을 도출하며 전체 개발 기능모델을 작성하여 현 적용중인 기술을 분석한다 . 현재 아키텍쳐를 평가하고 핵심현안을 도출하고 분석한다 . •가 ) 변화이력 분석하여 년도별 발전단계와 각 년도별 주요변화를 작성한다 . •나 ) 전체 개발 기능모델에 대해 현 수행중인 프로세스를 파악 분석하여 개발모델과 핵심 / 지원 프로세스별 가이드 , 지침유무와 지원도구의 상세정보 ( 도구명 , 버전 , 보유수량 , 활용도 ) 로 구성된 현행아키텍쳐의 기능구성도를 작성한다 . •다 ) 응용시스템과 유저인터페이스 기술요소 매트릭스 정련을 통해 불일치성 , 표준준수성을 평가한다. •라 ) 현행아키텍쳐를 평가항목에 근거하여 평가분석한 후 핵심현안을 도출하고 분석한다 .

평가항목 평가

표준준수성평가

키보드 장치에 관한 표준은 적절한가 ?( 키보드 디자인 및 지역에 따른 키보드 키 배열 , 사용자편리성에관한기능적요구사항등 )

키보드 이외의 외부 입력장치 ( 마우스 , 전자팬 , 터치 스크린 등 ) 에 관한 기능적 요구사항을 정의한 표준은 적절한가 ?

단순그래픽사용자인터페이스 (GUI) 에관련된표준은적절한가 ?

전자양식 , 음성합성 , 음성메시지전달에관련된표준은적절한가 ?

지원 브라우져와 Client 에 대한 지침과 버젼이 명확한가 ?



Task 6. Architecture 동기 분석

현재 아키텍쳐 분석결과 도출된 핵심기술과 유저인터페이스분야의 환경분석을 통해 전사적으로

수용해야 할 기술을 파악하여 목표아키텍쳐를 변화시키는 변화동기를 분석하여 목표아키텍쳐

정의단계에 활용한다

가 ) 변화이력 분석에서 파악된 년도별 발전단계와 각 년도별 주요변화 계획을 점검하여 변화동기의

충족여부를 분석한다 .

나 ) 유저인터페이스 동향분석대해 파악하고 목표아키텍쳐의 변경 및 보완여부를 검토한다 .

- 고객의 요구사항에 대한 변화분석

- 경쟁사의 변화 분석

- 개발조직의 요구사항과 변화 분석

- 개발도구 및 개발환경의 변화 분석

- 방법론과 기법의 변화분석

- 제품 , 시장 , 공급업체 변화분석

다 ) 변화동기별 평가후 우선순위를 부여하고 동기분석서를 작성한다 .




Task 7. 목표 Architecture 정의

현재 아키텍쳐 분석결과 도출된 핵심기술과 동기분석에서 추출된 변화동기를 반영하여

지향 하고자 하는 목표 아키텍쳐를 정의한다

가 ) 유저 인터페이스 아키텍쳐 발전도표를 작성한다 .

X 축을 년도 y 축을 발전단계로 하는 도표에 핵심기술 도입 , 변화동기를 반영한 기술변화 사항들을

도식화하여 한눈에 목표 아키텍쳐를 알 수 있도록 한다 .

나 ) 목표기능모델을 작성한다 .

전체 개발 기능모델에 대해 목표 기술요소를 파악 분석하고 가이드 , 지침과 지원도구의 상세정보

( 도구명 , 버전 , 보유수량 , 활용도 ) 와 도입 / 실시 시기 / 주관부서 등으로 구성된 목표아키텍쳐의 기능 구성도를

작성한다

다 ) 목표 유저 인터페이스 체계를 설명하는 자산구분 , 자산명 , 버전 , 표준 , 도입일자 , 업체 , 적용 응용시스템으로

구성된 자산 목록표를 정련한다 .

라 ) 목표 아키텍쳐 정의서를 작성한다




User Interface 서비스레벨정의

Task 1. 유저인터페이스 서비스 레벨 정의 - 아키텍쳐 정의결과 도출된 유저인터페이스 핵심기술과 유저인터페이스 참조모델을 참조하여 세부서비스를 분류한다 .

- 세부서비스의 구성을 쉽게 구성도나 모델을 작성하여 쉽게 표현한다 .

- 세부서비스 세부 서비스 레벨 분해도와 정의서를 작성한다 .

예 ) 미국방성 TRM 의 유저인터페이스 서비스 레벨 정의

유저인터페이스는 메뉴 , 화면설계 , 키보드 명령어 , 명령어 언어 , 도움말화면 등 의 조합으로 구성된다 .

유저인터페이스 서비스는 마우스 , 터치스크린 , 이외 하드웨어 드라이버를 사용하게 해준다 .

GUI 를 이용한 C/S 서비스는 각 화면에 대한 처리가 서버에서 이루어지며 사용자 프로그램과 독립적으로 서버의 표현 서비스를 클라이언트에서 요구하여 보여준다 .

오브젝트정의 및 관리서비스는 색상 , 모양 , 크기 , 이동 , 그래픽내용 , 표현요소 간의 대화 , 사용자의취향을 정의한다 . 윈도관리서비스는 윈도를 생성 , 이동 , 저장 , 조회 , 제거와 다른 윈도간의 관계를 담당한다 .TAFIM Vol. 8, Human-Computer Interface Style Guide

기술참조모델의 주요 서비스 분야인 유저인터페이스 서비스 분야는 사용자가 어떻게 컴퓨터나 응용시스템과 상호 작용할 수 있도록 지원하는 서비스 분야이며 한층 더 구체적으로 이를 세분화 하여 세부서비스 레벨에 대한 기준을 정의한다 .

정의된 세부서비스 레벨을 지원하는 하위서비스 지원기능을 세분화하고 분류기준를 정의하고 세분화 한다 .

유저인터페이스서비스는 개발자 , 관리자 . 시스템 사용자들을 프로그램 , 운영체제 , 다양한 시스템 유틸리티의 접근방법을 일치시켜 준다 .



User Interface 서비스레벨정의Task 2 : 입출력장치 레벨 정의

유저인터페이스에 영향을 주는 모든 지원 디바이스와 컴퓨터를 의미하며 전사적 표준 지침을 개발한다는 것은

어려우나 디자이너는 효과적인 유저인터페이스를 개발하기 위해서 시스템의 주요기능과 하드웨어의 선택이 매우

중요하다 . 입출력 장치별 현행기술과 장점 , 단점 , 제약사항 , 필요한 가이드라인을 세분화하고 설계를 위해

필요한 디바이스의 선택 , 사용 , 설계 등에 대해 상세히 언급한다 .

예 ) 국방성 TAFIM Vol. 8, Human-Computer Interface Style Guide

가 ) 입력장치

- 포인팅 디바이스 : 마우스 , 트랙볼 , 태블릿 , 라이트 펜

- 키보드

- OCR, MCR, 자기테이프 리드

나 ) 출력장치

- CRT, LCD, TFT, LED

- 프로젝트 : CRT, Lazer,

- 3D display

- 프린터

다 ) 터치 입출력 장치 (TID)

라 ) 대체 입출력 장치

- 비주얼 I/O

- 히어링 I/O

- 이동 I/O

- 스피치 I/O

- 점자 I/O



Task 3. 프리젠테이션 레벨 정의 프리젠테이션 관리를 위한 클라이언트의 특기사항은 개방형 분산 환경의 클라이언트 서버 아키텍쳐의 공통

목표를 확인 해야 한다 . 프리젠테이션 관리는 반드시 일관성 있는 스타일로 사용자와 함께 대화할 수 있어야 한다 .

일관성 있는 프리젠테이션은 개방형 시스템의 핵심 요구사항이며 개발자와 사용자 서로가 인터페이스 하는 데

매우 중요하다 .

프리젠테이션은 스크린 포매팅 , 다이얼로그 관리 , 스크린에 데이터를 읽어 들이거나 출력하는 것 , 윈도를

관리하는 것 , 키보드와 마우스 처리를 담당한다 . 보다 진보된 프리젠테이션은 데이터 타입 / 범위 검증 . 크로스 필드

검증 , 헬프 , 메시지 로깅 , 보안 관리까지 담당한다 .

클라이언트 서버의 그래픽적인 분산에 따라서 분산표현과 원격 표현으로 분리한다 .

예 ) 가트너 분산 모델

가 ) 분산 표현 : 서버와 클라이언트가 같이 프리젠테이션 펑션을 나누어 가진다 .

스크린 표현 , 그래픽 UI, 윈도관리 , 색상 , 폰트 , 마우스 , 키보드처리는 터미날이나 PC, 웍스테이션에 위치 (Front-end)

공통 공유 프리젠테이션 기능은 백엔드에서 담당 (cics. X window)

나 ) 원격모델 : 클라이어트가 프리젠테이션을 전담한다 . (RPC, APPCC)

예 ) Motif, Open Look, OS/2, WINDOWS, X window




Task 4. UI 스타일 레벨 정의

일반적이고 표준화된 인터페이스 스타일의 구현을 미

국방성은 오랫동안 구현해 왔으며 FIPS 158 은 설계 ./

개발자가 룩앤필 ( 인터페이스 스타일 ) 을 장려하기 위한

표준 지침을 제공하기 구현되었다 . 오픈룩이나

모티프를 사용하여 표준화를 권장하고 있다 .

분류예 )

- CUI, Commands, Forms, GUI, WUI

- OSF/Motif, Sun/ Open look, MS /

Winodws, IBM OS/2 ,

- 상용 스타일 , 전사적 스타일 , 도메인 ,

시스템 레벨 스타일

참고 ) 표준 ( MIL-STD-1472-D), 핸드북 (MIL-

HDBK-761A), 스타일가이드




Task 5. 미디어타입 레벨 정의

유저 인터페이스 표현에 사용하는 미디어 유형을 레벨링하고 정의한다 .

예 ) 타입 분류

2 차원 평면 이미지 : BMP, GIF, PCX, TIFF, RLE, TGA, MPEG

3 차원 데이터 , VR, 홀로그래픽

문자 : 한글 문자 셋트 , 영문자셋트 , ( 모니터 , 프린터용 )

음성 , 디지털 사운드 : avi

영상 : avi, mpg

고려해야할 입출력 데이터 속성

데이터 덴시티 , 데이터 위치 , 칼러 , 음영 , 특수 속성 . 이미지 해상도 . 리프레시빈도

변경빈도 , 오디오 디스플레이 ( 볼륨 , 톤 , 피치 )




Task 6. 인적요소 레벨 정의

usability 가 높은 시스템을 만들기 위해서 필요한 인적요소에 대한 세부레벨을 정의한다 .

최근에 개발된 소프트웨어는 평균 48% 가량의 코드가 사용자 인터페이스 (user interface) 를 위한 것이다

[Myers and Rosson 1992].

따라서 , 사용자 인터페이스의 사용성 (usability) 을 위해서 개발의 상당한 공력을 할당하는 것은 옳은 일일 것이다

최종 사용자 인터페이스의 사용성을 보장하기 위하여 체계적으로 이용될 수 있는 구체적인 요소를 제공해야한다 .

인간의 측면에서 인간의 정보 처리 , 언어 , 통신 , 상호작용 , 사용자의 물리적인 성격에 대한 분류를 정의한다 .

분류예 )

- 정신모형 : 정신 모형은 어떤 시스템에 대해 사용자가 가지고 있는 개념적인 이해의 내부적인 표현이다 .

- 개념 모형 : 제품을 어떻게 쓸것인가 무엇에 쓰는 물건인가 하는 등등의 문제를 심적으로 구체화시킨 모형

- 메타포어 : 은유 (metaphor) 는 사용자 인터페이스에서 사용자가 시스템이 어떻게 작용하는지에 대한 적절한

정신모형을 재빨리 채택하도록 하여 사용자가 해야하는 시스템 - 특정적인 학습의 양을 최소화 시키는데 사용되는

유추적 모형이다 .(Caroll and Mack, 1985).

- Easy and Learn : 사용성 측면 ( 안전성 )

- Look and Feel : 버튼 , 윈도스타일 , 메뉴 등의 표준을 이용한 측면




Task 7. 다이얼로그 레벨정의

- 시스템과 유저간의 인터액션을 조정하는 다이얼로그 레벨에 대해 상세 분류하고 정의한다 .

- 순서 통제 , 에러처리 , 메뉴 , 헬프 , 프람프트 , 메시지 다이얼로그레 대해 분류하고 정의한다

.

- 메뉴 , 윈도 , 하이퍼 텍스트 , 스크린 분류

Task 8. 도구와 라이브러리 레벨 정의

- 프리젠테이션 오브젝 , 그래픽 오브젝 , 디스플레이 오브젝에 대해 분류하고 사용라이브러리에 대해 정의하고

분류한다 .

- UI 설계 도구와 UI Tool kit 을 분류하고 정의한다 .

예 ) 개발 : VB, Power Builder, HTML( 나모 , 핫도그 ,) XML, JAVA,

설계 : System Architect, COOL:GEN. VISIO, ROSE

평가 : Usability Test , Evaluation User Interface




Standards Information Base (SIB) OPEN GROUP

The Standards Information Base is structured according to the Service Categories in the Technical Reference Model: [email protected] •Graphics and Imaging Services •User Interface Services •Software Engineering Services •Object-Oriented Provision of Services

표준 선정

표준식별

표준 평가

표준선정

미국방성의 정보기술표준가이드 (ITSG)

Graphics and Imaging ServicesReferenc

e Year Title

C903 1999 X Window System (X11R6): Protocol

GIF Graphics Interchange Format Specification,

ISO/IEC 12087

1994/1995

Image Processing and Interchange (IPI) - and Programmer's Imaging Kernel System (PIKS)

ISO/IEC 14772

1998 The Virtual Reality Modeling

UI Standards / Profiling



결론• 사용자 지향 설계• 재사용성 , 확장성 강조• 빠른 반복 설계• 사용성 중심 설계• 어플리케이션 UI 요소 자산화

TA 일관성있는 사용자 인터페이스 개발효율성 향상 이식성과 확장성 상호운용성 사용자 편의성 향상 비용감소

user interface 핵심과 trends

Documents