Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
業務システム狂詩曲
Search
8845musign
February 09, 2019
Design
2.3k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
業務システム狂詩曲
DIST.25 「管理画面から考えるUX」
8845musign
February 09, 2019
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.5k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
370
業務システムに必要なアクセシビリティ
8845musign
1
1.2k
READING The Atomic Workflow
8845musign
3
810
いまさら styled components 入門した
8845musign
3
980
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.9k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.2k
感性デザインとは?
8845musign
4
2k
○DD駆動開発
8845musign
1
190
Other Decks in Design
See All in Design
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
Jun Wei Portfolio 2026
wjw100788
PRO
1
360
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
320
Starfall (2025)
rezaline
0
160
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
340
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
300
開閉UIのアニメーション設計
hiro0218
2
1.1k
Edmonton River Slidedeck
edmontonriver
0
420
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
22k
Typographie et intégration web
goetter
0
160
言幹と言葉(Stems & Leaves)
kakukoki
0
240
【2026】ポートフォリオ_大坪明日香
tsubo52
0
130
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Designing for Performance
lara
612
70k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
980
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
850
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
400
The Art of Programming - Codeland 2020
erikaheidi
57
14k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
530
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
How to Talk to Developers About Accessibility
jct
2
570
How STYLIGHT went responsive
nonsquared
100
6.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
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*ͷۀ࠷దԽ λεΫͷࣗಈԽ ແବͳۀͷ࠶ߟ ຊ͓ ͯ͠·ͤΜ͕
·ͱΊ ׂ͝ͱͷ
ӡ༻ ։ൃͱͦ͏ ຊ࣭ΛݟΑ͏ ׳Ε͖ͯ͋ΒΊͳ͍
։ൃ ۀΛΖ͏ ӡ༻Λ·ͣՋʹ͠Α͏ ӡ༻ͱҰॹʹΖ͏
ΈΜͳ νʔϜͷྗΛ৴͡Ζ ҰਓΑΓೋਓɺೋਓΑΓΈΜͳͩΑͶ
Τϐϩʔά
ΫϥΠΞϯτ ৽͍͠՝͕Ͱ͖ͯͨΑʙ ͓ͬ͠Όʔ͜ΕͰࣾχʔτͩͧʂ ΅͘ ӡ༻ʹऴணͳ͠ɺܧଓվળͩ ΅͘
Ϛωʔδϟʔ ͻ͍͑͐͐͐ʙʙʙ ͋ͱ͜ͷϓϩδΣΫτͱɺ ͜ͷϓϩδΣΫτ͓ئ͍Ͷʂ ظతͳϓϩμΫτϏδϣϯ ࣮ݱ͔ͯ͠ͳ͍ͱͶʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ωλఏڙɾൃද༰म ಉ྅ͷΈͳ͞Μ͋Γ͕ͱ͏ʂ