Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フィジカルインタラクションデザイン -センサーからデバイス連携まで、ブラウザの外のインタラクションデザインのコツ-
Search
Takuto Onishi
November 07, 2016
Programming
0
450
フィジカルインタラクションデザイン -センサーからデバイス連携まで、ブラウザの外のインタラクションデザインのコツ-
マートフォンの進化により、どんどんと扱えるセンサーの値が増えてきました。
このセッションでは、センサーを使った作例を通して、フィジカルインタラクションデザインの勘所を解説していきます。
Takuto Onishi
November 07, 2016
Tweet
Share
More Decks by Takuto Onishi
See All by Takuto Onishi
ARによる人間の認識能力拡張:掃除機の軌跡をAR化し自閉症児・者の自立活動支援へ活用
024t910
0
160
Phương pháp sử dụng AR để nắm bắt từ công nghệ và ý nghĩa(dotFes2018 VIETNAM Da Nang)
024t910
0
190
技術と意味から捉えるARの活用方法(dotFes2018VIETNAM Da Nang)
024t910
0
320
Other Decks in Programming
See All in Programming
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
puregoの活用例
aethiopicuschan
0
220
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
500
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
130
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
290
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
18
4.9k
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
220
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
100
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
170
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
250
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
110
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
318
37k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Teambox: Starting and Learning
jrom
128
8.4k
The Invisible Customer
myddelton
114
12k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
Unsuck your backbone
ammeep
662
57k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
A Modern Web Designer's Workflow
chriscoyier
688
190k
Facilitating Awesome Meetings
lara
41
5.6k
Transcript
ϑΟδΧϧΠϯλϥΫγϣϯσβΠϯ ηϯαʔ͔ΒσόΠε࿈ܞ·Ͱɺϒϥβͷ֎ͷΠϯλϥΫγϣϯσβΠϯͷίπ Δେਓ
େਓ ɺΔגࣜձࣾΛઃཱɻ͓ؔΑͼ౦ژͷ اۀސ٬ʹ͚ͨɺεϚʔτϑΥϯΞϓϦͷ։ൃɺ ϝʔΧʔలࣔձ͚ͷίϯςϯπ࡞ɺ8&#αʔ Ϗεͷ։ൃɺࢼ࡞ͷ։ൃͳͲΛडୗۀΛ த৺ʹߦ͍ͬͯΔɻ ΠϯελϨʔγϣϯͷษڧɺ੍࡞ίϛϡχςΟʮΠ ϯελ෦ʯΛӡӦ͢Δ΄͔ɺࣗͰϓϥΠϕʔ τϫʔΫΛاըɾ੍࡞͍ͯ͠Δɻ ژਫ਼՚େֶඇৗۈߨࢣɻ
Δͱ ݄ઃཱɻ͓ؔΑͼ౦ژͷاۀސ٬ʹ͚ͨɺεϚʔ τϑΥϯΞϓϦͷ։ൃɺϝʔΧʔలࣔձ͚ͷίϯςϯπ ࡞ɺ8&#αʔϏεͷ։ൃɺࢼ࡞ͷ։ൃͳͲΛडୗۀ Λத৺ʹߦ͍ͬͯΔɻ
εϚʔτϑΥϯʹࡌ͞Ε͍ͯΔηϯαʔ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ w ࣓ؾηϯαʔʢίϯύεʣ w (14ηϯαʔ w
#MVFUPPUIϞδϡʔϧ w ۙηϯαʔ w ؾѹηϯαʔ w λονσΟεϓϨΠ λονྖҬ Ϛϧνλον λονڧ w ϚΠΫ w Χϝϥ ˞J1IPOFJ04Λج४ͱͨ͠σʔλͰ͢ɻ
ϒϥβ͔Βར༻Ͱ͖Δηϯαʔ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ w ࣓ؾηϯαʔʢίϯύεʣ w (14ηϯαʔ w
#MVFUPPUIϞδϡʔϧ w ۙηϯαʔ w ؾѹηϯαʔ w λονσΟεϓϨΠ λονྖҬ Ϛϧνλον λονڧ w ϚΠΫ w Χϝϥ ˞J1IPOFJ04Λج४ͱͨ͠σʔλͰ͢ɻ
ࠓճ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ ʹߜΓɺ͜ͷͭΛͲ͏͍͔ͬͯ͢Λߟ͑Δɻ ͦΜͳηογϣϯͰ͢ɻ
࣠Ճηϯαʔ εϚϗͷ9:;࣠ͷઢํʹ͔ͬͯͷՃΛऔಘͰ͖Δɻ
࣠δϟΠϩηϯαʔ εϚϗͷ9:;࣠ͷճసʢͻͶΓʣͷ֯ΛऔಘͰ͖Δɻ
Ճηϯαʔͷੳํ๏ w ͰݟΔ w ॠؒతͳ༳Εিܸ w ࢟ͷݕग़ w ظؒͰݟΔ w
ूੵͨ͠ΛݟΔ w ฏۉͰݟΔ w ࠷େ࠷খͰݟΔ w ܗͰݟΔ w पղੳΛߦ͏ w ૬ؔͰࣅͨܗ͔Ͳ ͏͔Λ֬ೝ͢Δ w ػցֶशͰҟৗݕ
δϟΠϩηϯαʔͷੳํ๏ w ͰݟΔ w ॠؒతͳ༳Εিܸ w ࢟ͷݕग़ w ظؒͰݟΔ w
ूੵͨ͠ΛݟΔ w ฏۉͰݟΔ w ࠷େ࠷খͰݟΔ w ܗͰݟΔ w पղੳΛߦ͏ w ૬ؔͰࣅͨܗ͔Ͳ ͏͔Λ֬ೝ͢Δ w ػցֶशͰҟৗݕ w ΫΦʔλχΦϯʹม
ηϯαʔΛͬͨ ΠϯλϥΫγϣϯσβΠϯͷಛ εϚϗΛ࣋ͭखͷಈ͖͕࿈ಈ͢ΔͷͰɺ গͳ͍ΠϯετϥΫγϣϯͰ ϢʔβʔΞΫγϣϯΛଅ͢͜ͱ͕Ͱ͖Δɻ
ηϯαʔͷར༻ํ๏ͷྨ w ೳಈܕ ͦͷΠϯλϥΫγϣϯΛతʹϢʔβʔ͕ΞΫγϣϯΛߦ͏ɻήʔ ϜΤϯλʔςΠϯϝϯτܥʹ͘ɻ w Ճܕ ඞਢͰͳ͍͕ɺͦͷΠϯλϥΫγϣϯΛߦ͏͜ͱͰΑΓศརͩͬ ͨΓɺָ͘͠ͳͬͨΓ͢ΔɻπʔϧϢʔςΟϦςΟɺΤϯλϝ͚ w
જࡏܕ ϢʔβʔΠϯλϥΫγϣϯΛҙࣝͤͣɺࣗಈͰηϯαʔ͕ঢ়ଶΛऔ ಘ͢Δɻ
ೳಈܕͷྫ w ͓ͪΌ෩XFCΞϓϦ εϚϗΛৼΔͱԻ͕ͳΔɻ w δϟΠϩΛήʔϜίϯτϩʔϥʔʹ ͷ͖ͰϘʔϧΛస͕͢ήʔϜ
Ճܕͷྫ w ύϊϥϚXFCαΠτ ௨ৗͷXFCαΠτͷഎܠʹύϊϥϚը૾Λઃஔ w ը໘Λৼͬͯૢ࡞ΛΩϟϯηϧ
જࡏܕͷྫ w า͖εϚϗېࢭϓϥάΠϯ w ར༻ऀͷڥใΛऩूʢӾཡதͷ࢟า͖εϚϗதɺͳ ͕ΒεϚϗͳͲʣ
ϒϥβͷΈΛ ͑ͯߟ͑ͯΈΔ
*P5πʔϧͱͯ͠ͷεϚʔτϑΥϯ εϚʔτϑΥϯ༷ʑͳηϯαʔ௨৴Ϟδϡʔϧ͕ࡌͬͨɺ *P5ٕज़ͷๅݿɻ Θͳ͘ͳͬͨࣗͷεϚʔτϑΥϯɺձࣾͷݕূػͳͲΛ ͬͯͰ͖Δ*P5αʔϏεΛ͍͔ͭ͘ߟ͑ͯΈ·ͨ͠ɻ
ͦͦ*P5ͬͯʁ *OUFSOFUPG5IJOHʢϞϊͷΠϯλʔωοτʣͱ͍͏ߟ͑ํɻ ՈిΠϯςϦΞͳͲɺࠓ·ͰΠϯλʔωοτʹͭͳ͕͍ͬͯ ͳ͔ͬͨϞϊΛΠϯλʔωοτʹͭͳ͛Δ͜ͱͰɺ৽͍͠׆༻ ํ๏Λ͍͛ͯ͘ࢼΈɻ ࠷ۙΠϯλʔωοτʹͭͳ͕͍ͬͯͳ͍͚ͲεϚϗʹͭͳ͛ Ε*P5ͱݴͬͯ͠·͏ਓ͍ΔͷͰҙɻ
ϞϊʹεϚϗΛ͚ͬͭͯ͘*P5Խ͢Δ αϯϓϧ τΠϨͷศثʹεϚϗ ΛషΓ͚ɻࣗಈͰ֖ ͕ด·ΔλΠϓͷτΠ ϨͳΒɺ༻த͔൱͔ ͕ԕִͰΘ͔ΔΑ͏ʹ ͳΔɻ
ϞϊʹεϚϗΛ͚ͬͭͯ͘*P5Խ͢Δ Έ Ճηϯαʔ͔ΒεϚϗͷ͖Λݕɻ ͓͖ʹɺঢ়ଶΛXFCαʔόʔʹ௨͢ Δɻ
΄͔ʹ ྫྷଂݿͷυΞʹऔΓ͚ δϟΠϩηϯαʔͰ։ดΛݕɻͩͬͨΒ৯ࢭͷΞϥʔ τΛग़͢ γϟπͷഎதʹऔΓ͚ ࣄதͷೣഎΛՃηϯαʔͰ͖͔Βऔಘɻೣഎ͕ଓ͘ ͱɺը໘ʹΞϥʔτΛදࣔ ͳͲͳͲʜ
ηϯαʔΛ͏ͱ ਓͷߦಈΛτϦΨʔʹͯ͠ɺ͞·͟·ͳΠϯλϥΫγϣϯΛੜ Ή͜ͱ͕Ͱ͖·͢ɻ ϒϥβͷϚεࢦΩʔϘʔυʹଊΘΕͣɺ৽͍͠Πϯλ ϥΫγϣϯΛΈͳ͞ΜੋඇҰॹʹߟ͑ͯΈ·͠ΐ͏ɻ
ηϯαʔΛ༻͍ͨͷͮ͘ΓاըͷͨΊͷϑϨʔϜϫʔΫ ղܾ͍ͨ͠ ఏڙ͍ͨ͠Ձɾػೳ ରͱͳΔਓ ͖͔͚ͬʹͳΔߦಈ ηϯαʔͰଌΔཁૉ ηϯαʔ͕ൃಈͤ͞Δಈ࡞ ਓʹ༩͑ΔӨڹ ࠷ऴతʹఏڙ͢Δ ɾαʔϏεͷઆ໌
VALUE SOLUTION TARGET ACTION SENSING REACTION EFFECT