40
pxd UI Study_06 About Face 3 3부 인터랙션 디자인 백과사전 15장/16장

Pxd ui study 06 about face 3 외부 공유용

Embed Size (px)

DESCRIPTION

pxd UI Study_06About face 3part.3 Designing Interaction DetailsChapter 15,16

Citation preview

Page 1: Pxd ui study 06 about face 3 외부 공유용

pxd UI Study_06About Face 3

3부 인터랙션 디자인 백과사전15장/16장

Page 2: Pxd ui study 06 about face 3 외부 공유용
Page 3: Pxd ui study 06 about face 3 외부 공유용

이번 장의 스터디 내용

•검색

•되살리기

•저장 인터랙션

•정보입력

•조작법(포인팅장비, 커서, 드래그앤드롭)

•창 디자인

•컨트롤

•메뉴 구조

•툴바

•대화상자

•오류, 경고 상자

Page 4: Pxd ui study 06 about face 3 외부 공유용

이번 장의 스터디 내용

•15장 : 검색과 탐색의 경계 - 현명한 데이터 추출법

•16장 : 되살리기

Page 5: Pxd ui study 06 about face 3 외부 공유용

Searching

Finding

Page 6: Pxd ui study 06 about face 3 외부 공유용

Searching

Finding

사용자 멘탈 모델

Page 7: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

1. 저장 및 추출 시스템 Storage and Retrieval System

저장(Storage) 추출(Retrieval)

Page 8: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

1. 저장 및 추출 시스템 Storage and Retrieval System

Page 9: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

2. 일상 생활에서 저장 및 추출 Storage and Retrieval in the Physical World

어렵다쉽다

적절한 시스템이 필요함

Page 10: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

2. 일상 생활에서 저장 및 추출 Storage and Retrieval in the Physical World

분류체계 필요위치 기억

About Face 3 책 좀 가져다주세요

어디에 있는데요?

Page 11: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World

위치 추출(Positional Retrieval)

이름 추출(Identity Retrieval)

속성 기반 추출(Attribute based Retrieval)

Page 12: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World

•속성 기반 추출 시스템

- 이미 있는 속성과 콘텐츠를 기반으로 찾아냄. 유사어, 관련 주제, 태그

Page 13: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World

폭소노미(Folksonomy)

태그를 활용한 추출 메커니즘

Page 14: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

4. 관계형 테이터 베이스와 디지털 수프 Relational Databases versus Digital Soup

어떤 형식의 데이터를 사용할 것인지 명확히 정의할 것

처음에 정의한 데이터 형식을 끝까지 따를 것

•데이터 기반 소프트웨어에서 사용자에게 강요되는 것

처음부터 뭘 원하는지 정확히알고 있는 사용자는 거의 없다

원하는 바를 표현하더라도 곧 변경한다

•그러나 일반 사용자의 특징은 다르다

Page 15: Pxd ui study 06 about face 3 외부 공유용

Searching & Finding

4. 관계형 테이터 베이스와 디지털 수프 Relational Databases versus Digital Soup

•정리가 불가능한 데이터의 정리

Blind

Page 16: Pxd ui study 06 about face 3 외부 공유용

Ctrl + Z

Page 17: Pxd ui study 06 about face 3 외부 공유용

Undo

Page 18: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

1. 사용자와 되살리기 Users and Undo

CPU는 오류가능성이 없다 결국 사용자의 책임인간은 누구나 실수를 한다

사용자가 직접 실수에 대한 처리를 할 수 있도록 적절한 장치가 필요하다

Page 19: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

1. 사용자와 되살리기 Users and Undo

Page 20: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

1. 사용자와 되살리기 Users and Undo

여러분은?

Page 21: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

2. 되살리기 디자인하기 Designing an Undo Facility

경험있는 사용자친숙하지 않은자 논리적인 사용자

자료의 저장소만능 비상 단추 행동을 역순으로 취소하는 절차

퍼소나의 멘탈 모델을 모두 충족시킬 수 있는 Undo Design

Page 22: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

2. 되살리기 디자인하기 Designing an Undo Facility

•되살리기 시스템을 디자인하는 비결

1) 사용자가 자주 사용하는 도구를 중점적으로 지원한다.

2) 사용자가 실패했다는 뉘앙스를 절대로 풍기지 않는다.

