SlideShare a Scribd company logo
An Introduction
to NUI
NUI programming seminar
Jun Iio, Ph.D.
Chuo University
An introduction to NUI Copyright © Jun Iio 2
Self-introduction
●
Prof. Jun Iio, Ph.D.
Dept. of Socio-Informatics, Faculty of
Letters, Chuo University
●
1994-2013, Working for Mitsubishi Research
Institute
●
2013-2014, Assoc. Prof. of Chuo University
●
2014-Current, Prof. of Chuo University
●
Also, 2009-, Guest Assoc. Prof. of Tokyo University
of Agriculture and Technology
●
My interests are
– Software Engineering, Image Processing,
Open-Source Software, User Interface, etc.
An introduction to NUI Copyright © Jun Iio 3
What is NUI?
●
NUI stands for Natural User Interface
●
Improvement of the User Interface?
– CUI -> GUI -> NUI?
●
Let's look back on the history of UI...
An introduction to NUI Copyright © Jun Iio 4
The first step of data input methods
for computers
source: Wikimedia
An introduction to NUI Copyright © Jun Iio 5
Emerging personal computers
source: Wikimedia (CC BY-SA 2.0 fr)
Commodore PET 2001 computer. On display at the Musée Bolo, EPFL, Lausanne.
The making of this document was supported by Wikimedia CH.
An introduction to NUI Copyright © Jun Iio 6
CUI(Character User Interface)
An introduction to NUI Copyright © Jun Iio 7
GUI(Graphical User Interface)
An introduction to NUI Copyright © Jun Iio 8
WIMP
W … Windows
I … Icons
M … Menus
P … Pointers
An introduction to NUI Copyright © Jun Iio 9
Physical peripherals
●
Keyboard
●
Pointing devices
– Mouse
– Track-point
– Track-ball
– Touch pad
– Touch panel
An introduction to NUI Copyright © Jun Iio 10
Novel operations
●
Tap
– Double tap
– Tap and hold
●
Flick, drag
●
Pinch
– Pinch in
– Pinch out
●
Shake, bump(!)
– (Grab) source: http://bump.softonic.jp/iphone
An introduction to NUI Copyright © Jun Iio 11
Elemental technologies
●
Contact-type
– Touch interface
●
Multi touch, touch display, pressure-sensitive input
●
(Image input, acceleration sensor)
●
Contactless-type
– Space devices
●
Image input, three dimensional measurement
– Gesture interface
●
Human body modeling, inverse kinematics
●
Acceleration sensor (motion, direction, inclination)
●
Muscle potential measurement
An introduction to NUI Copyright © Jun Iio 12
An impact of Windows 8
source: http://fesoku.net/archives/6029501.html
An introduction to NUI Copyright © Jun Iio 13
Multi-touch
●
http://kivy.org/
An introduction to NUI Copyright © Jun Iio 14
TUIO
●
Tangible User Interface Objects
An introduction to NUI Copyright © Jun Iio 15
CCV(Community Core Vision)
●
Poorman's multi-touch device? Video
An introduction to NUI Copyright © Jun Iio 16
3D mouse
An introduction to NUI Copyright © Jun Iio 17
Kinect
An introduction to NUI Copyright © Jun Iio 18
OpenNI
An introduction to NUI Copyright © Jun Iio 19
Leap Motion
Video
An introduction to NUI Copyright © Jun Iio 20
Myo
Video
An introduction to NUI Copyright © Jun Iio 21
Ring
Video
An introduction to NUI Copyright © Jun Iio 22
Gesture interface
●
Maximum benefit
– “Direct manipulation”
– It enables to control the target directly
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 23
Note for the NUI designs
●
Natural User Interface development is still
in progress
●
Considerable features:
1. How to realize input methods which can not
make users tired?
2. “Mode” problem of gesture input
3. Haptic information (feedbacks of user's
operation)
●
Learning from SciFi movies
– What are applications using NUI efficiently?
An introduction to NUI Copyright © Jun Iio 24
References
“Make It So” (Japanese Translation)
An introduction to NUI Copyright © Jun Iio 25
“Minority Report”
●
A “prototype meter” for the gesture
interface
●
Lessons learned:
– A grate demo hide many flaws
– A gesture interface should understand intent
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 26
Enthusiasts for keyboards
source: http://www.pfu.fujitsu.com/hhkeyboard/hhkbpro/black.html
source: http://www.kmecs.com/products/detail_267.html
An introduction to NUI Copyright © Jun Iio 27
Haptic devices
●
An input was completed? or not?
●
Why does this keyboard make user feel
unpleasant?
source: http://www.itmedia.co.jp/pcuser/articles/1204/06/news033.html
An introduction to NUI Copyright © Jun Iio 28
Haptic devices
●
It enables the
feedbacks of user's
input by touch
information such as
vibration, resistant
force, and/or
motion.
●
Cf. “Myo uses a
pattern of vibration
as the notice for
user's input”
source: http://lab.sekaimon.com/index/index/c/58058/ym/201201/p/2/ajax/1
An introduction to NUI Copyright © Jun Iio 29
Grammar for the gesture input
source: Leap Motion SDK API document
An introduction to NUI Copyright © Jun Iio 30
Grammar for the gesture input
source: https://support.getmyo.com/hc/en-us/articles/201135025-Controlling-media-with-your-Myo-armband
An introduction to NUI Copyright © Jun Iio 31
Hollywood's pidgin
●
Wave to activate
●
Push to move
●
Turn to rotate
●
Swipe to dismiss
●
Point or touch to select
●
Extend the hand to shoot
●
Pinch and spread to scale
An introduction to NUI Copyright © Jun Iio 32
Wave to activate
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 33
Push to move
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 34
Turn to rotate
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 35
Swipe to dismiss
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 36
Point or touch to select
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 37
Extend the hand to shoot
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 38
Pinch and spread to scale
source: ”Make It So”
An introduction to NUI Copyright © Jun Iio 39
Be careful if you propose a novel
gesture out of the seven patterns
●
Another patter can
lead users
misunderstanding
or confusing
●
Considering global
rules and local rule
– Gestures in
Japanese culture
– Gestures in another
country's culture
source: Fuji television
An introduction to NUI Copyright © Jun Iio 40
Dependency of local cultures
source: http://matome.naver.jp/odai/2133536386030621501
An introduction to NUI Copyright © Jun Iio 41
Dependency of local cultures
source: http://matome.naver.jp/odai/2133536386030621501
An introduction to NUI Copyright © Jun Iio 42
An application of Kinect
●
Y. Nakano, T.
Tohyama, and S.
Kanemune,
“Comparison of
Japanese Input
Methods for Kinect” In
proc. of IPSJ-
SSS2013, 173-175.
– https://www.faceboo
k.com/media/set/?
set=a.18358989182
3257.1073741846.1
72555706260009
An introduction to NUI Copyright © Jun Iio 43
Applications using NUI
●
It should be considered what scene
requires NUI fundamentally?
●
In the case of promotion videos for Myo:
– Controlling drone, sphero, and UMV...
“It would be enough to use a controller!”
●
It is suitable for the situations where a
user cannot use his/her own hands
– Controlling recipe video when cooking
– tele-surgery
An introduction to NUI Copyright © Jun Iio 44
Future of interfaces
●
NUI does not replace {CUI, GUI}
– Programming using NUI? -> a distant idea
Practica
l
Abstrac
t
Professional
use
General
purpose
CUI
GUI
NUI
An introduction to NUI Copyright © Jun Iio 45
Conclusions
●
Progress of interacting user and computer:
CUI -> GUI -> NUI
– NUI study is the blue ocean and in progress
●
Elemental technologies for NUI
– multi-touch, 3D measurement, acceleration
sensors, muscle potential measurement
●
How to solve some problems in gesture UI
– Tiredness, mode-problem, haptic interface
●
How to make a grammar for gesture UI
– Not only hardware but also cultural constraints
should be considered!

