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

pxd UI Study_06About Face 3

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

이번 장의 스터디 내용

•검색

•되살리기

•저장 인터랙션

•정보입력

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

•창 디자인

•컨트롤

•메뉴 구조

•툴바

•대화상자

•오류, 경고 상자

이번 장의 스터디 내용

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

•16장 : 되살리기

Searching

Finding

Searching

Finding

사용자 멘탈 모델

Searching & Finding

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

저장(Storage) 추출(Retrieval)

Searching & Finding

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

Searching & Finding

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

어렵다쉽다

적절한 시스템이 필요함

Searching & Finding

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

분류체계 필요위치 기억

About Face 3 책 좀 가져다주세요

어디에 있는데요?

Searching & Finding

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

위치 추출(Positional Retrieval)

이름 추출(Identity Retrieval)

속성 기반 추출(Attribute based Retrieval)

Searching & Finding

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

•속성 기반 추출 시스템

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

Searching & Finding

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

폭소노미(Folksonomy)

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

Searching & Finding

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

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

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

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

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

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

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

Searching & Finding

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

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

Blind

Ctrl + Z

Undo

Understanding Undo

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

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

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

Understanding Undo

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

Understanding Undo

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

여러분은?

Understanding Undo

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

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

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

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

Understanding Undo

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

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

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

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

Understanding Undo

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

요소1. 점진적 행동

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

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

요소2. 단계적 행동

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

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

Understanding Undo

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

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

- 장님식 되살리기

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

- 설명식 되살리기

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

Understanding Undo

•장님식 되살리기

Understanding Undo

•설명식 되살리기

Understanding Undo

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

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

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

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

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

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

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

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

Understanding Undo

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

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

Understanding Undo

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

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

Understanding Undo

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

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

Understanding Undo

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

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

Understanding Undo

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

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

Ctrl+zCtrl+z

Ctrl+zCtrl+z

Ctrl+z

Ctrl+zCtrl+z

Ctrl+z

Understanding Undo

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

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

Understanding Undo

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

2) 특화된 되살리기

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

백스페이스

문자에특화된 Undo

???

그래픽에특화된 Undo??

Understanding Undo

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

3) 버전 생성과 회귀

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

Understanding Undo

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

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

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

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

정리

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

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

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

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

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

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

생각 나누기

감사합니다About Face 3

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