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
2k
業務システム狂詩曲
DIST.25 「管理画面から考えるUX」
8845musign
February 09, 2019
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
770
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
230
業務システムに必要なアクセシビリティ
8845musign
1
1k
READING The Atomic Workflow
8845musign
3
670
いまさら styled components 入門した
8845musign
3
860
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2k
感性デザインとは?
8845musign
4
1.8k
○DD駆動開発
8845musign
1
140
Other Decks in Design
See All in Design
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4k
aya_murakami_portfolio
ayakaimi1101
0
1.2k
OLTA株式会社/デザイン紹介資料
taxy
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
210
横断組織デザイナーの働き方
mixi_design
PRO
0
340
Goodpatch Tour💙 / We are hiring!
goodpatch
31
800k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
570
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
280
Personal Story Sequence - Vendetta(WIP)
elrns88
0
410
Featured
See All Featured
Making Projects Easy
brettharned
116
6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
BBQ
matthewcrist
87
9.5k
Scaling GitHub
holman
459
140k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing for humans not robots
tammielis
250
25k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Statistics for Hackers
jakevdp
797
220k
GitHub's CSS Performance
jonrohan
1030
460k
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*ͷۀ࠷దԽ λεΫͷࣗಈԽ ແବͳۀͷ࠶ߟ ຊ͓ ͯ͠·ͤΜ͕
·ͱΊ ׂ͝ͱͷ
ӡ༻ ։ൃͱͦ͏ ຊ࣭ΛݟΑ͏ ׳Ε͖ͯ͋ΒΊͳ͍
։ൃ ۀΛΖ͏ ӡ༻Λ·ͣՋʹ͠Α͏ ӡ༻ͱҰॹʹΖ͏
ΈΜͳ νʔϜͷྗΛ৴͡Ζ ҰਓΑΓೋਓɺೋਓΑΓΈΜͳͩΑͶ
Τϐϩʔά
ΫϥΠΞϯτ ৽͍͠՝͕Ͱ͖ͯͨΑʙ ͓ͬ͠Όʔ͜ΕͰࣾχʔτͩͧʂ ΅͘ ӡ༻ʹऴணͳ͠ɺܧଓվળͩ ΅͘
Ϛωʔδϟʔ ͻ͍͑͐͐͐ʙʙʙ ͋ͱ͜ͷϓϩδΣΫτͱɺ ͜ͷϓϩδΣΫτ͓ئ͍Ͷʂ ظతͳϓϩμΫτϏδϣϯ ࣮ݱ͔ͯ͠ͳ͍ͱͶʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ωλఏڙɾൃද༰म ಉ྅ͷΈͳ͞Μ͋Γ͕ͱ͏ʂ