Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Shoko Terajima
September 14, 2019

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

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

Shoko Terajima

September 14, 2019
Tweet

More Decks by Shoko Terajima

Other Decks in Design

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