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

"トップページ"のUXを考える

Iku Kamiya
April 23, 2020
130

 "トップページ"のUXを考える

【UX JAM Online #03 LT資料】

Iku Kamiya

April 23, 2020
Tweet

Transcript

  1. 69+".0OMJOF
    lτοϓϖʔδzͷ69Λߟ͑Δ
    ਆ୩Үc1BZLF
    !

    View Slide

  2. ਆ୩Ү
    1BZLF *OD-FBE%FTJHOFS
    PYP

    View Slide

  3. τοϓϖʔδͷ69
    ʢίϯγϡʔϚʔ޲͚ϞόΠϧΞϓϦͷʣ

    View Slide

  4. σβΠφʔͱͯ͠ॳΊͯؔΘͬͨͷ͸
    :BIPP+"1"/τοϓ

    View Slide

  5. lτοϓϖʔδzʹ͸ɺͦͷαʔϏεͷ
    ίΞʹͳΔମݧ͕٧·͍ͬͯΔ
    ϝσΟΞͱͯ͠
    ʢτϐοΫεɺλΠϜϥΠϯʣ
    ݕࡧπʔϧͱͯ͠
    ϙʔλϧαΠτͱͯ͠
    ʢ֤αʔϏε΁ͷಋઢʣ
    ϥΠϑϥΠϯͱͯ͠
    ʢۓٸ͔ͭॏཁͳ͓஌Βͤʣ

    View Slide

  6. ͜Ε·ͰؔΘͬͨαʔϏεͨͪ
    ೔ຊ࠷େڃͷϙʔλϧαΠτ
    େ੾ͳϞϊͷฆࣦΛ๷͙
    ๚೔࣌ͷγϣοϐϯάࢧԉ

    View Slide

  7. ͜Ε·ͰؔΘͬͨαʔϏεͨͪ
    ೔ຊ࠷େڃͷϙʔλϧαΠτ
    େ੾ͳϞϊͷฆࣦΛ๷͙
    ๚೔࣌ͷγϣοϐϯάࢧԉ
    ͦΕͧΕίΞʹͳΔମݧ͸
    શ͘ҟͳΔ

    View Slide

  8. View Slide

  9. .".03*0ͷঢ়ଶΛ
    ΞϓϦ͔Β֬ೝͰ͖Δ
    ϝΠϯػೳ
    େ੾ͳϞϊͷ
    ฆࣦΛ๷͙
    ίΞʹͳΔମݧ

    View Slide

  10. Ұൠతͳτοϓϖʔδͷઃܭࢥ૝
    ೔ৗͷதͰͷ઀఺ʢىಈճ਺ʣΛ૿΍ͨ͢Ίʹ
    τοϓϖʔδʹϑοΫͱͳΔίϯςϯπΛஔ͘
    ىಈ ىಈ ىಈ ىಈ ىಈ

    View Slide

  11. ʮͳ͔ͨ͘͠΋ʁʯͱώϠοͱͨ͠λΠϛϯάͰ
    ΞϓϦΛ։͍ͯ΋Β͏
    ฆࣦλΠϛϯά ฆࣦλΠϛϯά
    ฏৗ࣌ ฏৗ࣌
    ىಈ ىಈ
    .".03*0ͷτοϓϖʔδͷ৔߹

    View Slide

  12. ϞϊͷฆࣦΛ๷͙
    ίΞʹͳΔମݧ
    Ϣʔβʔͷ࣋ͪ෺ͷঢ়ଶ͕
    Ұ໨ͰΘ͔Δτοϓϖʔδ

    View Slide

  13. View Slide

  14. όʔίʔυΛಡΈऔΔͱ
    ঎඼৘ใΛଟݴޠͰදࣔ
    ϝΠϯػೳ
    ๚೔࣌ͷγϣοϐϯάΛ
    ָ͘͠ɾศརʹ͢Δ
    ίΞʹͳΔମݧ

    View Slide

  15. ཱྀφΧ
    ཱྀϚΤ
    ىಈ ىಈ
    1BZLFͷτοϓϖʔδͷ৔߹
    ཱྀΞτ
    ىಈ
    ىಈ ىಈ
    ࣮ࡍʹϢʔβʔ͕೔ຊΛ๚ΕͨλΠϛϯάͰ
    ΞϓϦͷ͜ͱΛࢥ͍ग़͠ɺ։͍ͯ΋Β͍͍ͨ

    View Slide

  16. ཱྀφΧ
    ཱྀϚΤ
    ىಈ ىಈ
    1BZLFͷτοϓϖʔδͷ৔߹
    ཱྀΞτ
    ىಈ
    ىಈ ىಈ
    ͦͷͨΊʹɺཱྀϚΤɾཱྀΞτͷϑΣʔζͰ
    ʮ͜ͷΞϓϦ͸໾ʹཱͭʯͱೝࣝͤ͞Δ

    View Slide

  17. ๚೔࣌ͷങ͍෺Λ
    ศརʹɾָ͘͠
    ίΞʹͳΔମݧ
    ϝΠϯػೳʹεΩϟϯͷ
    ಋઢΛ໨ཱͨͤͳ͕Β
    ๚೔࣌ͷങ͍෺ϞνϕΛ
    ্͛ΔΑ͏ͳτοϓϖʔδ

    View Slide

  18. ๚೔࣌ͷങ͍෺Λ
    ศརʹɾָ͘͠
    ίΞʹͳΔମݧ
    ϝΠϯػೳʹεΩϟϯͷ
    ಋઢΛ໨ཱͨͤͳ͕Β
    ๚೔࣌ͷങ͍෺ϞνϕΛ
    ্͛ΔΑ͏ͳτοϓϖʔδ

    View Slide

  19. ·ͱΊΔͱ

    View Slide

  20. lτοϓϖʔδzʹ͸ɺͦͷαʔϏεͷ
    ίΞʹͳΔମݧ͕٧·͍ͬͯΔ
    ಛघͳঢ়گԼͰͷར༻Λ૝ఆͨ͠ΞϓϦͷ৔߹
    ʮͦͷঢ়گͰ࢖͏͜ͱʹಛԽͨ͠τοϓϖʔδʯ΍
    ʮͦͷঢ়گʹࢸΔ·Ͱ
    ϢʔβʔΛ཭୤ͤ͞ͳ͍τοϓϖʔδʯΛ
    ઃܭ͢Δඞཁ͕͋Δ

    View Slide

  21. 69+".0OMJOF
    ਆ୩Үc1BZLF
    !
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide