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
8845musign
February 09, 2019
Design
4
2.1k
業務システム狂詩曲
DIST.25 「管理画面から考えるUX」
8845musign
February 09, 2019
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.2k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
270
業務システムに必要なアクセシビリティ
8845musign
1
1.1k
READING The Atomic Workflow
8845musign
3
730
いまさら styled components 入門した
8845musign
3
920
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.1k
感性デザインとは?
8845musign
4
1.9k
○DD駆動開発
8845musign
1
160
Other Decks in Design
See All in Design
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
450
Yumika Yamada Portfolio
yumii
0
2.1k
mount_company_profile
mount_inc
0
2.3k
Vibe Coding デザインシステム
poteboy
1
1.2k
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.1k
decksh object reference
ajstarks
2
1.3k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
役立つシステムを作るためのAI活用
kanzaki
0
110
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
550
「UXとUIの違い」v2
shirasu3
0
260
佐藤千晶|ポートフォリオ
chimi_chia
0
210
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
880
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
We Have a Design System, Now What?
morganepeng
53
7.8k
Why Our Code Smells
bkeepers
PRO
340
57k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
A better future with KSS
kneath
239
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Writing Fast Ruby
sferik
630
62k
Transcript
None
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO σβΠφʔͩΑʙ
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO σβΠϯ ϓϩάϥϛϯά ΔΑ
ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ!NVTJHO ਓͱ͠ΌΔΑΓ ήʔϜͱ͠ΌͬͯΔ΄͏͕ ָ͍͠ʙ
ϥΠλʔ ಛԽܕ ࡏϫʔΫ ϝσΟΞ ίϯςϯπ Ϛʔέ ςΟϯά ͦͷଞ
ۀγεςϜཧը໘ͷվળ ຊ͓͢Δ͜ͱ
ۀγεςϜͷվળ ຊ͓͢Δ͜ͱ ϑΟΫγϣϯΛؚΈ·͢
ळʜ Ϛωʔδϟʔ ۀγεςϜͷσβΠϯͬͯͶ ΞΠΞΠαʙ ࠓɺӡ༻ͷख͕Γͯͳ͍͔Β Ұ୴ӡ༻ͰೖͬͯɺۀΛษڧͯ͠Ͷ ΅͘
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ฐࣾ ϑϦʔϥϯε Ҋ݅ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ΞαΠϯ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ೲ γεςϜ
#UP#Ҋ݅ཧγεςϜ ΫϥΠΞϯτ ӡ༻νʔϜ ϑϦʔϥϯε Ҋ݅ ೖྗ ೲ ೲ γεςϜ
ۀ࠷దԽ͞Ε͍ͯͳ͍γεςϜ ಉ͡ख࡞ۀͷ܁Γฦ͠ པΈͷߝࢹνΣοΫ
ຖճ͘Δక ͞Βʹ
ʮർΕͨʜேͱҧ͏ࣗʹͳͬͯΔʁʯ ̔࣌ؒ͘Β͍ಇ͍ͨ΅͘
ർΕͱͱʹڱ·Δࢹ
ർΕͱͱʹڱ·Δࢹ য͕͍͋ͮΒ͘ͳΔ ײ֮Ͱ୳͢ใ அ͕͘͠ͳ͍ͬͯ͘
ʮͳΜ͔ಉ྅͕ົʹ༏͘͠ͳͬͨͳʁʯ
ࢥߟఀࢭੇલ Կߟ͑ΒΕͳ͍ʜ ࠓΛͳΜͱ͔Γӽ͑Α͏ खΛಈ͔͢εϐʔυΛ͘͠Α͏ ࡞ۀ࣌ؒΛ૿ͦ͏
վળͷػձ͚͋ͬͨͲ ໌վળ͞Εͳ͍ΜͰ͔͢ʁ ʮҊ݅ͷΞαΠϯΛޮԽ͢ΔͨΊʹ"ػೳΛ ߟ͍͑ͯΔΑɺ։ൃɺ̎ϲ݄͔͔Δ͚Ͳʯ
վળͷػձ͚͋ͬͨͲ ໌վળ͞Εͳ͍ΜͰ͔͢ʁ ʮҊ݅ͷΞαΠϯΛޮԽ͢ΔͨΊʹ"ػೳΛ ߟ͍͑ͯΔΑɺ։ൃɺ̎ϲ݄͔͔Δ͚Ͳʯ ෩अͰ৸ࠐΜͰΔਓʹ༧ҩྍͷ ༗ޮੑΛઆ͍ͯແବ
ཁग़͚ͯͨ͠ΕͲ ͦΜͳՋͳ͍ʜ ʮͦΕຊʹඞཁʁͲΕ͚ͩΔͷʁ ·ͣ·ͱΊͯཉ͍͠ɻʯ
͋ʙʙউखʹ͕ΜΖʜ
͠Βͯ͘͠ ൟظࣄ͕̎ഒʹ૿͑ΔΑʂ ˞࣮ࡍʹ̏ഒ͘Β͍૿͑ͨ ΘΘʙɺཧతʹࢮʹ·͢Ͷ Ϛωʔδϟʔ
ࢮ͵ͷצห͍ͨ͠ ࢮ͵ΑΓʜվળʜ
վળϧʔϓΛճͨ͢Ίʹ༨༟Λʂ ܁Γฦ͠࡞ۀͷࣗಈԽ ӡ༻ͱζϨͯΔ6*ͷཧ ࠓޙͷվળͷҝʹ·ͣ࣌ؒ֬อ ·ͣ༨༟Λ࣋ͨͳͬͪ͘Όʂ
ࣗಈೖྗπʔϧॻ͍ͨ ࣗಈԽ ϝʔϧͰ͘ΔҊ݅ใΛ ίϐϖೖྗ ϑΥʔϜΛࣗಈతʹ ݀ຒΊ ϒϥβ֦ுͰ࡞ +4͔͚Εҙ֎ͱ؆୯̇
ࢦͨ͠ ςΩτʔʹ࡞ΔΜͩʂ ࣗಈԽ Ͱ0, ύλʔϯ ࣗಈԽ͢Δ࡞ۀ
6*վળ ۀʹ߹Θͤͯ͗མͱ͢Μͩʂ ༏ઌʹ߹Θͤͯ6*Λཧ ͬͯͳ͍ʗݟͯͳ͍ඇදࣔʗআ ΞΫηγϏϦςΟ 6*վળ
ཧ 6*վળ Ҋ݅ݕࡧ ύϥϝʔλ" ߲ ߲ ߲ ߲ εςʔλε ߲
߲ ߲ ߲ Ҋ໊݅ *% Φϓγϣϯ 0/ ݕࡧ ͪ͝Ό͋ʜ
ཧ 6*վળ Ҋ݅ݕࡧ *% ݕࡧ Ҋ໊݅ ৄ͍͠ݕࡧ݅
ཧ 6*վળ Ҋ݅ݕࡧ *% ݕࡧ Ҋ໊݅ ৄ͍͠ݕࡧ݅ Α͘͏߲Λ࠷લ ͨ·ʹ͏߲ඇදࣔ Θͳ͍ͷݟ͍͑ͯͳ͍
ʮ;ͭ͏ʯʹ͚͍ۙͮͯ͘ ʮͨΓલʯΛ࠷ॳ͔Β࡞Δͷ͍͠ɻ 6*վળ ͍͞͞ͳվળਖ͕ੵΕࢁͱͳΔɻ ۀγεςϜͰݦஶͰ͢ɻ ҰֶͭΜͩΒย͔ͬΒ͍͍ͤɺ͘ͳ͍
ۀࢭΊͳ͍ɺͰ߈ΊΔ ϛογϣϯΫϦςΟΧϧͳγεςϜ
γεςϜ ϒϥβ֦ு 6*վળ ࣗಈԽ σʔλݕࡧ άϧʔϐϯά ߈ΊΔͨΊʹɺγεςϜͷ֎͔Β Ϣʔβ ελΠϧγʔτ εϓϨου
γʔτ
γεςϜ Ϣʔβ ελΠϧγʔτ εϓϨου γʔτ ϒϥβ֦ு 6*վળ σʔλݕࡧ άϧʔϐϯά ࣗಈԽ
γεςϜ͞ΘΒͳ͍ͷͰյΕͳ͍ʂ ߈ΊΔͨΊʹɺγεςϜͷ֎͔Β
߈ΊΔͨΊʹɺγεςϜͷ֎͔Β γεςϜ ϒϥβ֦ு 6*վળ σʔλݕࡧ άϧʔϐϯά ࣗಈԽ όϦσʔγϣϯͦͷ··͑Δʂ ͓͔͠ͳσʔλ ͕ೖΔͷΛ͛Δ
Ϣʔβ ελΠϧγʔτ εϓϨου γʔτ
ηʔϑςΟ͕͋Ε߈ΊΒΕΔʂ ΈΜͳͰվળ͢ΔΜͩͥʙ γεςϜͷνΣοΫΛ׆͔͢ ࢹ֬ೝ͜͜Ͱਖ਼ٛ ଞӡ༻ͷϝϯόʔʹஞҰ'#Λґཔ
߈ΊͷϓϩτλΠϐϯά ΨϯΨϯͯ͠ɺఆ࣌Ͱ͔͑Ζʂ ຊ൪ڥͰςετͯ͠͠·͏ ͘Β͍Ͱ࣮ '#ड͚ͨΒଈௐ
ྑ͘ͳ͕ͬͨʜ πʔϧ͕େྔʹͰ͖ΔͷࠔΔ ӡ༻࠷ऴతʹఔʹѹॖ ͔͠͠ӡ༻ൃ৴ͷվળͰݶք͕ ͔͜͜Βۀ͞Βʹ૿Ճ͢Δ༧ఆ
ӡӦ͚ͩͰͩΊͩ ۭ͍ͨ࣌ؒͰ։ൃͱҰॹʹվળ͢Δͧͱ
։ൃͱ͏Ұ͖߹͏ ։ൃ͔ΒվળఏҊ࣮ଟ͔ͬͨ ΅͘ΒͷఏҊΑΓʮʯͦ͏ʂ ͕͔͔࣌ؒΒͣʹޮՌ͕͕͋Γͦ͏ͳ ఏҊ͕ଟ͔ͬͨ
ཁͷग़͠ํΛม͑ͨ ʷʮ#ͱ͍͏ػೳΛՃ͍ͯͩ͘͠͞ɻʯ ˓ʮ"ͱ͍͏Λղܾ͍ͨ͠ͷͰ͕͢ɺ ɹɹ#ͱ͍͏ํ๏͕͋Γͦ͏Ͱ͢ɻʯ ։ൃා͘ͳ͍ΑʂຯํͩΑʂ
ຖͷ࡞ۀґཔΛม͑ͨ ࡞ۀͷϫέΛ͔ͳΒͣఴ͑ͨ ʮࣗ͝ͱʯʹͯ͠Β͏ͨΊۀΛڞ༗ ͥ ʁ ͳ
ຊؾΛग़ͨ͠։ൃεΰ͔ͬͨ ։ൃ ΤοοʂʂʂʂਆͰʙɻ ΫϥΠΞϯτ߹ͷҊ݅σʔλมߋ ଟ͍Ͷɺӡ༻ͰͲ͏͠Α͏ͳͦ͞͏ɻ ͚ͬͯͨͲͦͷσʔλɺมߋ͕؆୯ʹ Ͱ͖Δը໘࡞ͬͯͨΜͩɺͬͯʙɻ
։ൃओମͷۀվળ ӡ༻͔ΒΈͨ։ൃͷεΰ͞
Ҋ݅ͷεέδϡʔϧΛѲ͖͠Εͳ͍ɺ γϑτ૿һܭը͕ͨͯΒΕͳ͍ͧʜɻ ൟظΛܴ͑ ʢฉ͖ࣖΛཱͯͯͨʣͰղܾͰ͖·͢ɻ ։ൃ Ϛωʔδϟʔ
3F%BTIͰ࡞ͬͨμογϡϘʔυ Ҋ݅ͷϐʔΫΛՄࢹԽ
ѹతεϐʔυͱ༗ޮੑ 3F%BTIɺ42-Λ͍ΕΔ͚ͩͰଈՄࢹԽ ී௨ʹ࡞ͬͨΒɺ3F%BTIͳΒ։ൃͳ͠ ॳखͰԦखΛऔΓʹߦ͘ͷ͕ΤϯδχΞΒ͍͠
ΤϯδχΞ ଵ͚ऀʢྑ͍ҙຯͰʣ ಇ͖ͨ͘ͳ͍Ͱ ͟͝ΔΑ
ʢ͓·͚ʣฐࣾ3F%BTIͷ͍ํ ΠϨΪϡϥʔͳۀͷݕ ্هใɾΞϥʔτΛ4MBDLʹఆظ௨ ച্ՄࢹԽ ۀྔͷՄࢹԽ
ঢ়گΛѲͯ͠ରԠ͢Δۀ͕͋ΔͷͰ Ξϥʔτग़ͤΔΑ͏ʹͯ͠΄͍͠ɻ ͞Βʹ ͦͷۀͳΒɺશ෦ࣗಈԽͰ͖ΔΜͰɻ ։ൃ ΅͘
։ൃʹۀَࣝʹۚ ඞཁͳࣝͱ͕࣌ؒ͋ΕͰ͖ͳ͍͜ͱͳ͍ Ձͷ࠷େԽ ͳͥ Δ͔ Ͳ͏ Δ͔ ߴ͍Ϩϕϧ Ͱͷཱ྆
ۀγεςϜվળͷਐΊํ ·Δͬͱ·ͱΊΔͱʂ
ࢦ͢ΰʔϧ λεΫ͕উखʹऴΘΔͷ͕Ұ൪ Ίͤ͟ʂࣾχʔτXXXXX ཧը໘͔Βཁૉ͕ফ͍͑ͯ͘ͷ͕Ұ൪ Կͨͬͯ͠ਓർΕΔɺ͜Εਅཧ
۩ମࡦ 6*ͷۀ࠷దԽ λεΫͷࣗಈԽ ແବͳۀͷ࠶ߟ ຊ͓ ͯ͠·ͤΜ͕
·ͱΊ ׂ͝ͱͷ
ӡ༻ ։ൃͱͦ͏ ຊ࣭ΛݟΑ͏ ׳Ε͖ͯ͋ΒΊͳ͍
։ൃ ۀΛΖ͏ ӡ༻Λ·ͣՋʹ͠Α͏ ӡ༻ͱҰॹʹΖ͏
ΈΜͳ νʔϜͷྗΛ৴͡Ζ ҰਓΑΓೋਓɺೋਓΑΓΈΜͳͩΑͶ
Τϐϩʔά
ΫϥΠΞϯτ ৽͍͠՝͕Ͱ͖ͯͨΑʙ ͓ͬ͠Όʔ͜ΕͰࣾχʔτͩͧʂ ΅͘ ӡ༻ʹऴணͳ͠ɺܧଓվળͩ ΅͘
Ϛωʔδϟʔ ͻ͍͑͐͐͐ʙʙʙ ͋ͱ͜ͷϓϩδΣΫτͱɺ ͜ͷϓϩδΣΫτ͓ئ͍Ͷʂ ظతͳϓϩμΫτϏδϣϯ ࣮ݱ͔ͯ͠ͳ͍ͱͶʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ωλఏڙɾൃද༰म ಉ྅ͷΈͳ͞Μ͋Γ͕ͱ͏ʂ