2016/11/21(月) UXを考えるエンジニアのためのユーザテストのススメ @サポーターズ
presented by @akatsuki174
View Slide
͜ͷษڧձͷඪϞσϨʔλʔʢϢʔβςετͷਐߦʣ͕Ͱ͖Δ͘Β͍ʹϢʔβςετʹৄ͘͠ͳΔ͜ͱʂʂʂ͏͓લʹཔΒΜͰͰ͖ΔΘʂ
ຊͷΞδΣϯμɾߨࢣࣗݾհɾձࣾհɾϢʔβςετɹɾઆ໌ɹɾϫʔΫγϣοϓɹɾੳɾ࣭ٙԠɾަྲྀձ
ߨࢣࣗݾհɾਢ౻ຘʢ@akatsuki174ʣɾΦΠγοΫεגࣜձࣾ γεςϜຊ෦ɾiOSΤϯδχΞɾiOS Creators’ Meetupओ࠵ɾdots.ঁࢠ෦ ίΞελοϑ
ߨࢣࣗݾհɾQiitaʢओʹٕज़ωλʣɹhttp://qiita.com/akatsuki174ɾͯͳϒϩάʢษڧձࢀՃϨϙʔτɺϙΤϜʣɹhttp://akatsuki174.hatenablog.com/ɾSlideShareɺSpeakerDeckɺTwitterakatsuki174Ͱ͢
ձࣾհผεϥΠυͰ࡞ͬͯ·͢ɻ
Ϣʔβςετͷઆ໌ຊʹೖ͍ͬͯ͘Αʂ
ϢʔβςετͱUXΛՄࢹԽ͢Δ࠷ޮՌతͳख๏ͷҰͭɻϢʔβ৺ཧରαʔϏεͷ՝ɾվળ༨ΛѲ͢Δɻ• ผ໊ɿϢʔβϏϦςΟςετ• ํ๏ɿඃݧऀʹλεΫ(࡞ۀ՝)Λ࣮ߦ͢ΔΑ͏ʹґཔ͠ɺͦͷաఔΛ؍ɺه͢Δ
ͳͥϢʔβςετΛΔͷ͔• ఆྔσʔλɺʮ݁ՌੳʯͰଌΕͳ͍ʮͳͥʯΛΔͨΊ• ։ൃऀͱϢʔβʹ͓͚ΔαʔϏεͷཧղͷࠩΛগ͠ͰຒΊΔͨΊ
ΞΫηεղੳώʔτϚοϓͱͷҧ͍ಘΒΕΔσʔλߦಈσʔλ ৺ཧσʔλੳରαΠτ୯Ґϖʔδ୯ҐΞΫηεղੳώʔτϚοϓϢʔβςετ
ޮՌతͳςετͱλΠϛϯάhttp://www.slideshare.net/koutoguchi/ss-39951726ϢʔβςεταΠΫϧ, εϥΠυ6
ςετͷ࣮ࢪํ๏ΞΠτϥοΩϯάੳͱϢʔβʔςετΛపఈղઆɻΞΫηεϩάͰಘΒΕͳ͍σʔλΛݟ͑ΔԽ͢Δ.http://web-tan.forum.impressrd.jp/e/2015/08/06/19853
४උखॱςετൣғΛܾΊΔϦΫϧʔτձΛ֬อ͢ΔςετઃܭॻΛ࡞ΔϓϨςετΛߦ͏ςετઃܭॻͷमਖ਼ςετຊ൪ϓϩτλΠϓ࡞
४උखॱϓϩτλΠϓ࡞ϦΫϧʔτձΛ֬อ͢ΔςετઃܭॻΛ࡞ΔϓϨςετΛߦ͏ςετઃܭॻͷमਖ਼ςετຊ൪ςετൣғΛܾΊΔ
ςετൣғΛܾΊΔԿΛతͱͯ͠ԿΛ໌Β͔ʹ͍ͨ͠ͷ͔ʹΑܾͬͯ·ΔɻߪೖͷաఔΛݟ͍ͨͷʹϩάΠϯ·ͰͷλεΫ͔͠࡞͍ͬͯͳ͔ͬͨΒҙຯ͕ͳ͍
Tips• αʔϏεʹ৮ΕΔ·Ͱʹى͜Γ͏Δ͜ͱΛλεΫʹ͢Δ͜ͱඇৗʹ༗ޮɻྫɿۺͷ௨ൢαΠτλεΫ(ରͷ௨ൢαΠτ͔ΒελʔτͰͳ͘Λͨ͠ঢ়ଶ͔Βελʔτ)༑ਓ͕ཉ͍͠ͱݴ͍ͬͯͨ˓˓ͱ͍͏ۺΛ୳͍ͯͩ͘͠͞ɻ
࠷ݶͷϓϩτλΠϓ࡞http://www.slideshare.net/iketomo/ss-27928020?related=1. ʲϙοϓΠϯαΠτʳελʔτΞοϓͷͨΊͷϢʔβςετೖʢϢʔβߦಈ؍ೖʣ. εϥΠυ11
࠷ݶͷϓϩτλΠϓ࡞࣮͕Ͱ͖ͯͳͯ͘ɺɾProttʢhttps://prottapp.com/ja/ʣɾPOPʢhttps://popapp.in/jpʣɾશͳϖʔύʔϓϩτʢࢀߟɿhttps://vimeo.com/38256134ʣͰOK
ϦΫϧʔτλʔήοτϢʔβͰ͔ͭςετతʹԠͨ݅͡Λຬ͍ͨͯ͠ΔਓͰ͋Δ͜ͱ͕·͍͠ɻ͕ɺ͚͠Ε༷ʑͳਓʹͬͯΒ͍ɺͦͷதͰ༗༻ͩͱࢥΘΕΔσʔλΛ࠾༻͢Δ͜ͱҰͭͷखɻ
࣮ࢪਓ5ਓʹϢʔβςετ͢Δͱ85%ͷ͕ൃݟͰ͖ΔͱݴΘΕ͍ͯΔ→Ұʹ15ਓʹςετΛߦ͏ΑΓɺ5ਓ×3ճͷϢʔβςετΛ࣮ࢪͨ͠ํ͕༗ޮhttps://u-site.jp/alertbox/20000319.5ϢʔβʔͰςετ͢Εेͳཧ༝.
ςετઃܭॻͷத• ςετ֓ཁ• ΦϦΤϯςʔγϣϯγʔτ• λεΫγʔτ• ࣭ද• ػࡐϦετ֓ཁɺతɺظ͢ΔՌɺඃݧऀɺλεΫ֓ཁɺར༻͢Δίϯςϯπɺ࣮ࢪ࣌ؒɺςετձαʔϏεͷհɺѫࡰɺ(ඞཁͰ͋Ε)कൿٛܖखॱɺڭࣔ༰ɺظ͢Δૢ࡞λεΫ༰ͷ࣭ɺϓϩϑΟʔϧΛѲ͢ΔͨΊͷ࣭
cf. λεΫγʔτ൪߸ελʔτλεΫ ֬ೝϙΠϯτ ΰʔϧ1ΞϓϦىಈ༧ఆΛొɾࠔՕॴͷ༗ແɾͲͷ߲ΛຒΊ͔ͨ༧ఆొྃ2ΧϨϯμʔը໘݄ผ͔ΒिผʹදࣔΛมߋɾෳ͋Δํ๏ͷதͰͲΕΛ͏͔िผදࣔྃΧϨϯμʔΞϓϦͷ߹ͷྫ
λεΫઃܭͷϙΠϯτ1ओཁͳλεΫʹߜΓࠐΉ৽نɺϦχϡʔΞϧ→ओཁૢ࡞ɺ৽ػೳपΓͷૢ࡞όʔδϣϯΞοϓ→σʔλܦݧ͔Βվળ͖ͩ͢ͱࢥΘΕΔૢ࡞
λεΫઃܭͷϙΠϯτ2ϢʔβͷࢹͰൃ͢ΔϢʔβͷత ≠ ։ൃऀ͕ͬͯ΄͍͜͠ͱѱ͍λεΫྫ× ৽ஙϚϯγϣϯͷߪೖ
λεΫઃܭͷϙΠϯτ3ελʔτͱΰʔϧΛఆٛ͢Δελʔτελʔτ͍ͭҰͭͱݶΒͳ͍ΰʔϧϢʔβςετͷ࠷େͷνΣοΫϙΠϯτʹλεΫΛୡͰ͖Δ͔
λεΫઃܭͷϙΠϯτ4γφϦΦԽ͢ΔϢʔβ͕ࣗࣗͷମݧͱͯ͠ݱ࣮ײΛ࣋ͬͯೳಈతʹαʔϏεͱ͖߹͏͜ͱ͕Ͱ͖ΔΑ͏ʹ͢Δ
λεΫઃܭͷϙΠϯτ5λεΫୡͷͨΊͷʮखஈʯΛ༩͑ͳ͍ΰʔϧΛࣔ͠ɺ్தͷૢ࡞ࣗͰߟ͑ͯΒ͏ɻखॱͷઆ໌ʹͳΒͳ͍Α͏ҙ͢ΔɻΠϯλʔϑΣʔε্ͷ༻ޠݪଇΘͳ͍ɻ
λεΫઃܭͷϙΠϯτ6৽نϢʔβͱطଘϢʔβͰ༰Λ͚ΔϢʔβͷతίϯςΫετ͕ҟͳΔͨΊɺͦΕͧΕʹ߹ͬͨλεΫΛઃܭ͢Δ
λεΫઃܭͷϙΠϯτ7ͪΖΜͰ͕͢ɺܭଌͯ͠ҙຯͷ͋Δ͜ͱʹߜͬͯλεΫΛઃఆ͍ͯͩ͘͠͞
ϓϨςετత≠ ΠϯλϏϡʔͷ࿅शɺςετͷ༧ߦԋशʹϢʔβςετͦͷͷΛςετ͢Δ
ࠓͷςετମ੍• ϞσϨʔλɿࢲʢٴͼօ͞Μʣ• ඃݧऀɿ֤άϧʔϓʹ1ਓ• ٞࣄऔΔਓɿ֤άϧʔϓʹ1ਓ• ݟֶऀɿΓͷਓୡඃݧऀݟֶऀ ٞࣄ
Πϯτϩѫࡰɺతઆ໌ɺใ։ࣔېࢭಉҙςετखॱࣄલΠϯλϏϡʔݸਓଐੑɺλεΫؔ࿈࣭ࣄલઆ໌ҙͷઆ໌λεΫ࣮ߦ؍αʔϏεఏࣔɺγφϦΦఏࣔɺλεΫ࣮ߦࣄޙΠϯλϏϡʔΤϯσΟϯά
ςετ࣌ͷҙ• Ϣʔβʹࢥߟൃʢޙड़ʣΛͯ͠Β͏• ϢʔβςετҰਓͣͭߦ͏• ϢʔβʹվળҊΛ࣭ͯ͠ͳΒͳ͍• ݪଇɺϢʔβ͔Βͷ࣭ʹ͑ͳ͍• ݟֶऀଘࡏײΛফ͢
ࢥߟൃඃݧऀʹ• ࢥͬͨ͜ͱ• ͜Ε͔ΒΖ͏ͱࢥ͍ͬͯΔ͜ͱ• ͳͥͦΕΛΖ͏ͱࢥ͍ͬͯΔͷ͔Λޱʹग़͠ͳ͕ΒλεΫΛ࣮ߦͯ͠Β͏→ϢʔβͷೝϓϩηεΛ໌Β͔ʹ͢Δ͜ͱͰૢ࡞ͷࣦഊෆຬͷݪҼΛཧతʹੳ
ࢥߟൃࢀߟʹͳΔಈըʮUIscopeϞχλʔ༻͓ࣄݟຊಈըʯhttps://www.youtube.com/watch?v=kSgfHUTLhCUࣄલʹඃݧऀʹݟͤΔͱʮ͜Μͳ;͏ʹΕ͍͍ΜͩʯͱཧղͰ͖ͯϢʔβςετதͷࢥߟൃ͕εϜʔζʹͳΔ͜ͱɻ
ͨͩ͠…ࢥߟൃ׳Ε͍ͯͳ͍ͱ͍͠→ඞཁʹԠͯ͡ʮհೖʯΛࢼΈΔྫɿࠓɺԿΛߟ͍͑ͯΔͷͰ͔͢ʁ͜Εظ௨ΓͰ͔ͨ͠ʁͲ͏ͳΔͱࢥ͍ͬͯͨͷͰ͔͢ʁࠓͷ͓ؾ࣋ͪʁ
؍ͷϙΠϯτ• ʮͲͷը໘ʯͰʮԿ͕ى͖ͨͷ͔ʯɺͦͷ࣌Ϣʔβ͕ʮԿͱݴͬͨͷ͔ʯ• Ϣʔβͷࢦͷಈ͖• ϢʔβͷදͳͲʹͯ͠؍
cf. ؍γʔτλεΫ ঢ়گ ඃݧऀͷߦಈ ඃݧऀͷൃߪೖಉ͡ΛΧʔτʹ2ͭՃݸΛͳ͔ͳ͔૿ͤͣʹ͍ͨͲ͜Ͱݸ૿͢ΜͩΖ…ݕࡧՁ֨ΛߜͬͯݕࡧԼݶΛઃఆͰ͖ͳ͍ͷ͔…͓ങ͍ΞϓϦͷ߹ͷྫ
Let’s Ϣʔβςετʂ࣮ࡍʹͬͯΈΑ͏ʂʂʂ
※• ࠓճ࣌ؒͷ্ؔλεΫΛ͔̏ͭ͠Βͳ͍ͷͰଟগʢʣڧҾͳ෦͋Γ·͢ɻྃ͝ঝ͍ͩ͘͞ɻ• ͋ͱ…ࠓճ͕࣌ؒͳͯ͘ϓϨςετͰ͖ͯͳ͍…μϛʔϢʔβͷઃఆ͕ͪΐͬͱ͓͔͍͔͠…͝ΊΜͳ͍͞…
Πϯτϩ• ͜ͷϢʔβςετΦΠγοΫεΞϓϦͷૢ࡞ੑ্Λओͳతͱͯ͠ߦ͍·͢ɻ• ඃݧऀͷํࢥߟൃΛ͍ͯͨͩ͘͠Α͏͓ئ͍͠·͢ɻ• جຊతʹϞσϨʔλɺݟֶऀͷํʹ࣭ΛͤͣɺࣗͻͱΓͰ͍ͬͯΔఆͰ͓ئ͍͠·͢ɻ
ࣄલ࣭• ࠓճඞཁͳ͠
μϛʔϢʔβใ• 32ࡀɺঁੑɺطࠗɺձࣾһ• 2ࡀͷࢠڙ࣋ͪ• εϚϗiPhoneΛ༻• ࢠڙʹ҆શͳ৯ࡐΛ৯͍ͤͨ͞ͱࢥ͍ͬͯΔ• ྉཧ΄ͱΜͲࣗͰ࡞Γɺͨ·ʹ͕࡞ͬͯ͘ΕΔ• ങ͍جຊతʹɺෆฏ• ৯ࡐͷఆظୡʹڵຯ͋Δ͕ୡ͕ܾ࣌ΊΒΕ͍ͯΔΠϝʔδ͕͋ΓɺखΛग़͍ͯ͠ͳ͍
γφϦΦʹՈͰϚϚ༑ͱSNSͰάϧʔϓϝοηʔδΛ͍ͯͨ͠Βࢠڙͷ৯ࣄͷʹͳͬͨɻͦ͜Ͱ͋ΔϚϚ༑͕ʮ͏ͪ҆શͳ৯ࡐΛ৯͍͔ͤͨ͞ΒΦΠγοΫεΛ͍ͬͯΔʯͱൃݴͨ͠ɻΑ͘Α͘ฉ͍ͯΈΔͱୡ࣌ୡ͢Δ৯ࡐࣗ༝ʹࢦఆͰ͖Δ͠ɺ͕࣌Ϧͷྉཧηοτച͍ͬͯΔΒ͍͠ɻʮ͜Εʂʂʯͱࢥ͍ɺΦΠγοΫεΛͬͯΈΔ͜ͱʹ͠·ͨ͠ɻ
λεΫ̍εϚϗϒϥβͰʮΦΠγοΫεʯͱݕࡧͯ͠ΦΠγοΫεͷαΠτʹ๚͠ɺఆظձһొʢΛ͢ΔϑϦʣΛߦ͍ͬͯͩ͘͞ʢձһใೖྗཝ͕ݟ͑ͨΒλεΫऴྃͰ͢ʣ࣌ؒɺλεΫͷ߹্ݴ͍·͕͢ɺ↓ͪ͜ΒͰͳ͘↓ͪ͜ΒΛλοϓ͍ͯͩ͘͠͞
λεΫ̎ʢεϚϗϒϥβͰΦΠγοΫεͷiOSΞϓϦ͕͋Δͱͬͨ͋ͳͨͬͦ͘͞μϯϩʔυͯ͠ɺΞϓϦͰࠓिͷจΛߦ͏͜ͱʹ͠·ͨ͠ɻʣΞϓϦΛ্ཱͪ͛ɺ͋ͳ͕ͨങ͍͍ͨͱࢥ͏Λ3ͭબΜͰΧʔτʹՃ͍ͯͩ͘͠͞
λεΫ̏Χʔτը໘Λදࣔ͠ɺΧʔτʹೖ͍ͬͯΔͷதͰ͍Βͳ͍ͱࢥ͏ͷΛ3ͭআ͍ͯͩ͘͠͞
ࣄޙΞϯέʔτλΠϜؾʹͳͬͨ͜ͱΛ࣭͠Α͏ʂ
ࣄޙΞϯέʔτྫɾwebͰձһొ͢Δ࣌ʹͲΜͳαʔϏε͔ཧղɹग़དྷ·͔ͨ͠ʁɾߪೖ͢ΔΛݟ͚ͭΔ্Ͱোʹͳͬͨ͜ͱɹԿ͔͋Γ·͔ͨ͠ʁɾࠓৼΓฦͬͯɺνϡʔτϦΞϧɺίʔνϚʔΫɹʹཱ͍ͬͯͨͱࢥ͍·͔͢ʁ
ৼΓฦΓੳͯ࣍͠ͷ։ൃʹཱͯΑ͏ʂ
ੳʹ͓͚Δ4ͭͷϙΠϯτ• ࣄ࣮Λͱࣖʹম͖͚Δ• λεΫୡঢ়گҰཡ• Ϛοϐϯά• ղܾ؍ੳ
؍ʹ͓͚Δ2ͭͷϙΠϯτ• ࣄ࣮ͷΈΛهɹ×ඃݧऀ͍ͮΒͦ͏ʹ͍ͯͨ͠ɹˠඃݧऀށ͍ͬͯͨ• Ϣʔβࢹɹ×͍͍ͶϘλϯΛݟ͚ͭΒΕͳ͔ͬͨɹˠඃݧऀϦΞΫγϣϯ͕Ͱ͖ͳ͔ͬͨ
λεΫୡঢ়گҰཡA͞Μ B͞Μ C͞Μ D͞Μ E͞Μ ୡλεΫ1 ̋ ˚ ̋ × ̋ 60%λεΫ2 × ̋ ̋ ̋ ̋ 80%λεΫ3 ˚ × × ̋ × 20%
ΠϯύΫτੳޮՌ ޮ ຬසߴ1 2 3සத2 3 4ස3 4 5ޮՌʹಠྗͰλεΫΛɹɹɹྃͰ͖͔ͨޮʹແବͳૢ࡞ށ͍͕ɹɹɹͳ͔͔ͬͨຬʹෆ҆ෆຬΛײͯ͡ɹɹɹ͍ͳ͔͔ͬͨߴʹ60%Ҏ্͕֘தʹ40%Ҏ্60%ະຬ͕֘ʹ20%Ҏ্40%ະຬ͕֘˞ࣈ༏ઌ
cf. ը໘ผϚοϐϯάϦϞʔτϢʔβςετͷೲ.http://popinsight.jp/service/ut/deliverable.php
ิࠓճͷςετʹؔ͢ΔิͩΑ
ࠓճͷςετͷతɾΦΠγοΫεͷ৽نϢʔβ͕͍͖ͳΓΞϓϦΛɹͬͨ࣌ʹΦΠγοΫεͷαʔϏεΛཧղͰ͖ͯɹ͍Δͷ͔Λݕূ͢ΔɾΞϓϦͷجຊతͳ෦ͷૢ࡞ੑʹ͕ͳ͍͔Λɹݕূ͢Δ
γφϦΦʹ͍ͭͯɾγφϦΦͰʮϚϚ༑ʹฉ͍ͯΈͨʯͱ͍͏ɹ෦ຊ಄ʹߦͬͨձࣾઆ໌ͷதͰɹิΘͤͯΒ͍·ͨ͠ɻɾຊདྷඞཁʹԠͯ͡Πϯτϩͷ෦ͰαʔϏεɹઆ໌Λ͢ΔܗʹͳΓ·͢ɻ
Ϣʔβςετʹ͔͔Δίετ͓·͚ίϯςϯπͩΑ
Tips:ຊ֨ςετͷίετ(ࣾ)ͳͥɺΞΫηεղੳώʔτϚοϓɺΞϯέʔτ͚ͩͰ՝ղܾʹͭͳ͕Βͳ͍ͷ͔ʁ.http://web-tan.forum.impressrd.jp/e/2015/06/11/19866
Tips:ຊ֨ςετͷίετ(ࣾ֎)ͳͥɺΞΫηεղੳώʔτϚοϓɺΞϯέʔτ͚ͩͰ՝ղܾʹͭͳ͕Βͳ͍ͷ͔ʁ.http://web-tan.forum.impressrd.jp/e/2015/06/11/19866
ࢀߟจݙͥͻҰಡ͢͠ʂ
ࢀߟจݙ• ϢʔβςεταΠΫϧ. Kou Toguchi. http://www.slideshare.net/koutoguchi/ss-39951726• ϢʔβʔςετମݧΠϕϯτ@גࣜձࣾϝϯόʔζ20150703. Daisuke Hiraishi. http://www.slideshare.net/hiraboo/20150703-50207349?related=1• άϩʔεϋοΫ_UIscope_ߨԋࢿྉ20150825. DaisukeHiraishi. http://www.slideshare.net/hiraboo/uiscope20150825
ࢀߟจݙ• Ζ͏ͥ!؆қϢʔβϏϦςΟςετ. Takehisa Gokaichi.http://www.slideshare.net/takehisagokaichi/ss-13064390• ΞδϟΠϧɾϢʔβϏϦςΟ -ϢʔβΤΫεϖϦΤϯεͷͨΊͷDIYςεςΟϯά-. Ḻຊప. גࣜձࣾΦʔϜࣾ• UXσβΠϯೖ. ༟, ܀ࢁਐ, ைాߒ. ܦBPࣾ.• 1000αʔϏεͷ࣮͔Βݟ͑ͨʮUXΛՄࢹԽ͢ΔϢʔβʔςετͷۃҙʯ. ฏੴ େ༞. http://schoo.jp/class/318/room
ࢀߟจݙ• ΞΠτϥοΩϯάੳͱϢʔβʔςετΛపఈղઆɻΞΫηεϩάͰಘΒΕͳ͍σʔλΛݟ͑ΔԽ͢Δ. Ҫొ ༑Ұ.http://web-tan.forum.impressrd.jp/e/2015/08/06/19853• ͳͥɺΞΫηεղੳώʔτϚοϓɺΞϯέʔτ͚ͩͰ՝ղܾʹͭͳ͕Βͳ͍ͷ͔ʁ. ా๎߂. http://web-tan.forum.impressrd.jp/e/2015/06/11/19866• ※λεΫγʔτϢʔβϏϦςΟςετͷλεΫγʔτ. http://taninno.github.io/blog/2014/02/01/usability-testing-template/