SlideShare a Scribd company logo
1 of 19
Intuitive Page-turning
Interface of E-books on
Flexible E-paper based on
User Studies
+ ACM MM `08
- Taichi Tajika et al.
/ 한수교
x 2016 Fall
1. Why This Paper?
2. Introduction
3. Operation of Physical Book
4. Intuitive Interface for E-book
5. Interaction with Prototype
Contents
1. Why this Paper?
Deformable Display Trilogy?
Why this paper?
논문을 선택한 이유01
벌써 세 번째로 Deformable Display 관련 연구 발제, 그럼에도 불구하고 다시 가져온 이유는?
앞서 발제한 연구들과 다루는 분야, 범위, 접근 방법 등이 다르고 연구주제/방법 탐색에 도움을 받았기 때문
기존: 다목적 디바이스의 조작 기능별 변형 동작을 사용자가 정의
Why this paper?
논문들의 차이점01
스마트폰 혹은 PC의 포지션에 해당하는 프로토타입, 즉 multi-purpose device에 대한 프로토타입 기반
1. 특정 수준의 자유도를 가진 Deformable Prototype을 사용자에게 제시
2. 수행할 기능을 임의 순서로 제시 (확대, 축소 등의 콘텐츠 전반에 걸쳐 적용되는 조작 동작들 위주)
3. 사용자가 자유롭게 prototype을 deform하여 기능 수행
4. 코딩 및 분석을 통해 User-Defined Gesture Set 및 그 평가 자료를 도출
기존: 다목적 디바이스의 조작 기능별 변형 동작을 사용자가 정의
Why this paper?
논문들의 차이점01
스마트폰 혹은 PC의 포지션에 해당하는 프로토타입, 즉 multi-purpose device에 대한 프로토타입 기반
1. 특정 수준의 자유도를 가진 Deformable Prototype을 사용자에게 제시
2. 수행할 기능을 임의 순서로 제시 (확대, 축소 등의 콘텐츠 전반에 걸쳐 적용되는 조작 동작들 위주)
3. 사용자가 자유롭게 prototype을 deform하여 기능 수행
4. 코딩 및 분석을 통해 User-Defined Gesture Set 및 그 평가 자료를 도출
Deforming Property가 이미 정해진 상태로 제시
수행할 조작 Task도 이미 정해진 상태로 제시
↓
Technology-driven
2. Introduction
기존 E-book Reader는 버튼 기반 인터랙션 탑재
Introduction
기존 예시 분석02
페이지 전환을 위해 좌, 우측 버튼을 눌러야 했음
실제 메타포와 관련없는, 자연스럽지 않은 인터랙션
E-book Reader의 미래: 터치스크린?
Introduction
기존 예시 분석02
최근에는 터치스크린을 탑재한 E-book Reader도 출시되고 있다. 하지만
• 페이지를 넘길 때 디스플레이가 손으로 가리고
• 별도의 마찰이나 피드백이 없다는 단점이 있다.
E-book Reader의 진짜 미래: Deformable Display?
Introduction
기존 예시 분석02
디스플레이 기술 발전에 따라, 전자잉크 디스플레이가 실제 종이와 유사하게 얇고 flexable해짐
버튼이나 터치 대신, 실제 책을 넘길 때 처럼 압력 인식 및 디스플레이의 변형을 통해 보다 자연스러운
인터랙션이 가능하지 않을까?
3. Operation of Physical Book
사람들은 실제 책을 넘길 때 어떻게 조작할까?
Operation of Physical Book
실제 책과의 인터랙션03
다섯 명의 참가자를 대상으로, 아래의 열한 가지 Task를 수행하도록 함
사람들이 보인 조작 양상을 분류하여 패턴 검출
실제 책을 조작하는 패턴
Operation of Physical Book
실제 책과의 인터랙션03
넘기는 페이지의 장 수와 넘기는 속도에 따라 크게 세 가지로 분류
• Turning: 한 번에 한 장씩 넘기기
• Flipping-through: 한 장씩 빨리 넘기기
• Leafing-through: 한 번에 여러 장 넘기기
4. Intuitive Interface for E-book
실제 책을 넘기는 패턴을 반영한, Flexible Prototype 제작
Intuitive Interface for E-book
프로토타입 제작04
구부리는 동작을 인식하고, 앞서 설정한 세 가지 패턴에 따라 분류하여 그에 따라 페이지가 전환될 수
있도록 제작
Bend sensor의 값과 Time interval로 패턴을 인식
Intuitive Interface for E-book
프로토타입 제작04
다음 공식으로 Bend sensor의 값 s(t)를 통해 t_1을 계산하고, 알고리즘에 따라 패턴 분류 및 페이지
전환 속도를 계산한다.
S(t): Bend Sensor의 값
S_0, S_1: threshold (모드 간)
T_min, T_max: 한 페이지를 전환할 때의 interval
5. Conclusion
Real World Interaction에 대한 User Study를 통해 Deformable Interaction 도출
Conclusion
결론 및 의의05
기존 연구와는 다르게, 실제로 책을 넘기는 상황에 대한 User Study를 통해 어떤 종류의 Deforming
interaction이 있는지를 분석하고, 그를 Deformable Device에 대한 interaction으로 적용시킨
프로토타입을 도출했다는 것에 의의가 있음
인터페이스 평가 및 추가적 요소에 대한 고려가 필요
Conclusion
향후 연구 방향05
• 본 연구에서는 인터페이스 제시까지만 나와있고, 인터페이스에 대한 사용자 평가 부분은
포함되어있지 않음
• Tactile feedback과 같이, 보다 book-like experience를 위한 요소들을 추가적으로 고려해 볼
필요가 있음
For me?
• 본 논문에서의 책 읽기 상황처럼, Deformable Display가 Interaction gap을 줄여줄 수 있는
역할을 하는 경우가 있는지 고민해보고자 함

More Related Content

Viewers also liked

BIO 101 Exam 11
BIO 101 Exam 11BIO 101 Exam 11
BIO 101 Exam 11EdsLorins
 
BIO 101 Exam 2
BIO 101 Exam 2BIO 101 Exam 2
BIO 101 Exam 2EdsLorins
 
BIO 101 Exam 1
BIO 101 Exam 1BIO 101 Exam 1
BIO 101 Exam 1EdsLorins
 
O poveste pe saptamana
O poveste pe saptamanaO poveste pe saptamana
O poveste pe saptamanaNicole France
 
Acil Durum Ekip ve Destek Elemanları Eğitimi
Acil Durum Ekip ve Destek Elemanları EğitimiAcil Durum Ekip ve Destek Elemanları Eğitimi
Acil Durum Ekip ve Destek Elemanları EğitimiGültekin Cangül
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Resultscharliexhealy
 

Viewers also liked (6)

BIO 101 Exam 11
BIO 101 Exam 11BIO 101 Exam 11
BIO 101 Exam 11
 
BIO 101 Exam 2
BIO 101 Exam 2BIO 101 Exam 2
BIO 101 Exam 2
 
BIO 101 Exam 1
BIO 101 Exam 1BIO 101 Exam 1
BIO 101 Exam 1
 
O poveste pe saptamana
O poveste pe saptamanaO poveste pe saptamana
O poveste pe saptamana
 
Acil Durum Ekip ve Destek Elemanları Eğitimi
Acil Durum Ekip ve Destek Elemanları EğitimiAcil Durum Ekip ve Destek Elemanları Eğitimi
Acil Durum Ekip ve Destek Elemanları Eğitimi
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Results
 

More from Sugyo Han

WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...
WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...
WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...Sugyo Han
 
Papers of Sensing & Input Methods
Papers of Sensing & Input MethodsPapers of Sensing & Input Methods
Papers of Sensing & Input MethodsSugyo Han
 
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenon
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenonTwitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenon
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenonSugyo Han
 
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...Sugyo Han
 
Social TV: Designing for Distributed, Sociable Television Viewing
Social TV: Designing for Distributed, Sociable Television ViewingSocial TV: Designing for Distributed, Sociable Television Viewing
Social TV: Designing for Distributed, Sociable Television ViewingSugyo Han
 
User Defined Gestures of Elastic, Deformable Displays
User Defined Gestures of Elastic, Deformable DisplaysUser Defined Gestures of Elastic, Deformable Displays
User Defined Gestures of Elastic, Deformable DisplaysSugyo Han
 
How Users Manipulate Deformable displays as Input Devices
How Users Manipulate Deformable displays as Input DevicesHow Users Manipulate Deformable displays as Input Devices
How Users Manipulate Deformable displays as Input DevicesSugyo Han
 

More from Sugyo Han (7)

WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...
WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...
WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn ...
 
Papers of Sensing & Input Methods
Papers of Sensing & Input MethodsPapers of Sensing & Input Methods
Papers of Sensing & Input Methods
 
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenon
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenonTwitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenon
Twitter As A Technology For Audiencing And Fandom: The #Eurovision phenomenon
 
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...
FlexRemote: Exploring the Effectiveness of Deformable User Interface as an In...
 
Social TV: Designing for Distributed, Sociable Television Viewing
Social TV: Designing for Distributed, Sociable Television ViewingSocial TV: Designing for Distributed, Sociable Television Viewing
Social TV: Designing for Distributed, Sociable Television Viewing
 
User Defined Gestures of Elastic, Deformable Displays
User Defined Gestures of Elastic, Deformable DisplaysUser Defined Gestures of Elastic, Deformable Displays
User Defined Gestures of Elastic, Deformable Displays
 
How Users Manipulate Deformable displays as Input Devices
How Users Manipulate Deformable displays as Input DevicesHow Users Manipulate Deformable displays as Input Devices
How Users Manipulate Deformable displays as Input Devices
 

Recently uploaded

오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료
오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료
오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료Softwide Security
 
Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)Wonjun Hwang
 
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'Hyundai Motor Group
 
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdfssuserf8b8bd1
 
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)파일 업로드(Kitworks Team Study 유현주 발표자료 240510)
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)Wonjun Hwang
 
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료Softwide Security
 

Recently uploaded (6)

오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료
오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료
오픈소스 위험 관리 및 공급망 보안 솔루션 'Checkmarx SCA' 소개자료
 
Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)
 
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
 
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf
[OpenLAB] AWS reInvent를 통해 바라본 글로벌 Cloud 기술동향.pdf
 
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)파일 업로드(Kitworks Team Study 유현주 발표자료 240510)
파일 업로드(Kitworks Team Study 유현주 발표자료 240510)
 
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료
클라우드 애플리케이션 보안 플랫폼 'Checkmarx One' 소개자료
 

Intuitive Page-turning Interface of E-books on Flexible E-paper based on User Studies

  • 1. Intuitive Page-turning Interface of E-books on Flexible E-paper based on User Studies + ACM MM `08 - Taichi Tajika et al. / 한수교 x 2016 Fall
  • 2. 1. Why This Paper? 2. Introduction 3. Operation of Physical Book 4. Intuitive Interface for E-book 5. Interaction with Prototype Contents
  • 3. 1. Why this Paper?
  • 4. Deformable Display Trilogy? Why this paper? 논문을 선택한 이유01 벌써 세 번째로 Deformable Display 관련 연구 발제, 그럼에도 불구하고 다시 가져온 이유는? 앞서 발제한 연구들과 다루는 분야, 범위, 접근 방법 등이 다르고 연구주제/방법 탐색에 도움을 받았기 때문
  • 5. 기존: 다목적 디바이스의 조작 기능별 변형 동작을 사용자가 정의 Why this paper? 논문들의 차이점01 스마트폰 혹은 PC의 포지션에 해당하는 프로토타입, 즉 multi-purpose device에 대한 프로토타입 기반 1. 특정 수준의 자유도를 가진 Deformable Prototype을 사용자에게 제시 2. 수행할 기능을 임의 순서로 제시 (확대, 축소 등의 콘텐츠 전반에 걸쳐 적용되는 조작 동작들 위주) 3. 사용자가 자유롭게 prototype을 deform하여 기능 수행 4. 코딩 및 분석을 통해 User-Defined Gesture Set 및 그 평가 자료를 도출
  • 6. 기존: 다목적 디바이스의 조작 기능별 변형 동작을 사용자가 정의 Why this paper? 논문들의 차이점01 스마트폰 혹은 PC의 포지션에 해당하는 프로토타입, 즉 multi-purpose device에 대한 프로토타입 기반 1. 특정 수준의 자유도를 가진 Deformable Prototype을 사용자에게 제시 2. 수행할 기능을 임의 순서로 제시 (확대, 축소 등의 콘텐츠 전반에 걸쳐 적용되는 조작 동작들 위주) 3. 사용자가 자유롭게 prototype을 deform하여 기능 수행 4. 코딩 및 분석을 통해 User-Defined Gesture Set 및 그 평가 자료를 도출 Deforming Property가 이미 정해진 상태로 제시 수행할 조작 Task도 이미 정해진 상태로 제시 ↓ Technology-driven
  • 8. 기존 E-book Reader는 버튼 기반 인터랙션 탑재 Introduction 기존 예시 분석02 페이지 전환을 위해 좌, 우측 버튼을 눌러야 했음 실제 메타포와 관련없는, 자연스럽지 않은 인터랙션
  • 9. E-book Reader의 미래: 터치스크린? Introduction 기존 예시 분석02 최근에는 터치스크린을 탑재한 E-book Reader도 출시되고 있다. 하지만 • 페이지를 넘길 때 디스플레이가 손으로 가리고 • 별도의 마찰이나 피드백이 없다는 단점이 있다.
  • 10. E-book Reader의 진짜 미래: Deformable Display? Introduction 기존 예시 분석02 디스플레이 기술 발전에 따라, 전자잉크 디스플레이가 실제 종이와 유사하게 얇고 flexable해짐 버튼이나 터치 대신, 실제 책을 넘길 때 처럼 압력 인식 및 디스플레이의 변형을 통해 보다 자연스러운 인터랙션이 가능하지 않을까?
  • 11. 3. Operation of Physical Book
  • 12. 사람들은 실제 책을 넘길 때 어떻게 조작할까? Operation of Physical Book 실제 책과의 인터랙션03 다섯 명의 참가자를 대상으로, 아래의 열한 가지 Task를 수행하도록 함 사람들이 보인 조작 양상을 분류하여 패턴 검출
  • 13. 실제 책을 조작하는 패턴 Operation of Physical Book 실제 책과의 인터랙션03 넘기는 페이지의 장 수와 넘기는 속도에 따라 크게 세 가지로 분류 • Turning: 한 번에 한 장씩 넘기기 • Flipping-through: 한 장씩 빨리 넘기기 • Leafing-through: 한 번에 여러 장 넘기기
  • 15. 실제 책을 넘기는 패턴을 반영한, Flexible Prototype 제작 Intuitive Interface for E-book 프로토타입 제작04 구부리는 동작을 인식하고, 앞서 설정한 세 가지 패턴에 따라 분류하여 그에 따라 페이지가 전환될 수 있도록 제작
  • 16. Bend sensor의 값과 Time interval로 패턴을 인식 Intuitive Interface for E-book 프로토타입 제작04 다음 공식으로 Bend sensor의 값 s(t)를 통해 t_1을 계산하고, 알고리즘에 따라 패턴 분류 및 페이지 전환 속도를 계산한다. S(t): Bend Sensor의 값 S_0, S_1: threshold (모드 간) T_min, T_max: 한 페이지를 전환할 때의 interval
  • 18. Real World Interaction에 대한 User Study를 통해 Deformable Interaction 도출 Conclusion 결론 및 의의05 기존 연구와는 다르게, 실제로 책을 넘기는 상황에 대한 User Study를 통해 어떤 종류의 Deforming interaction이 있는지를 분석하고, 그를 Deformable Device에 대한 interaction으로 적용시킨 프로토타입을 도출했다는 것에 의의가 있음
  • 19. 인터페이스 평가 및 추가적 요소에 대한 고려가 필요 Conclusion 향후 연구 방향05 • 본 연구에서는 인터페이스 제시까지만 나와있고, 인터페이스에 대한 사용자 평가 부분은 포함되어있지 않음 • Tactile feedback과 같이, 보다 book-like experience를 위한 요소들을 추가적으로 고려해 볼 필요가 있음 For me? • 본 논문에서의 책 읽기 상황처럼, Deformable Display가 Interaction gap을 줄여줄 수 있는 역할을 하는 경우가 있는지 고민해보고자 함

Editor's Notes

  1. 나는 좀 다르게 보고 싶었다. Human driven, Real world driven
  2. 넘기는 방향 등에 따른 옵션은 하위 동작들의 조합 및 방향 ex) 2~6번 역방향 으로 나타낼 수 있음