電子カルテならではの要望に応えるUI/UX #uxmilk_fest

UX MILK Fest 2019で発表した時のスライド資料です。

Transcript

1. © 2019 CLIPLA Inc.
   ిࢠΧϧςͳΒͰ͸ͷཁ๬ʹԠ͑ΔUI/UX
   2019/09/14 UX MILK Fest 2019
   @shokolateday
   

   View Slide

2. © 2019 CLIPLA Inc.
   2
   @shokolateday
   2018೥7݄ΫϦϓϥೖࣾ
   σβΠϯશൠ
   ࢓༷ܾΊɺ࣮૷(VueɺRailsɺRuby)
   ϓϩτ࡞੒
   ओ࠵ษڧձ
   RESTful
   ͱ͸
   ̏୅໨σβΠφ
   3ਓͷ͓฼͞Μ!"#
   ͓લ୭ʁ
   

   View Slide

3. © 2019 CLIPLA Inc.
   3
   

   View Slide

4. © 2019 CLIPLA Inc.
   4
   ಉ͡άϧʔϓձࣾͷϧφϧφͱఏܞ
   

   View Slide

5. © 2019 CLIPLA Inc.
   5
   ࢈්ਓՊ൛΋։ൃத…. ʂʂ
   

   View Slide

6. © 2019 CLIPLA Inc.
   6
   Χϧς͔ͩΒͦ͜ҙ͍ࣝͯ͠Δ͜ͱ
   ؟Պ͸҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ
   (Ϟʔυ੾Γସ͑ΛSassͷม਺Ͱ৭Λมߋ͍ͯ͠·͢)
   

   View Slide

7. © 2019 CLIPLA Inc.
   7
   Ϩηϓτιϑτ
   ͱͷ࢓༷౷Ұ
   ࢖͍ճ͠΍͢͞
   Do
   ঺հঢ়౳ͷςϯϓϨ
   ΩʔϘʔυೖྗͷগͳ͞ ηοτ΍୯Ґͷ
   ΧελϚΠζੑ
   બ୒ͷ͠΍͢͞
   ৘ใͷೖྗ͠΍͢͞
   

   View Slide

8. © 2019 CLIPLA Inc.
   8
   ηΩϡϦςΟΨΠυϥΠϯ ۃྗলུ͠ͳ͍ ϞʔμϧΛݮΒ͢
   ࡟আͷ͠ʹ͘͞ ࢖͍ͬͯΔͱग़ͯ͘Δػೳ ϥϕϧ͸ۃྗ೔ຊޠ
   ৘ใͷਖ਼֬ੑɺ҆શͷ୲อ
   ͍͋͏
   ͓͑
   

   View Slide

9. © 2019 CLIPLA Inc.
   9
   ؟Պ͸҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ
   (Ϟʔυ੾Γସ͑ΛSassͷม਺Ͱ৭Λมߋ͍ͯ͠·͢)
   ΧϧςͳΒͰ͸ͷཁ๬ͱͦΕʹԠ͑ͨػೳྫ
   

   View Slide

10. © 2019 CLIPLA Inc.
    10
    (ϞʔυΛ൑ఆ͠SassͷΈͰ৭Λมߋͯ͠ରԠ)
    ؟Պ༻ʹμʔΫϞʔυόʔδϣϯΛ༻ҙ
    ҉ࣨͰݟͯ΋
    ᚶ͘͠ͳ͍Α͏ʹ
    

    View Slide

11. © 2019 CLIPLA Inc.
    11
    ؟Պ͸҉ࣨͰݟΔ͜ͱ͕ଟ͘ɺᚶ͍͠ɻͦ͜ͰμʔΫϞʔυ
    (Ϟʔυ੾Γସ͑ΛSassͷม਺Ͱ৭Λมߋ͍ͯ͠·͢)
    ؟Պݕ߲ࠪ໨
    ݕࠪͳͷͰτϯτϯ
    ೖྗͰ͖ΔΑ͏ʹ
    ਺஋͕෯޿͍ͷͰɺ
    ೖྗ͕େม
    ࣮ࡍ͸ಈըͰ͢
    

    View Slide

12. © 2019 CLIPLA Inc.
    12
    ࣍ճࢦࣔॻΛҰຕʹ
    ࢦࣔॻΛ
    ઈର1ຕʹೲΊ͍ͨ
    (ڧ͍ࢥ͍)
    ҹ࡮ͯ͠ΫϦΞϑΝΠϧʹ
    ೖΕΔͷͰ
    ͻͬ͘Γฦ͢ͷ͕खؒ
    

    View Slide

13. © 2019 CLIPLA Inc.
    ইප໊ͷम০ޠػೳ
    13 อݥ਍ྍͷཧղͷͨΊʹ - ްੜ࿑ಇল
    ࢀߟ:
    ӈࣖ + தࣖԌ
    म০ޠ
    ઀಄ޠ
    
    + ͷ͍ٙ
    म০ޠ
    ઀ඌޠ
    
    ইප໊
    

    View Slide

14. © 2019 CLIPLA Inc.
    ইප໊ͷम০ޠػೳͰମݧͯ͠΄͍͜͠ͱ
    14
    ೖྗ͠΍͍͢
    ॻ͖௚͠΍͍͢
    ϊϯ
    ΩʔϘʔυͰ
    ݴ༿Λ૊Έ
    ཱͯ΍͍͢
    ਍࡯࣌ؒͷ
    ୹ॖ
    Ϛ΢εҠಈ
    ڑ཭ͷ୹͞
    ௝͍͠ػೳ͚ͩͲ
    ݟͨ͜ͱ͋Δ΋ͷ
    

    View Slide

15. © 2019 CLIPLA Inc.
    ελΠϧʹ͍ͭͯ
    εϥΠυαΠζ
    ɾA4αΠζʢ29.7cm x 21cmʣ
    จࣈ৭(ΧελϜΧϥʔ͔Βબ୒Ͱ͖·͢ʣ
    ςϯϓϨʔτͰ࢖༻͍ͯ͠Δจࣈ৭
    ɾλΠτϧɾຊจɿਂ྘ ◆ #004350
    ɾαϒλΠτϧɿάϨʔ ◆ #7c8789
    ଞΧελϜΧϥʔ
    ɾϩΰΧϥʔɿ੨྘ ◆ #0090a9
    ɾΞΫηϯτΧϥʔɿΦϨϯδ ◆ #e5860c
    15
    ܗͰ઀಄ޠɺ઀ඌޠ͕
    Θ͔ΔΑ͏ʹ
    બ୒ͯ͠ප໊Λ
    ૊ΈཱͯΔͱ͜͏͍͏ײ͡
    

    View Slide

16. © 2019 CLIPLA Inc.
    ҩྍۀք͸ߟ͑Δ͜ͱ͕͍ͬͺ͍ɻ
    ະ։୓ͳ෦෼΋͍ͬͺ͍ɻ
    ΍Γ͕͍΋͍ͬͺ͍ɻ
    ೉͍͠ɻָ͍͠ɻ
    ҩྍ ✖ σβΠϯ =
    

    View Slide

17. © 2019 CLIPLA Inc.
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide