品質向上に繋ぐデザイン指標の作り方 v2

#六本木デザイナーズ

デザイナーはどのようにビジネスに貢献すれば良いのでしょうか？ユーザー数、PV、売上など、ビジネスとして注視しなければいけない数値がありますが、それらをただ上げれば良いというわけではありません。しかし、デザインを感覚的なところに留めたままだと、周りから何をしているか分からない存在になってしまいます。本セッションではプロダクトの品質を高めつつビジネスに貢献していることを説明しやすくする「デザイン指標」について解説。例を用いて実際にデザイン指標を作ってみます。

Transcript

1. ඼࣭޲্ʹܨ͙σβΠϯࢦඪͷ࡞Γํ
   ࿡ຊ໦σβΠφʔζ
   ௕୩઒ګٱ
   ೥݄೔
   

   View Slide

2. σβΠϯΛ
   Ͳ͏ܭଌ͠·͔͢ʁ
   ͲͷࢦඪΛݟ·͔͢ʁ
   ͦ΋ͦ΋ܭଌͰ͖Δ΋ͷʁ
   

   View Slide

3. View Slide

4. View Slide

5. Source: 95% сайтов в 2018-м году в одном UX-ролике
   

   View Slide

6. ਺஋্͛·͠ΐ͏จԽͷҋ
   Ϗδωεʹ͔ܽͤͳ͍͕ɺؾΛ͚ͭͳ͍ͱϢʔβʔମݧΛஶ͘͠ଛͳ͏
   ਺஋Λ্͛Δͷ͸୹ظ໨ඪʹͳΓ͕ͪ
   ਺஋ͱސ٬ຬ଍͸Ұ֓ʹൺྫ͍ͯ͠ͳ͍
   ٞ࿦͕͢΂͖ͱ͜Ζ͕ͩɺ
   σβΠφʔ͸ʜ
   ސ٬Ձ஋ΛݟఆΊΔͨΊͷจ຺ͷڞ༗͕ඞཁ
   

   View Slide

7. ཭୤཰
   70%
   ྑ͘ͳ͍ࢦඪͰ൑அ
   ݟํ࣍ୈͰํ޲ੑ͕มΘΔ
   

   View Slide

8. ཭୤཰
   70%
   ྑ͍ίϯςϯπ͕ඞཁ χʔζΛຬ͍ͨͯ͠Δ
   ίϯςϯπاըɾ੍࡞ Կ΋͠ͳ͍
   

   View Slide

9. ฆΒΘ͍͠ࢦඪ
   ද૚తͳ਺஋͚ͩͰ൑அ͢Δ͜ͱͷةݥੑ
   4%
   ίϯόʔδϣϯ཰
   10%
   ίϯόʔδϣϯ཰
   

   View Slide

10. 4%
    ίϯόʔδϣϯ཰
    10%
    ίϯόʔδϣϯ཰
    ๚໰ऀ਺ 5000
    ൢച਺ 200
    ๚໰ऀ਺ 1000
    ൢച਺ 100
    

    View Slide

11. ྑ͘ͳ͍ࢦඪͷڞ௨఺
    ࢦඪΛʰσβΠϯʱ͢Δ
    ༷ʑͳղऍ͕ੜ·ΕΔ
    վΊͯ෼ੳɾௐࠪ͠ͳ͍ͱཧղͰ͖ͳ͍
    Ϣʔβʔͷ࢟ɾߦಈ͕ݟ͑ʹ͍͘
    ؒҧͬͨ໨ඪʹ޲͔ͬͯਐΉ͜ͱ͕͋Δ
    

    View Slide

12. Plan
    ܭը
    Do
    ࣮ߦ
    Action
    վળ
    Check
    ධՁ
    Α͘ݟ͔͚Δਤ
    

    View Slide

13. Plan
    ܭը
    Do
    ࣮ߦ
    Action
    վળ
    Check
    ධՁ
    ݱ࣮
    

    View Slide

14. ධՁʹ͕͔͔࣌ؒΔ
    ޡͬͨධՁΛ͢ΔՄೳੑ
    σβΠϯدΓͷղܾ͕೉͍͠
    վળΛ͢Δ͕࣌ؒѹॖ͞ΕΔ
    ྑ͘ͳ͍ࢦඪ͕ੜΈग़͢1%$"
    

    View Slide

15. ച্
    རӹ
    ࢪࡦ
    

    View Slide

16. ച্
    རӹ
    ຬ଍౓ΛਤΔ
    ࢦඪ
    ࢪࡦ ސ٬ຬ଍
    ސ٬ຬ଍͕ച্ɾརӹʹܨ͕Δ͜ͱΛূ໌͢Δ
    

    View Slide

17. σβΠϯࢦඪͱ͸ʁ
    σβΠϯͷՁ஋ΛଌΔ
    Ϗδωεͷ੒௕ʹͭͳ͕Δސ٬ຬ଍ΛଌΔ
    ϢʔβʔʹՁ஋ఏڙ͍ͯ͠Δ͔Λܭଌ
    ސ٬ຬ଍Λ஌ΔͨΊͷߦಈ͸Կ͔
    ͦΕΒ͸ԿΛܭଌͨ͠ΒཧղͰ͖Δͷ͔
    

    View Slide

