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

"最短でwow!!を生み出す" オンボーディングのUXデザイン

MakotoInage
February 27, 2018

"最短でwow!!を生み出す" オンボーディングのUXデザイン

UX JAM 24で登壇した際の資料です。
2018年1月に実施したオンボーディング改善のお話をしました。

▼UX JAM 24
https://uxmilk.connpass.com/event/79584/

▼イベント概要
UX JAMはUX MILK主催の、UXを題材にした「ゆるい」勉強会/交流会イベントです。座学的なUXのセミナーというより、参加者同士でより気軽にUXについて話し合えるような場です。

交流会とLT(ライトニングトーク)を交互に行っていくスタイルのイベントです。

MakotoInage

February 27, 2018
Tweet

More Decks by MakotoInage

Other Decks in Design

Transcript

  1. ࠷୹ͰXPXΛੜΈग़͢
    ΦϯϘʔσΟϯάͷ69σβΠϯ
    Ҵໟ੣
    גࣜձࣾϚωʔϑΥϫʔυ

    View Slide

  2. Ҵໟ੣
    גࣜձࣾϚωʔϑΥϫʔυσβΠφʔ
    ೥݄৽ଔೖࣾ
    UXJUUFSɿ[email protected]

    View Slide

  3. ࣗಈՈܭ฽ΞϓϦɾϚωʔϑΥϫʔυͷσβΠϯΛ୲౰

    View Slide

  4. ෼Ͱ࿩͢͜ͱ
    w ϚωʔϑΥϫʔυͷXPXମݧ
    w վળલͷ՝୊
    w վળࡦ
    w ·ͱΊ

    View Slide

  5. ϚωʔϑΥϫʔυͷXPXମݧ

    View Slide

  6. ࣗಈՈܭ฽ɾࢿ࢈؅ཧαʔϏε
    ϚωʔϑΥϫʔυ
    Ոܭ΍ࢿ࢈ͳͲͷɺ
    ݸਓͷ͓ۚʹؔ͢Δݱঢ়΍՝୊Λ
    ϦΞϧλΠϜʹՄࢹԽ͢Δɻ
    ϚωʔϑΥϫʔυͱ͸

    View Slide

  7. ۜߦɾΫϨΧͳͲͷ
    ϩάΠϯ৘ใΛ࿈ܞ
    ϚωʔϑΥϫʔυͷXPXମݧ

    View Slide

  8. ϚωʔϑΥϫʔυͷXPXମݧ
    ۜߦɾΫϨΧͳͲͷ
    ϩάΠϯ৘ใΛ࿈ܞ

    View Slide

  9. ೖग़ۚ΍ߪೖཤྺΛऔಘ
    ࣗಈͰՈܭ฽Λੜ੒
    ϚωʔϑΥϫʔυͷXPXମݧ
    ۜߦɾΫϨΧͳͲͷ
    ϩάΠϯ৘ใΛ࿈ܞ

    View Slide

  10. ϚωʔϑΥϫʔυͷXPXମݧ
    ೖग़ۚ΍ߪೖཤྺΛऔಘ
    ࣗಈͰՈܭ฽Λੜ੒
    ۜߦɾΫϨΧͳͲͷ
    ϩάΠϯ৘ใΛ࿈ܞ

    View Slide

  11. վળલͷ՝୊

    View Slide

  12. ϚωϑΥϫʔυͷXPXମݧ͸
    ۚ༥ػؔΛ࿈ܞ͢Δ͜ͱͰੜ·ΕΔ

    View Slide

  13. վળલͷ՝୊
    ࿈ܞ͢ΔϝϦοτ͕఻Θ͍ͬͯͳ͍
    ࿈ܞͬͯͳʹʁ
    Ͳ͏ͳΔͷʁ

    View Slide

  14. ՝୊ͷ;͔΅Γௐࠪ
    ໨త
    վળલͷը໘Λૢ࡞ͯ͠΋Β͍
    ݱঢ়ͷ՝୊Λચ͍ग़͢
    ର৅
    ϚωʔϑΥϫʔυΛ࢖ͬͨ͜ͱͷͳ͍ਓ
    ௐࠪ಺༰
    ʮॳճμ΢ϯϩʔυʯʙʮޱ࠲࿈ܞʯ·Ͱͷ
    γφϦΦΛ༻ҙ͠ςετΛ࣮ࢪ

    View Slide

  15. ௐࠪ݁Ռ

    View Slide

  16. ௐࠪ݁Ռ
    ࣗ෼Ͱ͚ͭͳͯ͘΋ʁ
    Ͳ͏͍͏͜ͱʁ

    View Slide

  17. ௐࠪ݁Ռ
    ࣗ෼Ͱ͚ͭͳͯ͘΋ʁ
    Ͳ͏͍͏͜ͱʁ
    αʔϏεΛ࿈ܞʁ
    4/4࿈ܞʁ

    View Slide

  18. ௐࠪ݁Ռ
    ࣗ෼Ͱ͚ͭͳͯ͘΋ʁ
    Ͳ͏͍͏͜ͱʁ
    αʔϏεΛ࿈ܞʁ
    4/4࿈ܞʁ
    ͓٬༷൪߸ͬͯ
    Կͷ΍ͭͩΖ͏ʁ

    View Slide

  19. ௐࠪ݁Ռ
    ࣗ෼Ͱ͚ͭͳͯ͘΋ʁ
    Ͳ͏͍͏͜ͱʁ
    αʔϏεΛ࿈ܞʁ
    4/4࿈ܞʁ
    ͓٬༷൪߸ͬͯ
    Կͷ΍ͭͩΖ͏ʁ ࿈ܞ͢Δͱ
    Ͳ͏ͳΔͷʁ

    View Slide

  20. վળࡦ

    View Slide

  21. ՝୊఺Λղফ͢Δίϛϡχέʔγϣϯ
    ࿈ܞͱ͸ɾ࿈ܞ͢ΔͱͲ͏ͳΔͷ͔
    ΞχϝʔγϣϯΛ༻͍ͯ఻͑Δ
    αʔϏεར༻ͷ
    ϝϦοτΛ͸͡Ίʹ఻͑Δ

    View Slide

  22. ࿈ܞͷྲྀΕΛεϜʔζʹ
    #&'03&

    View Slide

  23. ࿈ܞͷྲྀΕΛεϜʔζʹ
    ΦϯϘʔσΟϯάͰԿ͔ͭ͸ۚ༥ػؔΛ࿈ܞ͢ΔྲྀΕʹ
    #&'03&
    "'5&3

    View Slide

  24. ·ͱΊ

    View Slide

  25. ·ͱΊ
    ࠷୹ͰXPXΛੜΈग़͢ΦϯϘʔσΟϯάΛσβΠϯ͢ΔͨΊʹ
    ࣗ෼ͨͪͷαʔϏεΛ࢖ͬͨ͜ͱͷͳ͍
    ͓٬͞Μ΁ௌ͖ʹߦ͜͏ʂ

    View Slide

  26. ϚωʔϑΥϫʔυ͸
    σβΠφʔɾΤϯδχΞืूதͰ͢

    View Slide

  27. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide