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
oodemi
April 06, 2014
Design
0
370
マイクロインタラクション
マイクロインタラクションを読んだ後の適当なまとめ。
間違った認識の可能性大。
oodemi
April 06, 2014
Tweet
Share
More Decks by oodemi
See All by oodemi
開発プロセスの改革を促進し変化を楽しむチームを作る「振り返り」
oodemi
1
170
Building Design Systems with Atomic Design
oodemi
4
5.2k
ESLintプラグインでAST入門
oodemi
0
1.1k
Other Decks in Design
See All in Design
Cyber Heart Online Book
hjnasby
0
110
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
280
UXデザインはなぜ定着しないのか?
designstudiopartners
0
700
Starry | Storyboards | Scene 1-21
giofortuna_story
0
280
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
minpaku-community-scrum-patterns
norinity1103
1
110
#Dubois Challenge 2025: Economics
ajstarks
0
110
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
120
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
380
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Designing for humans not robots
tammielis
253
25k
GraphQLとの向き合い方2022年版
quramy
47
14k
We Have a Design System, Now What?
morganepeng
53
7.7k
It's Worth the Effort
3n
185
28k
Git: the NoSQL Database
bkeepers
PRO
430
65k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
33
5.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Transcript
ϚΠΫϩ ΠϯλϥΫγϣϯ 6*69σβΠϯͷਆ͕॓Δࡉ෦
ಡΜͩຊ
ΞδΣϯμ 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ϥϕϧʹ͘໌շͳݴ༿Λ༻͍Δɻ
γεςϜτϦΨʔ wγεςϜτϦΨʔҎԼͷΑ͏ͳཁҼͰىಈ͢Δɻ wΤϥʔ wҐஔใ wσʔλͷ౸ண w෦σʔλ wͦͷଞͷϚΠΫϩΠϯλϥΫγϣϯ wFUDʜ
γεςϜτϦΨʔͷϧʔϧ wγεςϜτϦΨʔʹɺͦΕࣗମʹϧʔϧ͕ඞཁɻ ʢىಈͷ࣌ظִؒͳͲʣ wγεςϜτϦΨʔͷϧʔϧΛมߋɾௐ͢ΔͨΊͷखஈΛఏڙ͢Δɻ
ϧʔϧ
ϧʔϧͷσβΠϯ wʮͦͷϚΠΫϩΠϯλϥΫγϣϯ͕Ͳ͏ಈ͔͘ʯΛઐՈͰͳ͘ͱΘ͔ΔΑ ͏ʹઆ໌͢Δ୯७ͳϞσϧΛܾΊΔɻ wϧʔϧͷతཧղՄೳ͔ͭୡՄೳͰͳ͚ΕͳΒͳ͍ɻ ʢϩάΠϯͷϚΠΫϩΠϯλϥΫγϣϯͷతϢʔβʔʹύεϫʔυΛೖྗ ͤ͞Δ͜ͱͰͳ͘ɺϩάΠϯͤ͞ɺγεςϜʹೖΒͤΔ͜ͱʣ wϧʔϧ͕ܾΊΔ͜ͱɺʮԿ͕Ͱ͖Δ͔ʯͱʮԿ͕Ͱ͖ͳ͍͔ʯͷ;ͨͭɻ
θϩ͔Β࢝Ίͳ͍ wϧʔϧΛߟ͑Δͱ͖ɺϢʔβʔͱͦͷόοΫάϥϯυʹ͍͍ͭͯͬͯΔ ใΛར༻͢Δͱྑ͍ɻ wϓϥοτϑΥʔϜσόΠε wϢʔβʔͷՂࢠͷߦಈ w࣌ࠁ wͦͷϚΠΫϩΠϯλϥΫγϣϯ͕࠷ظʹΘΕ͔ͯΒܦաͨ࣌ؒ͠ wFUDʜ
ϚΠΫϩίϐʔ wϥϕϧɺࢦࣔͳͲ͍͘͝ςΩετͷ͜ͱɻ wϚΠΫϩίϐʔʮݻఆతͳϑΟʔυόοΫʯΛఏڙ͢Δɻ ʢྫɿ'#ͷʮ͍͍Ͷʂʯɻ੨͍എܠͷʮ͍͍Ͷʂʯͱ͍͏ݴ༿͕શͯΛઆ໌͍ͯ͠Δʣ wϥϕϧͰेͳΒɺૢ࡞Λࢦࣔ͢Δݴ༿Λ͏ඞཁͳ͍ɻ
ϑΟʔυόοΫ
ϧʔϧͷཧղΛॿ͚ΔϑΟʔυόοΫ wϑΟʔυόοΫͷతɺϚΠΫϩΠϯλϥΫγϣϯͷϧʔϧΛϢʔβʔʹཧ ղͯ͠Β͏͜ͱɻ wʮԿ͕ߦΘΕ͔ͨʯʮͦͷ݁Ռͱͯ͠Կ͕ى͖͔ͨʯΛΒͤΔ
ϑΟʔυόοΫΛఏڙ͢ΔλΠϛϯά wϑΟʔυόοΫΛग़͢ج४ʮඞཁੑʯ ʢϢʔβʔ͕Δඞཁͷͳ͍͜ͱΘ͟Θ͟ग़͢ඞཁͳ͍ʣ ! wखಈτϦΨʔͷޙɺϧʔϧΛखಈͰௐ͍ͯ͠Δ࠷தͦͷ͋ͱ wγεςϜτϦΨʔʹΑͬͯɺঢ়ଶʹஶ͍͠มԽ͕ͨΒ͞Εͨͱ͖ wϢʔβʔ͕ϧʔϧΛഁΓͦ͏ͳʢഁͬͯ͠·ͬͨʣͱ͖ྫ֎ͳ͘ৗʹ wγεςϜ͕ίϚϯυΛ࣮ߦͰ͖ͳ͍߹ wॏཁͳॲཧ͕͍ͬͯΔ߹ʢਐḿঢ়گʣ
ϑΟʔυόοΫͰ͑Δ͜ͱ wԿ͕ى͖͔ͨ wϢʔβʔ͕ԿΛ࣮ߦ͔ͨ͠ wॲཧͷ։࢝ wॲཧͷऴྃ wॲཧ͕ଓߦத wFUDʜ
ϑΟʔυόοΫͷϧʔϧ wϑΟʔυόοΫৗʹಉ͡ʹ͢Δඞཁͳ͍ɻ wϧʔϧΛఆΊɺ͍ͭɺͲͷΑ͏ͳϑΟʔυόοΫΛߦ͏͔Λม͍͑ͯ wίϯςΩετʹΑΔมԽ wܧଓ࣌ؒ wఔ
ݸੑΛදݱ͢Δखஈͱͯ͠ͷϑΟʔυόοΫ wϑΟʔυόοΫϚΠΫϩΠϯλϥΫγϣϯͷʮݸੑʯΛৢ͠ग़͢खஈͱͯ͠ ͑Δɻ wྫʣϑΟʔυόοΫʹʮද໘తʯͳਓؒΒ͠͞ΛͨͤΔɻ
ϧʔϓͱϞʔυ
Ϟʔυ wϧʔϧ͕ೋވҎ্ʹͳͬͨͷɻ wϚΠΫϩΠϯλϥΫγϣϯͷ߹ɺϞʔυΛઃ͚Δͷۃྗආ͚Δ͖ɻ w࣮ߦසͷ͍ૢ࡞͕͋ΓɺϞʔυΛΘͳ͚ΕϚΠΫϩΠϯλϥΫγϣϯ ͕ࡶʹͳΔΑ͏ͳ߹ʹݶΓɺϞʔυΛઃ͚Δɻ wϞʔυΛઃ͚Δ߹ɺͰ͖ΕϞʔυઐ༻ͷը໘Λ༰қ͢Δɻ
ϧʔϓ wఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧͷ͜ͱɻ wϧʔϓͷྫ wωοτϫʔΫଓ֬ೝΛճߦͬͨޙͰΤϥʔϝοηʔδΛදࣔ͢Δ wωοτϫʔΫʹଓ͞Ε͍ͯΕຖ5XJUUFSͷ৽͍͠ϝοηʔδΛ֬ೝ wະಡϝʔϧ݅͝ͱʹະಡදࣔΛ૿͢
ϩϯάϧʔϓ w͍ظؒʹΔϧʔϓ࣌ͱͱʹվྑ͞Ε͍ͯ͘ϧʔϓɻ wੵ͞ΕͨσʔλΛͱʹɺϚΠΫϩΠϯλϥΫγϣϯΛมԽ͍ͤͯ͘͞ɻ
ϑΟʔνϟʔΛ࡞Δ
ϚΠΫϩΠϯλϥΫγϣϯͷڠௐ wϚΠΫϩΠϯλϥΫγϣϯचͭͳ͗ʹ͢Δ͜ͱ͕Ͱ͖Δɻ wෳͷϚΠΫϩΠϯλϥΫγϣϯΛܨ͛Δ͜ͱʹΑͬͯɺ࠷ऴతʹ̍ͭͷϑΟʔ νϟʔ͕͢Δɻ
·ͱΊ
վΊͯ wϚΠΫϩΠϯλϥΫγϣϯ࠷খ୯ҐͷΠϯλϥΫγϣϯ wϚΠΫϩΠϯλϥΫγϣϯҎԼͷཁૉ͔Βߏ͞ΕΔ wϚΠΫϩΠϯλϥΫγϣϯ։࢝ͷ͖͔͚ͬͱͳΔʮτϦΨʔʯ wϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞Λఆٛ͢Δʮϧʔϧʯ wͦͷϧʔϧΛϢʔβʔʹࣔ͢ʮϑΟʔυόοΫʯ wϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧͰ͋ΔʮϧʔϓͱϞʔυʯ wখ͞ͳࢹͰ͜ΕΒΛߟ͑ɺ࠷ऴతʹ·ͱΊ্͛ͯ࠷ߴͷ69Λ࣮ݱͤ͞Δɻ
ϚΠΫϩΠϯλϥΫγϣϯ ͷςετ
ςετํ๏ w-FBO69ͷΑ͏ʹඞཁ࠷ݶͳػೳΛ࡞ͯ͠ݕূ͢ΔͷͰͳ͘ɺ ग़དྷΔ͚࣮ͩͷߴ͍ϓϩτλΠϓͰςετ͢Δɻ ϚΠΫϩΠϯλϥΫγϣϯͰͷίϯηϓτͰͳ͘ɺϑϩʔɾߏΛςετ͢Δ wఆੑௐࠪͰͳ͘ఆྔௐࠪΛ༻͍Δɻ ۃʹ༏Εͨɺ·ͨۃʹࠅ͍ϚΠΫϩΠϯλϥΫγϣϯͰͳ͍͔͗ΓɺఆੑௐࠪͰϚΠΫ ϩΠϯλϥΫγϣϯͷଥੑΛஅ͢Δ͜ͱ΄΅ෆՄೳ