More Related Content

Similar to An introduction to NUI

Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
Ivan Pecorari
 
UI_1.pdf
UI_1.pdfUI_1.pdf
What is the NeoKeys mixed media keypad? v2 - 11.2010
What is the NeoKeys mixed media keypad? v2 - 11.2010What is the NeoKeys mixed media keypad? v2 - 11.2010
What is the NeoKeys mixed media keypad? v2 - 11.2010
www.webhub.mobi by Yuvee, Inc.
 
Sketch2presentation
Sketch2presentationSketch2presentation
Sketch2presentationjin.fan
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ijasuc
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ijasuc
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ijasuc
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ijasuc
 
JChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINTJChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINT
Jacques Chueke
 
USING VISION SENSORS FOR INNOVATIVE HCI
USING VISION SENSORS FOR INNOVATIVE HCIUSING VISION SENSORS FOR INNOVATIVE HCI
USING VISION SENSORS FOR INNOVATIVE HCI
Rakuten Group, Inc.
 
Computational models of human visual attention driven by auditory cues
Computational models of human visual attention driven by auditory cuesComputational models of human visual attention driven by auditory cues
Computational models of human visual attention driven by auditory cues
Akisato Kimura
 
Interactive Video and Adult Education
Interactive Video and Adult EducationInteractive Video and Adult Education
Interactive Video and Adult Education
Carolyn Guertin
 
