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
Shoko Terajima
September 14, 2019
Design
4
9.6k
電子カルテならではの要望に応える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.4k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
410
おうちミートアップ
shokolateday
0
1.4k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
790
Rubyが私にくれたもの
shokolateday
4
1.5k
Other Decks in Design
See All in Design
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.8k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
portfolio_YumiYasuda
yum0418
0
290
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
Bulletproof Design System with TypeScript
takanorip
6
3.6k
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
How to get a Tiger to Tulsa
mcduckyart
0
110
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
2k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
710
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Navigating Team Friction
lara
187
15k
GitHub's CSS Performance
jonrohan
1031
460k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Scaling GitHub
holman
460
140k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Visualization
eitanlees
146
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