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
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Shoko Terajima
September 14, 2019
Design
4
10k
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
UX MILK Fest 2019で発表した時のスライド資料です。
Shoko Terajima
September 14, 2019
Tweet
Share
More Decks by Shoko Terajima
See All by Shoko Terajima
デザイナがエンジニアの 知識を持つこと
shokolateday
2
1.5k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
440
おうちミートアップ
shokolateday
0
1.5k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
840
Rubyが私にくれたもの
shokolateday
4
1.5k
Other Decks in Design
See All in Design
mount_company_profile
mount_inc
0
5.9k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
210
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
440
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
190
Vibe Coding デザインシステム
poteboy
3
1.7k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
230
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
130
ドルちゃん
design_dolphins
0
590
Franks Myth
gfht1
2
450
つくり方を変えていく | change-how-we-build
mottox2
2
710
チームをデザイン対象にする / Design for your team
kaminashi
1
930
Treasure_Hunting
solmetts
0
330
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
How to train your dragon (web standard)
notwaldorf
97
6.6k
The Pragmatic Product Professional
lauravandoore
37
7.2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
100
First, design no harm
axbom
PRO
2
1.1k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
120
Leo the Paperboy
mayatellez
4
1.6k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
240
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
310
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
300
A designer walks into a library…
pauljervisheath
210
24k
Transcript
© 2019 CLIPLA Inc. ిࢠΧϧςͳΒͰͷཁʹԠ͑ΔUI/UX 2019/09/14 UX MILK Fest 2019
@shokolateday
© 2019 CLIPLA Inc. 2 @shokolateday 20187݄ΫϦϓϥೖࣾ σβΠϯશൠ ༷ܾΊɺ࣮(VueɺRailsɺRuby) ϓϩτ࡞
ओ࠵ษڧձ RESTful ͱ ̏σβΠφ 3ਓͷ͓͞Μ!"# ͓લ୭ʁ
© 2019 CLIPLA Inc. 3
© 2019 CLIPLA Inc. 4 ಉ͡άϧʔϓձࣾͷϧφϧφͱఏܞ
© 2019 CLIPLA Inc. 5 ࢈්ਓՊ൛։ൃத…. ʂʂ
© 2019 CLIPLA Inc. 6 Χϧς͔ͩΒͦ͜ҙ͍ࣝͯ͠Δ͜ͱ ؟Պ҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ (ϞʔυΓସ͑ΛSassͷมͰ৭Λมߋ͍ͯ͠·͢)
© 2019 CLIPLA Inc. 7 Ϩηϓτιϑτ ͱͷ༷౷Ұ ͍ճ͢͠͞ Do հঢ়ͷςϯϓϨ
ΩʔϘʔυೖྗͷগͳ͞ ηοτ୯Ґͷ ΧελϚΠζੑ બͷ͢͠͞ ใͷೖྗ͢͠͞
© 2019 CLIPLA Inc. 8 ηΩϡϦςΟΨΠυϥΠϯ ۃྗলུ͠ͳ͍ ϞʔμϧΛݮΒ͢ আͷ͠ʹ͘͞ ͍ͬͯΔͱग़ͯ͘Δػೳ
ϥϕϧۃྗຊޠ ใͷਖ਼֬ੑɺ҆શͷ୲อ ͍͋͏ ͓͑
© 2019 CLIPLA Inc. 9 ؟Պ҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ (ϞʔυΓସ͑ΛSassͷมͰ৭Λมߋ͍ͯ͠·͢) ΧϧςͳΒͰͷཁͱͦΕʹԠ͑ͨػೳྫ
© 2019 CLIPLA Inc. 10 (ϞʔυΛఆ͠SassͷΈͰ৭Λมߋͯ͠ରԠ) ؟Պ༻ʹμʔΫϞʔυόʔδϣϯΛ༻ҙ ҉ࣨͰݟͯ ᚶ͘͠ͳ͍Α͏ʹ
© 2019 CLIPLA Inc. 11 ؟Պ҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ (ϞʔυΓସ͑ΛSassͷมͰ৭Λมߋ͍ͯ͠·͢) ؟Պݕ߲ࠪ ݕࠪͳͷͰτϯτϯ ೖྗͰ͖ΔΑ͏ʹ
͕෯͍ͷͰɺ ೖྗ͕େม ࣮ࡍಈըͰ͢
© 2019 CLIPLA Inc. 12 ࣍ճࢦࣔॻΛҰຕʹ ࢦࣔॻΛ ઈର1ຕʹೲΊ͍ͨ (ڧ͍ࢥ͍) ҹͯ͠ΫϦΞϑΝΠϧʹ
ೖΕΔͷͰ ͻͬ͘Γฦ͢ͷ͕खؒ
© 2019 CLIPLA Inc. ইප໊ͷम০ޠػೳ 13 อݥྍͷཧղͷͨΊʹ - ްੜ࿑ಇল ࢀߟ:
ӈࣖ + தࣖԌ म০ޠ ಄ޠ + ͷ͍ٙ म০ޠ ඌޠ ইප໊
© 2019 CLIPLA Inc. ইප໊ͷम০ޠػೳͰମݧͯ͠΄͍͜͠ͱ 14 ೖྗ͍͢͠ ॻ͖͍͢͠ ϊϯ ΩʔϘʔυͰ
ݴ༿ΛΈ ཱ͍ͯ͢ ࣌ؒͷ ॖ ϚεҠಈ ڑͷ͞ ͍͠ػೳ͚ͩͲ ݟͨ͜ͱ͋Δͷ
© 2019 CLIPLA Inc. ελΠϧʹ͍ͭͯ εϥΠυαΠζ ɾA4αΠζʢ29.7cm x 21cmʣ จࣈ৭(ΧελϜΧϥʔ͔ΒબͰ͖·͢ʣ
ςϯϓϨʔτͰ༻͍ͯ͠Δจࣈ৭ ɾλΠτϧɾຊจɿਂ ◆ #004350 ɾαϒλΠτϧɿάϨʔ ◆ #7c8789 ଞΧελϜΧϥʔ ɾϩΰΧϥʔɿ੨ ◆ #0090a9 ɾΞΫηϯτΧϥʔɿΦϨϯδ ◆ #e5860c 15 ܗͰ಄ޠɺඌޠ͕ Θ͔ΔΑ͏ʹ બͯ͠ප໊Λ ΈཱͯΔͱ͜͏͍͏ײ͡
© 2019 CLIPLA Inc. ҩྍۀքߟ͑Δ͜ͱ͕͍ͬͺ͍ɻ ະ։ͳ෦͍ͬͺ͍ɻ Γ͕͍͍ͬͺ͍ɻ ͍͠ɻָ͍͠ɻ ҩྍ ✖
σβΠϯ =
© 2019 CLIPLA Inc. ͋Γ͕ͱ͏͍͟͝·ͨ͠