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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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.4k
ESLintプラグインでAST入門
oodemi
0
1.1k
Other Decks in Design
See All in Design
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
120
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
170
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.4k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
880
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
250
第18回サイゼミ
lw
1
2.9k
kintone Style Book
kintone
6
9.8k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
4
560
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
110
Featured
See All Featured
For a Future-Friendly Web
brad_frost
182
10k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
55
49k
The Language of Interfaces
destraynor
162
26k
The Cult of Friendly URLs
andyhume
79
6.8k
How STYLIGHT went responsive
nonsquared
100
6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
160
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
420
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
How Software Deployment tools have changed in the past 20 years
geshan
0
31k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Un-Boring Meetings
codingconduct
0
200
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ఆੑௐࠪͰͳ͘ఆྔௐࠪΛ༻͍Δɻ ۃʹ༏Εͨɺ·ͨۃʹࠅ͍ϚΠΫϩΠϯλϥΫγϣϯͰͳ͍͔͗ΓɺఆੑௐࠪͰϚΠΫ ϩΠϯλϥΫγϣϯͷଥੑΛஅ͢Δ͜ͱ΄΅ෆՄೳ