18. ACTIONABLE
    ࣮ߦՄೳ
    UNDERSTANDABLE
    ཧղՄೳ
    COMPARABLE
    ൺֱՄೳ
    ྑ͍σβΠϯࢦඪͷ৚݅
    ॻ੶ʮ-FBO"OBMZUJDTʯΑΓ
    NORMALIZED
    ׂ߹ɾൺ཰
    BEHAVIORAL
    ߦಈɾଶ౓
    

    View Slide

19. ϖʔδϏϡʔ
    1,000,000
    ԿΛ͢΂͖͔෼͔Βͳ͍
    ACTIONABLE
    ଟ͍͔গͳ͍͔෼͔Βͳ͍
    COMPARABLE
    ࢦඪͷ໨త͕෼͔Βͳ͍
    UNDERSTANDABLE
    Ϣʔβʔͷߦಈ͕෼͔Βͳ͍
    BEHAVIORAL
    

    View Slide

20. ԿΛ͢΂͖͔গ͠෼͔Δ
    ACTIONABLE
    গ͠ൺֱ͠΍͍͢
    COMPARABLE
    ࢦඪͷ໨త͕গ͠෼͔Δ
    UNDERSTANDABLE
    ߦಈ͕গ͠ݟ͍͑ͯΔ
    BEHAVIORAL
    Ұिؒͷ࠶๚໰ऀͷׂ߹
    32%
    

    View Slide

21. ԿΛ͢΂͖͔ߟ͑΍͍͢
    ACTIONABLE
    վળ͔ͨ͠ൺֱ͠΍͍͢
    COMPARABLE
    ࢦඪͷ໨త͕෼͔Δ
    UNDERSTANDABLE
    Ϣʔβʔͷߦಈ͕໌֬
    BEHAVIORAL
    ҰिؒͰ࠷ޙ·ͰهࣄΛಡΉ
    ࠶๚໰ऀͷׂ߹
    20%
    

    View Slide

22. ͷ࠶๚໰ऀ͕
    ຖिɺ࠷ޙ·Ͱ
    هࣄΛಡΜͰ͍Δ
    ϖʔδϏϡʔ
    ҙຯ͕ͳ͍
    ݄ؒ
    ๚໰ऀ਺
    ۩ମੑ͕ͳ͍
    Ұिؒʹ
    ࠶๚ͨ͠
    Ϣʔβʔͷׂ߹
    ྑ͍
    ҰिؒͰ
    ࠷ޙ·ͰಡΜͩ
    Ϣʔβʔͷׂ߹
    ૉ੖Β͍͠ ཧ૝
    

    View Slide

23. ྑ͍ࢦඪͷ࢓૊Έ
    ͷ࠶๚໰ऀ͕
    ຖिɺ࠷ޙ·Ͱ
    هࣄΛಡΜͰ͍Δ
    Ϣʔβʔͷ੒ޭମݧ
    ൺֱͰ͖Δظؒ
    ͙͢෼͔Δ໨ඪ
    ݟ͚ͨͩͰ෼͔Δ͜ͱ͕ॏཁ
    Ϣʔβʔଐੑ
    

    View Slide

24. ྑ͍ࢦඪͷ࢓૊Έ
    ͷ࠶๚໰ऀ͕
    ຖिɺ࠷ޙ·Ͱ
    هࣄΛಡΜͰ͍Δ
    ݟ͚ͨͩͰ෼͔Δ͜ͱ͕ॏཁ
    ਺஋͸ೖΕΔΑ͏ʹ͢Δ
    ࠷ॳ͸
    ʰצʱ
    Ͱྑ͍
    ܭଌޙɺ
    ௐ੔͢Δ
    ఆظతʹܭଌͯ͠ൺֱ͢Δश׳Λ
    

    View Slide

25. ྑ͍ࢦඪͷ࢓૊Έ
    ࢦඪΛʰσβΠϯʱ͢Δ
    Ϣʔβʔΰʔϧʹج͍͍ͮͯΔ
    ظ͕ؒ۠੾ΒΕ͍ͯΔ
    ਺஋͚ͩͳׂ͘߹ɾൺ཰ؚ͕·Ε͍ͯΔ
    ܭଌͷ݁Ռʹج͍ͮͯվળͰ͖Δ
    

    View Slide

26. ࢦඪ࡞ΓͷୈҰา
    σβΠϯࢹ఺ͱϏδωεࢹ఺Ͱߟ͑Δͭͷ࣭໰
    རӹΛੜΈग़͢ϢʔβʔͷλεΫ͸ʁ
    Ϣʔβʔδϟʔχʔ΍νϟωϧ͸Ͳ͏͔ʁ
    ૊৫ͱͯ͠ͷΰʔϧͱઓུ͸Կ͔ʁ
    ϓϩμΫτϩʔυϚοϓ͸ʁ
    

    View Slide

27. ·ͱΊ
    ͥͻσβΠϯࢦඪΛ࡞ͬͯΈ͍ͯͩ͘͞
    Ϣʔβʔͷ੒ޭମݧΛݴޠԽ
    ϏδωεࢦඪΛϢʔβʔΰʔϧʹஔ͖׵͑ͨΒʁ
    Կ౓΋࡞ͬͯਫ਼౓Λ্͍͛ͯ͘
    ఆظతʹܭଌͯ͠σβΠϯͷՁ஋Λ͍ࣔͯ͘͠
    

    View Slide

28. ௕୩઒ګٱ
    @yhassy
    mail@yasuhisa.com
    !
    

    View Slide