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.5k
電子カルテならではの要望に応える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.3k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
380
おうちミートアップ
shokolateday
0
1.3k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
760
Rubyが私にくれたもの
shokolateday
4
1.5k
Other Decks in Design
See All in Design
NAHO SHIMONO_Portfolio2025
nahohphp
0
210
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
330
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
260
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
横断組織デザイナーの働き方
mixi_design
PRO
0
340
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
200
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
920
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.8k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
OLTA株式会社/デザイン紹介資料
taxy
0
120
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
0
100
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Code Review Best Practice
trishagee
67
18k
Music & Morning Musume
bryan
46
6.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
GraphQLとの向き合い方2022年版
quramy
44
14k
Become a Pro
speakerdeck
PRO
26
5.2k
Product Roadmaps are Hard
iamctodd
PRO
51
11k
Automating Front-end Workflow
addyosmani
1369
200k
Site-Speed That Sticks
csswizardry
4
410
Producing Creativity
orderedlist
PRO
344
40k
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