Page 23: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

요소1. 점진적 행동

- 데이터 요소에 영향을 받는 정보

- 잘라내기, 붙여넣기, 문자입력하기 등 데이터요소를 포함하는 행동에 적용

요소2. 단계적 행동

- 사용자 행동 그 자체에 영향을 받는 정보

- 문단 포맷, 이미지 각도 수정 등 단계에만 영향을 끼친다.

Page 24: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

1) 장님식 되살리기와 설명식 되살리기(Blind Undo/Explanatory Undo)

- 장님식 되살리기

: 무엇이 실행되었는지 구체적인 언급을 하지 않고 Undo라는 기능만 구현해 놓은 방법

- 설명식 되살리기

: 어떤 실행이 취소 될 것인지 시각적으로 보여주거나 글자로 설명해놓은 방법

Page 25: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

•장님식 되살리기

Page 26: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

•설명식 되살리기

Page 27: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

2) 단발성 되살리기와 복합성 되살리기

- 단발성 되살리기(Single Undo) : 가장 기본적인 형태의 되살리기

: 가장 최근에 사용자가 취한 행동의 효과를 취소

: 한계 : 중요한 것이 두번째 뒤에 있을 때는 어떻하지?

- 복합성 되살리기(Multiple Undo) : 한 개 이상의 명령을 여러번 연달아 실행

: 데이터가 변화된 기록을 다 기억하고 있어야 함

: 한계 : 중간에 있는 하나를 위해서 여러개를 포기해야함.

Page 28: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

3) 집단적 되살리기(Group multiple Undo)

Page 29: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

3) 집단적 되살리기(Group multiple Undo)

Page 30: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

3. 다양한 종류의 되살리기 Type and Variants of Undo

3) 집단적 되살리기(Group multiple Undo)

Page 31: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

4. 되살리기의 응용 Other Models for Undo- Like Behavior

1) 비교하기 : 어떻게 보일까

Page 32: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

4. 되살리기의 응용 Other Models for Undo- Like Behavior

1) 비교하기 : 어떻게 보일까

Ctrl+zCtrl+z

Ctrl+zCtrl+z

Ctrl+z

Ctrl+zCtrl+z

Ctrl+z

Page 33: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

4. 되살리기의 응용 Other Models for Undo- Like Behavior

1) 비교하기 : 어떻게 보일까

Page 34: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

4. 되살리기의 응용 Other Models for Undo- Like Behavior

2) 특화된 되살리기

- 백스페이스: 잘못 입력한 문자를 지울 수 있는 버튼: 문자만 지울 수 있는 버튼: 실행 순서에 상관없이 문자만 지울 수 있는 버튼

백스페이스

문자에특화된 Undo

???

그래픽에특화된 Undo??

Page 35: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

4. 되살리기의 응용 Other Models for Undo- Like Behavior

3) 버전 생성과 회귀

- 문서 전체의 복사본을 남기는 일시간 단위로 사진을 찍어 일상의 기록을 남기는 행위다른 이름으로 저장--> Undo를 위한 데이터 관리

Page 36: Pxd ui study 06 about face 3 외부 공유용
Page 37: Pxd ui study 06 about face 3 외부 공유용

Understanding Undo

5. 되살리기 방지 기능 Undo-Proof Operations

- 모든 명령을 되살릴 수 있는 것은 아니다

되살리기를 막아놓는 것은 사용자의 멘탈모델에 어긋난다

- 모든 명령을 되살릴 수 있는 것은 아니다

Page 38: Pxd ui study 06 about face 3 외부 공유용

정리

사용Scene에 맞는 설계“다 똑같은 설계를 할 순 없다. 같은 개념을 가진

하나의 기능이지만 사용Scene에 맞게 설계”

사용자 멘탈모델반영“사용자의 멘탈 모델을 잘 파악하고

멘탈모델에 적합한 설계를 해야한다”

평상시 관심갖기“하나의 개념이 프로그램 성격에 맞게 다양한 형

태로 반영되어 있다. 평상시 관찰이 필요함”

Page 39: Pxd ui study 06 about face 3 외부 공유용

생각 나누기

Page 40: Pxd ui study 06 about face 3 외부 공유용

감사합니다About Face 3

3부 인터랙션 디자인 백과사전15장/16장