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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Shoko Terajima
September 14, 2019
Design
10k
4
Share
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
UX MILK Fest 2019で発表した時のスライド資料です。
Shoko Terajima
September 14, 2019
More Decks by Shoko Terajima
See All by Shoko Terajima
デザイナがエンジニアの 知識を持つこと
shokolateday
2
1.6k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
440
おうちミートアップ
shokolateday
0
1.5k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
860
Rubyが私にくれたもの
shokolateday
4
1.6k
Other Decks in Design
See All in Design
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
230
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.3k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.5k
なぜ、インサイトを貯めるのか?
tajima_kaho
2
2k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.1k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
150
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
130
「見せる」登壇資料デザインの極意
takanorip
3
840
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
200
Storyboard Exercise: Chase Sequence
lynteo
1
310
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
250
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
340
Featured
See All Featured
Google's AI Overviews - The New Search
badams
0
1k
New Earth Scene 8
popppiees
3
2.3k
Balancing Empowerment & Direction
lara
6
1.1k
How to Ace a Technical Interview
jacobian
281
24k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
120
Agile that works and the tools we love
rasmusluckow
331
21k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
370
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
The World Runs on Bad Software
bkeepers
PRO
72
12k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
Why Our Code Smells
bkeepers
PRO
340
58k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