Virtual Art Gallery
Virtual Art GalleryVirtual Art Gallery
Virtual Art Gallery
IRJET Journal
 
Cleverwood friday session_23rd april
Cleverwood friday session_23rd aprilCleverwood friday session_23rd april
Cleverwood friday session_23rd aprilCleverwood Belgium
 
IoT Business in Japan
IoT Business in JapanIoT Business in Japan
IoT Business in Japan
Jun Harada
 
Towards user-created applications on the Internet-of-Things
Towards user-created applications on the Internet-of-ThingsTowards user-created applications on the Internet-of-Things
Towards user-created applications on the Internet-of-Things
trappenl
 
Worldkit System
Worldkit SystemWorldkit System
Worldkit System
akash relan
 
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
Joaquim Jorge
 

Similar to An introduction to NUI (20)

Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
 
UI_1.pdf
UI_1.pdfUI_1.pdf
UI_1.pdf
 
What is the NeoKeys mixed media keypad? v2 - 11.2010
What is the NeoKeys mixed media keypad? v2 - 11.2010What is the NeoKeys mixed media keypad? v2 - 11.2010
What is the NeoKeys mixed media keypad? v2 - 11.2010
 
Sketch2presentation
Sketch2presentationSketch2presentation
Sketch2presentation
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
 
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINESORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
ORGANIC USER INTERFACES: FRAMEWORK, INTERACTION MODEL AND DESIGN GUIDELINES
 
JChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINTJChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINT
 
USING VISION SENSORS FOR INNOVATIVE HCI
USING VISION SENSORS FOR INNOVATIVE HCIUSING VISION SENSORS FOR INNOVATIVE HCI
USING VISION SENSORS FOR INNOVATIVE HCI
 
NUI_jaydev
NUI_jaydevNUI_jaydev
NUI_jaydev
 
Computational models of human visual attention driven by auditory cues
Computational models of human visual attention driven by auditory cuesComputational models of human visual attention driven by auditory cues
Computational models of human visual attention driven by auditory cues
 
Interactive Video and Adult Education
Interactive Video and Adult EducationInteractive Video and Adult Education
Interactive Video and Adult Education
 
Virtual Art Gallery
Virtual Art GalleryVirtual Art Gallery
Virtual Art Gallery
 
Cleverwood friday session_23rd april
Cleverwood friday session_23rd aprilCleverwood friday session_23rd april
Cleverwood friday session_23rd april
 
IoT Business in Japan
IoT Business in JapanIoT Business in Japan
IoT Business in Japan
 
Towards user-created applications on the Internet-of-Things
Towards user-created applications on the Internet-of-ThingsTowards user-created applications on the Internet-of-Things
Towards user-created applications on the Internet-of-Things
 
Worldkit System
Worldkit SystemWorldkit System
Worldkit System
 
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
Touching More than 3 Dimensions Research Into Novel Interfaces – three dimen...
 
Day3 arduino talk_iamthemedia
Day3 arduino talk_iamthemediaDay3 arduino talk_iamthemedia
Day3 arduino talk_iamthemedia
 

More from Jun Iio

