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
1.1k
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
250
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
8.1k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
430
横断組織デザイナーの働き方
mixi_design
PRO
0
290
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
590
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.5k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.3k
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.6k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
210
Night Shift (beginning sequence)
cpineda57
0
950
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Being A Developer After 40
akosma
89
590k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
500
The Language of Interfaces
destraynor
155
24k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
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ఆੑௐࠪͰͳ͘ఆྔௐࠪΛ༻͍Δɻ ۃʹ༏Εͨɺ·ͨۃʹࠅ͍ϚΠΫϩΠϯλϥΫγϣϯͰͳ͍͔͗ΓɺఆੑௐࠪͰϚΠΫ ϩΠϯλϥΫγϣϯͷଥੑΛஅ͢Δ͜ͱ΄΅ෆՄೳ