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
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
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.4k
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
330
OLTA株式会社/デザイン紹介資料
taxy
0
290
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.2k
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
290
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1.1k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
840k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.7k
「デザイン」を信じるには
iflection
0
230
Crisp Code inc. ブランドガイドライン
so_kotani
1
180
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
230
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.8k
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
82
Code Review Best Practice
trishagee
68
18k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Fireside Chat
paigeccino
37
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
850
KATA
mclloyd
29
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
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ఆੑௐࠪͰͳ͘ఆྔௐࠪΛ༻͍Δɻ ۃʹ༏Εͨɺ·ͨۃʹࠅ͍ϚΠΫϩΠϯλϥΫγϣϯͰͳ͍͔͗ΓɺఆੑௐࠪͰϚΠΫ ϩΠϯλϥΫγϣϯͷଥੑΛஅ͢Δ͜ͱ΄΅ෆՄೳ