フラクタルへの誘い an introduction to fractal
フラクタルへの誘い an introduction to fractalフラクタルへの誘い an introduction to fractal
フラクタルへの誘い an introduction to fractal
Jun Iio
 
オンラインイベント支援システムOLiVESの開発と運用
オンラインイベント支援システムOLiVESの開発と運用オンラインイベント支援システムOLiVESの開発と運用
オンラインイベント支援システムOLiVESの開発と運用
Jun Iio
 
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
Jun Iio
 
オンラインイベント支援システムを作ってみたらどうだったかな?
オンラインイベント支援システムを作ってみたらどうだったかな?オンラインイベント支援システムを作ってみたらどうだったかな?
オンラインイベント支援システムを作ってみたらどうだったかな?
Jun Iio
 
Do you know every cat has four bears?
Do you know every cat has four bears?Do you know every cat has four bears?
Do you know every cat has four bears?
Jun Iio
 
大学教員になりたい企業人の皆様へ
大学教員になりたい企業人の皆様へ大学教員になりたい企業人の皆様へ
大学教員になりたい企業人の皆様へ
Jun Iio
 
情報系学部におけるBYODの試み
情報系学部におけるBYODの試み情報系学部におけるBYODの試み
情報系学部におけるBYODの試み
Jun Iio
 
The Semiotics of Toilet Signs
The Semiotics of Toilet SignsThe Semiotics of Toilet Signs
The Semiotics of Toilet Signs
Jun Iio
 
OpenCampus2019_Tama
OpenCampus2019_TamaOpenCampus2019_Tama
OpenCampus2019_Tama
Jun Iio
 
不偏分散ではなぜNでなくN-1で割るのか
不偏分散ではなぜNでなくN-1で割るのか不偏分散ではなぜNでなくN-1で割るのか
不偏分散ではなぜNでなくN-1で割るのか
Jun Iio
 
2019年春季HCD研究発表会特別講話
2019年春季HCD研究発表会特別講話2019年春季HCD研究発表会特別講話
2019年春季HCD研究発表会特別講話
Jun Iio
 
UXDの課題
UXDの課題UXDの課題
UXDの課題
Jun Iio
 
2019年度BYODソフトウェアインストールガイダンス資料
2019年度BYODソフトウェアインストールガイダンス資料2019年度BYODソフトウェアインストールガイダンス資料
2019年度BYODソフトウェアインストールガイダンス資料
Jun Iio
 
Twitterでみる社会のトレンド
Twitterでみる社会のトレンドTwitterでみる社会のトレンド
Twitterでみる社会のトレンド
Jun Iio
 
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
Jun Iio
 
The presentation material for my lecture at the open campus, 22nd Sep. 2018
The presentation material for my lecture at the open campus, 22nd Sep. 2018The presentation material for my lecture at the open campus, 22nd Sep. 2018
The presentation material for my lecture at the open campus, 22nd Sep. 2018
Jun Iio
 
Lessons Learned from Data Preparation for Geographic Information Systems Usin...
Lessons Learned from Data Preparation for Geographic Information Systems Usin...Lessons Learned from Data Preparation for Geographic Information Systems Usin...
Lessons Learned from Data Preparation for Geographic Information Systems Usin...
Jun Iio
 
図書館利用実態の可視化 および 読書感想文コンクール作品の分析
図書館利用実態の可視化 および 読書感想文コンクール作品の分析図書館利用実態の可視化 および 読書感想文コンクール作品の分析
図書館利用実態の可視化 および 読書感想文コンクール作品の分析
Jun Iio
 
たこ焼き屋で学ぶ情報隠蔽
たこ焼き屋で学ぶ情報隠蔽たこ焼き屋で学ぶ情報隠蔽
たこ焼き屋で学ぶ情報隠蔽
Jun Iio
 
トイレサインとピクトグラム
トイレサインとピクトグラムトイレサインとピクトグラム
トイレサインとピクトグラム
Jun Iio
 

More from Jun Iio (20)

フラクタルへの誘い an introduction to fractal
フラクタルへの誘い an introduction to fractalフラクタルへの誘い an introduction to fractal
フラクタルへの誘い an introduction to fractal
 
