Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

5,168 views

Published on

pxd UI Study_06

About face 3
part.3 Designing Interaction Details
Chapter 15,16

Published in: Design
  • Be the first to comment

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

  1. 1. pxd UI Study_06 About Face 33부 인터랙션 디자인 백과사전 15장/16장
  2. 2. 이번 장의 스터디 내용 •검색 •되살리기 •저장 인터랙션 •정보입력 •조작법(포인팅장비, 커서, 드래그앤드롭) •창 디자인 •컨트롤 •메뉴 구조 •툴바 •대화상자 •오류, 경고 상자
  3. 3. 이번 장의 스터디 내용 •15장 : 검색과 탐색의 경계 - 현명한 데이터 추출법 •16장 : 되살리기
  4. 4. Searching Finding
  5. 5. Searching사용자 멘탈 모델 Finding
  6. 6. Searching & Finding 1. 저장 및 추출 시스템 Storage and Retrieval System 저장(Storage) 추출(Retrieval)
  7. 7. Searching & Finding 1. 저장 및 추출 시스템 Storage and Retrieval System
  8. 8. Searching & Finding 2. 일상 생활에서 저장 및 추출 Storage and Retrieval in the Physical World 적절한 시스템이 필요함 쉽다 어렵다
  9. 9. Searching & Finding 2. 일상 생활에서 저장 및 추출 Storage and Retrieval in the Physical World About Face 3 책 좀 가져다주세요 어디에 있는데요? 위치 기억 분류체계 필요
  10. 10. Searching & Finding 3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World 위치 추출 (Positional Retrieval) 이름 추출 (Identity Retrieval) 속성 기반 추출 (Attribute based Retrieval)
  11. 11. Searching & Finding 3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World •속성 기반 추출 시스템 - 이미 있는 속성과 콘텐츠를 기반으로 찾아냄. 유사어, 관련 주제, 태그
  12. 12. Searching & Finding 3. 디지털 세계의 저장 및 추출 Storage and Retrieval in the Digital World 폭소노미 (Folksonomy) 태그를 활용한 추출 메커니즘
  13. 13. Searching & Finding 4. 관계형 테이터 베이스와 디지털 수프 Relational Databases versus Digital Soup •데이터 기반 소프트웨어에서 사용자에게 강요되는 것 어떤 형식의 데이터를 사용할 처음에 정의한 데이터 형식을 것인지 명확히 정의할 것 끝까지 따를 것 •그러나 일반 사용자의 특징은 다르다 처음부터 뭘 원하는지 정확히 원하는 바를 표현하더라도 알고 있는 사용자는 거의 없다 곧 변경한다
  14. 14. Searching & Finding 4. 관계형 테이터 베이스와 디지털 수프 Relational Databases versus Digital Soup •정리가 불가능한 데이터의 정리 Blind
  15. 15. Ctrl + Z
  16. 16. Undo
  17. 17. Understanding Undo 1. 사용자와 되살리기 Users and Undo 인간은 누구나 실수를 한다 CPU는 오류가능성이 없다 결국 사용자의 책임 사용자가 직접 실수에 대한 처리를 할 수 있도록 적절한 장치가 필요하다
  18. 18. Understanding Undo 1. 사용자와 되살리기 Users and Undo
  19. 19. Understanding Undo 1. 사용자와 되살리기 Users and Undo 여러분은?
  20. 20. Understanding Undo 2. 되살리기 디자인하기 Designing an Undo Facility 친숙하지 않은자 경험있는 사용자 논리적인 사용자 행동을 역순으로 만능 비상 단추 자료의 저장소 취소하는 절차 퍼소나의 멘탈 모델을 모두 충족 시킬 수 있는 Undo Design
  21. 21. Understanding Undo 2. 되살리기 디자인하기 Designing an Undo Facility •되살리기 시스템을 디자인하는 비결 1) 사용자가 자주 사용하는 도구를 중점적으로 지원한다. 2) 사용자가 실패했다는 뉘앙스를 절대로 풍기지 않는다.
  22. 22. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 요소1. 점진적 행동 - 데이터 요소에 영향을 받는 정보 - 잘라내기, 붙여넣기, 문자입력하기 등 데이터요소를 포함하는 행동에 적용 요소2. 단계적 행동 - 사용자 행동 그 자체에 영향을 받는 정보 - 문단 포맷, 이미지 각도 수정 등 단계에만 영향을 끼친다.
  23. 23. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 1) 장님식 되살리기와 설명식 되살리기(Blind Undo/Explanatory Undo) - 장님식 되살리기 : 무엇이 실행되었는지 구체적인 언급을 하지 않고 Undo라는 기능만 구현해 놓은 방법 - 설명식 되살리기 : 어떤 실행이 취소 될 것인지 시각적으로 보여주거나 글자로 설명해놓은 방법
  24. 24. Understanding Undo •장님식 되살리기
  25. 25. Understanding Undo •설명식 되살리기
  26. 26. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 2) 단발성 되살리기와 복합성 되살리기 - 단발성 되살리기(Single Undo) : 가장 기본적인 형태의 되살리기 : 가장 최근에 사용자가 취한 행동의 효과를 취소 : 한계 : 중요한 것이 두번째 뒤에 있을 때는 어떻하지? - 복합성 되살리기(Multiple Undo) : 한 개 이상의 명령을 여러번 연달아 실행 : 데이터가 변화된 기록을 다 기억하고 있어야 함 : 한계 : 중간에 있는 하나를 위해서 여러개를 포기해야함.
  27. 27. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 3) 집단적 되살리기(Group multiple Undo)
  28. 28. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 3) 집단적 되살리기(Group multiple Undo)
  29. 29. Understanding Undo 3. 다양한 종류의 되살리기 Type and Variants of Undo 3) 집단적 되살리기(Group multiple Undo)
  30. 30. Understanding Undo 4. 되살리기의 응용 Other Models for Undo- Like Behavior 1) 비교하기 : 어떻게 보일까
  31. 31. Understanding Undo 4. 되살리기의 응용 Other Models for Undo- Like Behavior 1) 비교하기 : 어떻게 보일까 Ctrl+z Ctrl+z Ctrl+z Ctrl+z Ctrl+z Ctrl+z Ctrl+z Ctrl+z
  32. 32. Understanding Undo 4. 되살리기의 응용 Other Models for Undo- Like Behavior 1) 비교하기 : 어떻게 보일까
  33. 33. Understanding Undo 4. 되살리기의 응용 Other Models for Undo- Like Behavior 2) 특화된 되살리기 - 백스페이스 : 잘못 입력한 문자를 지울 수 있는 버튼 : 문자만 지울 수 있는 버튼 : 실행 순서에 상관없이 문자만 지울 수 있는 버튼 문자에 그래픽에 특화된 Undo 특화된 Undo?? 백스페이스 ???
  34. 34. Understanding Undo 4. 되살리기의 응용 Other Models for Undo- Like Behavior 3) 버전 생성과 회귀 - 문서 전체의 복사본을 남기는 일 시간 단위로 사진을 찍어 일상의 기록을 남기는 행위 다른 이름으로 저장--> Undo를 위한 데이터 관리
  35. 35. Understanding Undo 5. 되살리기 방지 기능 Undo-Proof Operations - 모든 명령을 되살릴 수 있는 것은 아니다 - 모든 명령을 되살릴 수 있는 것은 아니다 되살리기를 막아놓는 것은 사용자의 멘탈모델에 어긋난다
  36. 36. 정리 사용자 멘탈모델반영 사용Scene에 맞는 설계 평상시 관심갖기 “사용자의 멘탈 모델을 잘 파악하고 “다 똑같은 설계를 할 순 없다. 같은 개념을 가진 “하나의 개념이 프로그램 성격에 맞게 다양한 형 멘탈모델에 적합한 설계를 해야한다” 하나의 기능이지만 사용Scene에 맞게 설계” 태로 반영되어 있다. 평상시 관찰이 필요함”
  37. 37. 생각 나누기
  38. 38. 감사합니다 About Face 33부 인터랙션 디자인 백과사전 15장/16장

×