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
360
マイクロインタラクション
マイクロインタラクションを読んだ後の適当なまとめ。
間違った認識の可能性大。
oodemi
April 06, 2014
Tweet
Share
More Decks by oodemi
See All by oodemi
開発プロセスの改革を促進し変化を楽しむチームを作る「振り返り」
oodemi
1
160
Building Design Systems with Atomic Design
oodemi
4
5.1k
ESLintプラグインでAST入門
oodemi
0
1k
Other Decks in Design
See All in Design
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
280
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.1k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
890
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
Haruki_Konaka_Portforio.pdf
haruki556
0
650
Improve a service workshop
mastervicedesign
1
110
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
3
170
Design System for training program
mct
0
280
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
400
Yahoo Newsletter Clicker Template
xuechunwu
0
290
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Site-Speed That Sticks
csswizardry
0
25
Optimizing for Happiness
mojombo
376
70k
The Cost Of JavaScript in 2023
addyosmani
45
6.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Into the Great Unknown - MozCon
thekraken
32
1.5k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Visualization
eitanlees
145
15k
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ఆੑௐࠪͰͳ͘ఆྔௐࠪΛ༻͍Δɻ ۃʹ༏Εͨɺ·ͨۃʹࠅ͍ϚΠΫϩΠϯλϥΫγϣϯͰͳ͍͔͗ΓɺఆੑௐࠪͰϚΠΫ ϩΠϯλϥΫγϣϯͷଥੑΛஅ͢Δ͜ͱ΄΅ෆՄೳ