オンラインイベント支援システムOLiVESの開発と運用
オンラインイベント支援システムOLiVESの開発と運用オンラインイベント支援システムOLiVESの開発と運用
オンラインイベント支援システムOLiVESの開発と運用
 
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
麻雀を全く知らない人に純正九蓮宝燈とは何かを教えるための資料
 
オンラインイベント支援システムを作ってみたらどうだったかな?
オンラインイベント支援システムを作ってみたらどうだったかな?オンラインイベント支援システムを作ってみたらどうだったかな?
オンラインイベント支援システムを作ってみたらどうだったかな?
 
Do you know every cat has four bears?
Do you know every cat has four bears?Do you know every cat has four bears?
Do you know every cat has four bears?
 
大学教員になりたい企業人の皆様へ
大学教員になりたい企業人の皆様へ大学教員になりたい企業人の皆様へ
大学教員になりたい企業人の皆様へ
 
情報系学部におけるBYODの試み
情報系学部におけるBYODの試み情報系学部におけるBYODの試み
情報系学部におけるBYODの試み
 
The Semiotics of Toilet Signs
The Semiotics of Toilet SignsThe Semiotics of Toilet Signs
The Semiotics of Toilet Signs
 
OpenCampus2019_Tama
OpenCampus2019_TamaOpenCampus2019_Tama
OpenCampus2019_Tama
 
不偏分散ではなぜNでなくN-1で割るのか
不偏分散ではなぜNでなくN-1で割るのか不偏分散ではなぜNでなくN-1で割るのか
不偏分散ではなぜNでなくN-1で割るのか
 
2019年春季HCD研究発表会特別講話
2019年春季HCD研究発表会特別講話2019年春季HCD研究発表会特別講話
2019年春季HCD研究発表会特別講話
 
UXDの課題
UXDの課題UXDの課題
UXDの課題
 
2019年度BYODソフトウェアインストールガイダンス資料
2019年度BYODソフトウェアインストールガイダンス資料2019年度BYODソフトウェアインストールガイダンス資料
2019年度BYODソフトウェアインストールガイダンス資料
 
Twitterでみる社会のトレンド
Twitterでみる社会のトレンドTwitterでみる社会のトレンド
Twitterでみる社会のトレンド
 
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
The presentation material for my lecture at the open campus, 22nd Sep. 2018 (2)
 
The presentation material for my lecture at the open campus, 22nd Sep. 2018
The presentation material for my lecture at the open campus, 22nd Sep. 2018The presentation material for my lecture at the open campus, 22nd Sep. 2018
The presentation material for my lecture at the open campus, 22nd Sep. 2018
 
Lessons Learned from Data Preparation for Geographic Information Systems Usin...
Lessons Learned from Data Preparation for Geographic Information Systems Usin...Lessons Learned from Data Preparation for Geographic Information Systems Usin...
Lessons Learned from Data Preparation for Geographic Information Systems Usin...
 
図書館利用実態の可視化 および 読書感想文コンクール作品の分析
図書館利用実態の可視化 および 読書感想文コンクール作品の分析図書館利用実態の可視化 および 読書感想文コンクール作品の分析
図書館利用実態の可視化 および 読書感想文コンクール作品の分析
 
たこ焼き屋で学ぶ情報隠蔽
たこ焼き屋で学ぶ情報隠蔽たこ焼き屋で学ぶ情報隠蔽
たこ焼き屋で学ぶ情報隠蔽
 
トイレサインとピクトグラム
トイレサインとピクトグラムトイレサインとピクトグラム
トイレサインとピクトグラム
 

Recently uploaded

PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
nkrafacyberclub
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
Vlad Stirbu
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
Peter Spielvogel
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
RinaMondal9
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 

Recently uploaded (20)

PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 

