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.1k
電子カルテならではの要望に応える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.2k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
340
おうちミートアップ
shokolateday
0
1.2k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
700
Rubyが私にくれたもの
shokolateday
4
1.4k
Other Decks in Design
See All in Design
Building a mindful relationship with digital media for zillennials prone to anxiety
mastervicedesign
0
160
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
370
UIをもたらすコンテクストの考察
securecat
9
2.8k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
富山デザイン勉強会-2024年デザイントレンド.pdf
keita_yoshikawa
2
130
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
870
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
160
JBUG京都#1登壇資料_「考える」をマネジメントする_ビーワークス高濱
webnaut
0
390
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
220
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
3
2.7k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
220
Featured
See All Featured
Scaling GitHub
holman
458
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Side Projects
sachag
451
42k
Six Lessons from altMBA
skipperchong
24
3.2k
Music & Morning Musume
bryan
43
5.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
4 Signs Your Business is Dying
shpigford
178
21k
Writing Fast Ruby
sferik
623
60k
Code Review Best Practice
trishagee
58
16k
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