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
KeitaroOkamura
August 24, 2018
Design
1
240
マイクロインタラクションから考えるアニメーション
KeitaroOkamura
August 24, 2018
Tweet
Share
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
240
ヤギでもわかるソフトウェアテスト
keitarookamura
0
110
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
260
ヤギでもわかるGit入門
keitarookamura
1
220
ユースケースから考えるユーザビリティ
keitarookamura
1
160
サクッと簡単!お手軽 Scaffold
keitarookamura
1
250
自社サイトをPWA化した話
keitarookamura
0
97
CSS Animations vs WAAPI
keitarookamura
0
450
Vue.js+AtomicDesign
keitarookamura
2
2.6k
Other Decks in Design
See All in Design
Ubie Vitalsの取り組み紹介
8845musign
0
590
UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)
versionfive
7
2k
Design for disaster preparedness
norinity1103
0
120
WHAT ARE ME?
takuro_nakajima
PRO
0
1.8k
Sunny Day Storyboard
ctagulao98
0
190
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
710
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5.4k
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
プロダクトデザインは子育て/Product design is parenting
medley
0
510
MiKS inc. Company PR en_202404
zakkerooni
1
770
User Experience Design für Entwickler
joergneumann
4
910
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
200
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Fireside Chat
paigeccino
25
2.8k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Making Projects Easy
brettharned
111
5.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
In The Pink: A Labor of Love
frogandcode
139
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
GraphQLとの向き合い方2022年版
quramy
36
13k
For a Future-Friendly Web
brad_frost
173
9.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Transcript
ϚΠΫϩΠϯλϥΫγϣϯ ͔Βߟ͑Δ Ξχϝʔγϣϯ 6*ΠϯλϥΫγϣϯɾΞχϝʔγϣϯ-5େձ
ࣗݾհ ,FJUBSP0LBNVSB ΧϥϏφςΫϊϩδʔגࣜձࣾ 'SPOUFOE&OHJOFFS ϑϩϯτΤϯυΤϯδχΞੜ @karaagekeitaroo
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ࠓͷ༰
ɾʮ͜Εࡉ͔͍͜ͱ͚ͩΕͲվྑ͢ΔՁ ͕ઈରʹ͋Δʂʂʂʯ ɾʮ͜ΕΛվળ͢Ε͕֨ஈʹΑ͘ͳ Δʂʂʂʯ ͱओுͯ͠ɺ ΫϥΠΞϯτ։ൃऀཧऀɺ1.Λઆಘ͠Α͏ͱۤ৺͖ͯͨ͠ਓ ͜Μͳํ͍·ͤΜ͔ʁ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ͥͻಡΜͰ Έ͍ͯͩ͘͞
ϚΠΫϩΠϯλϥΫγϣϯͬͯԿʁ ϚΠΫϩΠϯλϥΫγϣϯͱʮͷ࠷খ୯ҐͷΠϯλ ϥΫγϣϯʯͱఆٛ͞Ε͍ͯΔɻ ͱͯখ͞ͳΓͱΓ
ΞϥʔτΛηοτ⏰ ύεϫʔυΛೖྗ✏ ϩάΠϯ͢Δ✅ ʮ͍͍Ͷʂʯ ϘλϯΛԡ͢ ୭͕ϚΠΫϩΠϯλϥΫγϣϯΛ ৗతʹߦͳ͍ͬͯΔ
“ ࡉ෦୯ͳΔࡉ෦ʹͱͲ·Γ·ͤΜɻࡉ෦ ͕ͦ͜Λ࡞Γ্͛ΔͷͰ͢” νϟʔϧζɾΠʔϜζ
τϦΨʔ ϧʔϧ ϧʔϓϞʔυ ϑΟʔυόοΫ ϚΠΫϩΠϯλϥΫγϣϯͭͷߏ
τϦΨʔ ϧʔϧ τϦΨʔϚΠΫϩΠϯλϥΫγϣϯΛ։࢝ͤ͞Δ͖͔͚ͬ ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞Λఆٛ͢ΔϧʔϧɻͲΜͳ࣌ʹɺԿΛରʹɺ ͲΜͳτϦΨʔͰΠϯλϥΫγϣϯ͕࢝·ΓɺͲͷΑ͏ʹϑΟʔυόοΫͤ͞ Δ͔ खಈτϦΨʔ γεςϜτϦΨʔ εϥΠυ͢Δ͜ͱͰ ిݯΛΔ
ॆి͕ҎԼʹͳΔ ͱɺলిྗϞʔυʹ Γସ͑Δ͔ΘΕΔ
ϑΟʔυόοΫ ϧʔϓϞʔυ ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ ௌ֮తɺ৮֮తͳཁૉ ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ ϧʔϓͱɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱϧʔϧ͕ೋވҎ ্ʹͳͬͨͷ ॆి͕ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ
ϑΟʔυόοΫ ϧʔϓϞʔυ ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ ௌ֮తɺ৮֮తͳཁૉ ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ ϧʔϓͱɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱϧʔϧ͕ೋވҎ ্ʹͳͬͨͷ ॆి͕ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ৄ͘͠ ͪ͜Β
ɾԿ͔͕ى͖ͨ ɾϢʔβʔ͕Կ͔Λ࣮ߦͨ͠ ɾॲཧ͕࢝·ͬͨPSଓߦதPSऴྃͨ͠ ɾϢʔβʔʹʮͦΕͰ͖ͳ͍ʯͱΒͤΔ ϑΟʔυόοΫͰ͑Δ͜ͱ
͍͑ͨࣄฑ͕͖ͬΓͨ͠Βɺ ͦΕΛͲ͏දݱ͢Δ͔ΛܾΊ·͢ දݱ͢Δํ๏
ɾϑΟʔυόοΫͷେࢹ֮తͳͷ͕ଟ͍ ɾٿ্ͰࣈΛಡΊͳ͍ਓͷԯ ສਓ͍Δ ϑΟʔυόοΫΛࢹ֮తʹૌ͑Δํ ๏ɺͦΕ͕Ξχϝʔγϣϯɻ ΞχϝʔγϣϯΛ͏·͑͘ɺؔ৺ΛҾ͖ͭͭɺ ҙຯਖ਼֬ʹ͑Δ͜ͱ͕Ͱ͖Δ
ɾߴ ɾಈ࡞ΛԆͤ͞ͳ͍ ɾΒ͔ ɾ͗͘͠Όͨ͘͠ಈ͖ΞχϝʔγϣϯͷޮՌΛແ͠ʹͯ͠͠·͏ ɾࣗવ ɾॏྗ׳ੑͳͲࣗવͷ๏ଇʹै͍ͬͯΔΑ͏ʹݟ͑Δ ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞͕ෆ҆ఆͰ͋Δ͔ͷΑ ͏ͳҹΛ༩͑ͯ͠·͏
ɾγϯϓϧ ɾਤ͕Θ͔Γ͍͢ ɾత͕͋Δ ɾ୯ͳΔʮͷอཆʯʹͱͲ·Βͳ͍ ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ Ϣʔβʔʹෛ୲Λ͔͚ͨΓɺϑΟʔυόοΫ͕త֎Εͳ ͷͰ͋ͬͯͳΒͳ͍
ϑΟʔυόοΫ ͷత ϧʔϧͷཧղΛ ॿ͚Δ͜ͱ ͭ·Γɾɾɾ
ϚΠΫϩΠϯλϥΫγϣϯͷϧʔϧΛϢʔβʔʹཧղͯ͠Β͏͜ͱ ɾԿ͕ߦΘΕ͔ͨ ɾͦͷ݁Ռͱͯ͠Կ͕ى͖͔ͨ Ξχϝʔγϣϯͤ͞Δత
ϚΠΫϩΠϯλϥΫγϣϯͷߏ͕Ͳ͏ͳ͍ͬͯΔ͔ɺ Կʹͨ͠ΒΑ͍ͷ͔ɺͲͷΑ͏ͳॲཧΛ͍ͯ͠Δ͔ ࠷ྑͷΞχϝʔγϣϯͱʁ ͦͷಈ͖ΛݟΕɺ Ͳ͏ػೳ͢Δ͔Λత֬ʹϢʔβʔʹ͍͑ͯΔ͜ͱ ʲ݁ʳ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ৄ͘͠ ͪ͜Β
ྑ͍ΞχϝʔγϣϯΛ