An introduction to NUI

  • 1. An Introduction to NUI NUI programming seminar Jun Iio, Ph.D. Chuo University
  • 2. An introduction to NUI Copyright © Jun Iio 2 Self-introduction ● Prof. Jun Iio, Ph.D. Dept. of Socio-Informatics, Faculty of Letters, Chuo University ● 1994-2013, Working for Mitsubishi Research Institute ● 2013-2014, Assoc. Prof. of Chuo University ● 2014-Current, Prof. of Chuo University ● Also, 2009-, Guest Assoc. Prof. of Tokyo University of Agriculture and Technology ● My interests are – Software Engineering, Image Processing, Open-Source Software, User Interface, etc.
  • 3. An introduction to NUI Copyright © Jun Iio 3 What is NUI? ● NUI stands for Natural User Interface ● Improvement of the User Interface? – CUI -> GUI -> NUI? ● Let's look back on the history of UI...
  • 4. An introduction to NUI Copyright © Jun Iio 4 The first step of data input methods for computers source: Wikimedia
  • 5. An introduction to NUI Copyright © Jun Iio 5 Emerging personal computers source: Wikimedia (CC BY-SA 2.0 fr) Commodore PET 2001 computer. On display at the Musée Bolo, EPFL, Lausanne. The making of this document was supported by Wikimedia CH.
  • 6. An introduction to NUI Copyright © Jun Iio 6 CUI(Character User Interface)
  • 7. An introduction to NUI Copyright © Jun Iio 7 GUI(Graphical User Interface)
  • 8. An introduction to NUI Copyright © Jun Iio 8 WIMP W … Windows I … Icons M … Menus P … Pointers
  • 9. An introduction to NUI Copyright © Jun Iio 9 Physical peripherals ● Keyboard ● Pointing devices – Mouse – Track-point – Track-ball – Touch pad – Touch panel
  • 10. An introduction to NUI Copyright © Jun Iio 10 Novel operations ● Tap – Double tap – Tap and hold ● Flick, drag ● Pinch – Pinch in – Pinch out ● Shake, bump(!) – (Grab) source: http://bump.softonic.jp/iphone
  • 11. An introduction to NUI Copyright © Jun Iio 11 Elemental technologies ● Contact-type – Touch interface ● Multi touch, touch display, pressure-sensitive input ● (Image input, acceleration sensor) ● Contactless-type – Space devices ● Image input, three dimensional measurement – Gesture interface ● Human body modeling, inverse kinematics ● Acceleration sensor (motion, direction, inclination) ● Muscle potential measurement
  • 12. An introduction to NUI Copyright © Jun Iio 12 An impact of Windows 8 source: http://fesoku.net/archives/6029501.html
  • 13. An introduction to NUI Copyright © Jun Iio 13 Multi-touch ● http://kivy.org/
  • 14. An introduction to NUI Copyright © Jun Iio 14 TUIO ● Tangible User Interface Objects
  • 15. An introduction to NUI Copyright © Jun Iio 15 CCV(Community Core Vision) ● Poorman's multi-touch device? Video
  • 16. An introduction to NUI Copyright © Jun Iio 16 3D mouse
  • 17. An introduction to NUI Copyright © Jun Iio 17 Kinect
  • 18. An introduction to NUI Copyright © Jun Iio 18 OpenNI
  • 19. An introduction to NUI Copyright © Jun Iio 19 Leap Motion Video
  • 20. An introduction to NUI Copyright © Jun Iio 20 Myo Video
  • 21. An introduction to NUI Copyright © Jun Iio 21 Ring Video
  • 22. An introduction to NUI Copyright © Jun Iio 22 Gesture interface ● Maximum benefit – “Direct manipulation” – It enables to control the target directly source: ”Make It So”
  • 23. An introduction to NUI Copyright © Jun Iio 23 Note for the NUI designs ● Natural User Interface development is still in progress ● Considerable features: 1. How to realize input methods which can not make users tired? 2. “Mode” problem of gesture input 3. Haptic information (feedbacks of user's operation) ● Learning from SciFi movies – What are applications using NUI efficiently?
  • 24. An introduction to NUI Copyright © Jun Iio 24 References “Make It So” (Japanese Translation)
  • 25. An introduction to NUI Copyright © Jun Iio 25 “Minority Report” ● A “prototype meter” for the gesture interface ● Lessons learned: – A grate demo hide many flaws – A gesture interface should understand intent source: ”Make It So”
  • 26. An introduction to NUI Copyright © Jun Iio 26 Enthusiasts for keyboards source: http://www.pfu.fujitsu.com/hhkeyboard/hhkbpro/black.html source: http://www.kmecs.com/products/detail_267.html
  • 27. An introduction to NUI Copyright © Jun Iio 27 Haptic devices ● An input was completed? or not? ● Why does this keyboard make user feel unpleasant? source: http://www.itmedia.co.jp/pcuser/articles/1204/06/news033.html
  • 28. An introduction to NUI Copyright © Jun Iio 28 Haptic devices ● It enables the feedbacks of user's input by touch information such as vibration, resistant force, and/or motion. ● Cf. “Myo uses a pattern of vibration as the notice for user's input” source: http://lab.sekaimon.com/index/index/c/58058/ym/201201/p/2/ajax/1
  • 29. An introduction to NUI Copyright © Jun Iio 29 Grammar for the gesture input source: Leap Motion SDK API document
  • 30. An introduction to NUI Copyright © Jun Iio 30 Grammar for the gesture input source: https://support.getmyo.com/hc/en-us/articles/201135025-Controlling-media-with-your-Myo-armband
  • 31. An introduction to NUI Copyright © Jun Iio 31 Hollywood's pidgin ● Wave to activate ● Push to move ● Turn to rotate ● Swipe to dismiss ● Point or touch to select ● Extend the hand to shoot ● Pinch and spread to scale
  • 32. An introduction to NUI Copyright © Jun Iio 32 Wave to activate source: ”Make It So”
  • 33. An introduction to NUI Copyright © Jun Iio 33 Push to move source: ”Make It So”
  • 34. An introduction to NUI Copyright © Jun Iio 34 Turn to rotate source: ”Make It So”
  • 35. An introduction to NUI Copyright © Jun Iio 35 Swipe to dismiss source: ”Make It So”
  • 36. An introduction to NUI Copyright © Jun Iio 36 Point or touch to select source: ”Make It So”
  • 37. An introduction to NUI Copyright © Jun Iio 37 Extend the hand to shoot source: ”Make It So”
  • 38. An introduction to NUI Copyright © Jun Iio 38 Pinch and spread to scale source: ”Make It So”
  • 39. An introduction to NUI Copyright © Jun Iio 39 Be careful if you propose a novel gesture out of the seven patterns ● Another patter can lead users misunderstanding or confusing ● Considering global rules and local rule – Gestures in Japanese culture – Gestures in another country's culture source: Fuji television
  • 40. An introduction to NUI Copyright © Jun Iio 40 Dependency of local cultures source: http://matome.naver.jp/odai/2133536386030621501
  • 41. An introduction to NUI Copyright © Jun Iio 41 Dependency of local cultures source: http://matome.naver.jp/odai/2133536386030621501
  • 42. An introduction to NUI Copyright © Jun Iio 42 An application of Kinect ● Y. Nakano, T. Tohyama, and S. Kanemune, “Comparison of Japanese Input Methods for Kinect” In proc. of IPSJ- SSS2013, 173-175. – https://www.faceboo k.com/media/set/? set=a.18358989182 3257.1073741846.1 72555706260009
  • 43. An introduction to NUI Copyright © Jun Iio 43 Applications using NUI ● It should be considered what scene requires NUI fundamentally? ● In the case of promotion videos for Myo: – Controlling drone, sphero, and UMV... “It would be enough to use a controller!” ● It is suitable for the situations where a user cannot use his/her own hands – Controlling recipe video when cooking – tele-surgery
  • 44. An introduction to NUI Copyright © Jun Iio 44 Future of interfaces ● NUI does not replace {CUI, GUI} – Programming using NUI? -> a distant idea Practica l Abstrac t Professional use General purpose CUI GUI NUI
  • 45. An introduction to NUI Copyright © Jun Iio 45 Conclusions ● Progress of interacting user and computer: CUI -> GUI -> NUI – NUI study is the blue ocean and in progress ● Elemental technologies for NUI – multi-touch, 3D measurement, acceleration sensors, muscle potential measurement ● How to solve some problems in gesture UI – Tiredness, mode-problem, haptic interface ● How to make a grammar for gesture UI – Not only hardware but also cultural constraints should be considered!