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

by Yasuhisa Hasegawa

Slide 1

Slide 1 text

඼࣭޲্ʹܨ͙σβΠϯࢦඪͷ࡞Γํ 555 ௕୩઒ګٱ ೥݄೔

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

݄ؒ 17໨ࢦͦ͏ ଺ࡏ࣌ؒͷฏۉ͸෼ͩ ࠓिͷձһొ࿥਺͸Λ௒͑ͨ

Slide 7

Slide 7 text

Ϗδωεઓུ ,1*߲໨ 6*69ʹΑΔΧλϩά੥ٻ ίϯόʔδϣϯͷ࠷దԽ αΠτ๚໰͔Β Χλϩά੥ٻͷίϯόʔδϣϯ཰ ίϯόʔδϣϯ཰ͱϢʔβʔମݧ͸ΠίʔϧͰ͸ͳ͍ Ϣʔβʔ͕ͳͥ੥ٻ͢Δͷ͔ఆ͕ٛ͞Ε͍ͯͳ͍ ίϯόʔδϣϯ཰Λ্͛Δ͜ͱ͕໨తʹͳΔ

Slide 8

Slide 8 text

ԿͰ΋਺஋ʹ͠·͠ΐ͏ͷҋ Ϗδωεʹ͔ܽͤͳ͍͕ɺؾΛ͚ͭͳ͍ͱσβΠϯͰ͸ͳ͘ͳΔ ԿͰ΋ܭଌɾ਺஋Խ͕Ͱ͖ͯ͠·͏ݱࡏ Ϗδωεจ຺͚ͩͩͱՁ஋ఏڙ͕೉͍͠ ϏδωεσβΠϯͳͷʹɺ ܭଌ͸ಉ͡ ਺ࣈ͕ڧ͍ϏδωεαΠυ͕ܾࡁ͢Δ͜ͱ΋

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

཭୤཰ 70% ྑ͘ͳ͍ࢦඪͰ൑அ ݟํ࣍ୈͰํ޲ੑ͕มΘΔ ྑ͍ίϯςϯπ͕ඞཁ χʔζΛຬ͍ͨͯ͠Δ

Slide 11

Slide 11 text

཭୤཰ 70% ྑ͘ͳ͍ࢦඪͰ൑அ ݟํ࣍ୈͰํ޲ੑ͕มΘΔ ྑ͍ίϯςϯπ͕ඞཁ χʔζΛຬ͍ͨͯ͠Δ ίϯςϯπاըɾ੍࡞ Կ΋͠ͳ͍

Slide 12

Slide 12 text

ྑ͘ͳ͍ࢦඪͷڞ௨఺ ࢦඪΛʰσβΠϯʱ͢Δ ༷ʑͳղऍ͕ੜ·ΕΔ Ϣʔβʔͷ࢟ɾߦಈ͕ݟ͑ʹ͍͘ ൑அ͕ଐਓԽ͞Ε͍ͯΔ Ϗδωεத৺Ͱܭଌ͞Ε͍ͯΔ

Slide 13

Slide 13 text

Ϗδωεΰʔϧ ར༻ऀͷΰʔϧ ച্Ξοϓ ཉ͍͠੡඼ΛߪೖͰ͖Δ ΞΫςΟϒϢʔβʔ ੡඼ʹ͍ͭͯڵຯ͕༙͘ ϖʔδϏϡʔ ཉ͍͠৘ใ͕ݟ͔ͭΔ χϡʔεϨλʔͷొ࿥ ͓ಘͳ৘ใ͕ཉ͍͠

Slide 14

Slide 14 text

Ϗδωεΰʔϧ ར༻ऀͷΰʔϧ ച্Ξοϓ ཉ͍͠੡඼ΛߪೖͰ͖Δ ޲͍͍ͯΔํ޲͸ಉ͡Ͱ΋ දݱͰ͢Εҧ͏৔߹͕͋Δ ͦΕͰച্ߩݙͰ͖Δͷʁ Ϣʔβʔ͕ཉ͍͠੡඼Λ ͙͢ߪೖͰ͖Δ6*Λߟ͍͑ͨ

Slide 15

Slide 15 text

Ϗδωεΰʔϧ ར༻ऀͷΰʔϧ ച্Ξοϓ ཉ͍͠੡඼ΛߪೖͰ͖Δ ΞΫςΟϒϢʔβʔ ੡඼ʹ͍ͭͯڵຯ͕༙͘ ϖʔδϏϡʔ ཉ͍͠৘ใ͕ݟ͔ͭΔ χϡʔεϨλʔͷొ࿥ ͓ಘͳ৘ใ͕ཉ͍͠ ϏδωεΰʔϧΛར༻ऀͷΰʔϧʹஔ͖׵͑Δ

Slide 16

Slide 16 text

Ϗδωεΰʔϧ ར༻ऀͷΰʔϧ ച্Ξοϓ ཉ͍͠੡඼ΛߪೖͰ͖Δ ΞΫςΟϒϢʔβʔ ੡඼ʹ͍ͭͯڵຯ͕༙͘ ϖʔδϏϡʔ ཉ͍͠৘ใ͕ݟ͔ͭΔ χϡʔεϨλʔͷొ࿥ ͓ಘͳ৘ใ͕ཉ͍͠ Ϗδωεΰʔϧ΁ͷӨڹΛߟ͑Δ

Slide 17

Slide 17 text

BUSINESS Ϗδωεࢦඪ DESIGN σβΠϯࢦඪ ച্ʹܨ͕Δ͔ ੒ޭମݧ͕͋Δ͔

Slide 18

Slide 18 text

ΤϯύγʔͰ͔͢Ͷ͐ σβΠϯ͸ײ৘ɾײ֮తͳ΋ͷ͔ͩΒܭଌͰ͖ͳ͍ʁ όζԽͨ͠ݴ༿͚ͩͲઆಘྗʹ͚ܽΔ ײ৘࿦ɾݸਓతҙݟʹͳΓ͕ͪ σʔλͱͷ૊Έ߹ΘͤͰ׆͖Δ νʔϜͰܾΊΔͨΊͷࢦඪ

Slide 19

Slide 19 text

σβΠϯࢦඪͱ͸ʁ σβΠϯͷՁ஋ΛଌΔ ϢʔβʔʹՁ஋ఏڙ͍ͯ͠Δ͔Λܭଌ Ձ஋ʹܨ͕Δߦಈ͸Կ͔ ײ৘͸ԿʹΑͬͯੜ·ΕΔ͔ ͦΕΒ͸ԿΛܭଌͨ͠ΒཧղͰ͖Δͷ͔

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

ྑ͍ࢦඪͷ࢓૊Έ ͷϢʔβʔ͕ ຖिɺ࠷ޙ·Ͱ هࣄΛಡΜͰ͍Δ ݟ͚ͨͩͰ෼͔Δ͜ͱ͕ॏཁ ධՁ͠΍͘͢͢ΔͨΊʹ੝ΓࠐΉ ࠷ॳ͸ ʰצʱ Ͱྑ͍ ܭଌޙɺ ௐ੔͢Δ ఆظతʹܭଌͯ͠ൺֱ͢Δश׳Λ

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

࣮ફɾσβΠϯࢦඪ σβΠϯࢦඪʹج͍ͮͯվળ͍ͯ͘͠ ϢʔβʔΰʔϧΛߦಈʹ݁ͼ͚ͭΔ ߦಈ͕ܭଌͰ͖Δͱ͜ΖΛ୳͢ Ͳ͏͍͏ਓ͕ߦಈ͢Δͷ͔΋ߟྀ ײ֮Ͱ͸ͳ͘ࢦඪʹج͍ͮͨఏҊ

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

(PPHMF͕ߟҊͨ͠69ܭଌͷϑϨʔϜϫʔΫ 69ܭଌͷͨΊͷߟ͑ํͷͻͱͭ ༷ʑͳ؍఺͔Β੒ޭମݧΛܭଌ ࢦඪͷ࡞ΓํʹࠔͬͨΒ׆༻ HEART Metrics

Slide 31

Slide 31 text

Goal Signal Metrics Happiness Engagement Adaption Retention Task Success

Slide 32

Slide 32 text

Happiness Ϣʔβʔ͕޾ͤʹͳ͍ͬͯΔ͔Ͳ͏͔ ސ٬ຬ଍ ࢖͍΍͢͞ ωοτϓϩϞʔλʔείΞʢ/14ʣ

Slide 33

Slide 33 text

Engagement Ϣʔβʔ͕຅಄͍ͯ͠Δ͔Ͳ͏͔ ๚໰ස౓ ը໘؍ཡ਺ ڞ༗਺

Slide 34

Slide 34 text

Adaption ͣͬͱ࢖͍ଓ͚͍ͨɺ࢖͍࢝Ί͍ͨͱࢥ͏͔Ͳ͏͔ ࠷৽൛ʹΞοϓσʔτͨ͠਺ ߪಡ਺ ੡඼ߪೖͨ͠৽نސ٬਺

Slide 35

Slide 35 text

Retention ఆظతʹʢຢ͸සൟʹʣ࢖͍ଓ͚͍ͨͱࢥ͏͔Ͳ͏͔ ΞΫςΟϒϢʔβʔ਺ ܖ໿ߋ৽਺ ࠶౓੡඼ߪೖͨ͠਺

Slide 36

Slide 36 text

Task Completion ໨తୡ੒ͷͨΊͷλεΫΛ׬ྃͰ͖͔ͨͲ͏͔ ݕࡧͰཉ͍͠৘ใ͕ݟ͔ͭΔ͔Ͳ͏͔ Χʔτ௥Ճ͔Β׬ྃ΁୧Γண͚Δ͔ ϓϩϑΟʔϧ৘ใ͸͢΂ͯهೖ͔ͨ͠

Slide 37

Slide 37 text

σβΠϯࢦඪΛૣظʹ࡞Δཧ༝ ໨తͷͳ͍σβΠϯʹ͠ͳ͍ͨΊʹ σβΠϯ͕͠΍͘͢ͳΔ ϏδωεαΠυͱͷର࿩ͷΩοΧέʹͳΔ ܭଌτϦΨʔͷ࣮૷ίετ࡟ݮ ΰʔϧʹج͍ͮͨσβΠϯ൷ධ

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

௕୩઒ګٱ @yhassy [email protected] !