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

UXとユーザビリティ計測

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

 UXとユーザビリティ計測

CA Base Camp で発表した内容

Avatar for LeonardoKen Orihara

LeonardoKen Orihara

February 14, 2018
Tweet

More Decks by LeonardoKen Orihara

Other Decks in Technology

Transcript

  1. 6*ͱ 69 Ͳ͜·Ͱ͕ 69 UI UX ˞ ͔Βݟͨ ͷ৔߹ UI

    UX UI∈UX ͦΕͧΕͷ୲౰ྖҬ͕ҟͳ͍ͬͯͯ ߟ͑ํ͕ҧ͍·͢
  2. 69ͷൣғ͸Ͳ͜ Ͳ͜·Ͱ͕ 69    ·ͨ͸࣮ళฮ   

     69ͱͯ͠ݕ౼͢΂͖ൣғ͸͜ͷΠϥετ͚ͩͷൣғͰ͸͋Γ·ͤΜ
  3. 69ͷൣғ͸Ͳ͜ Ͳ͜·Ͱ͕ 69    ݟͨ໨ͷҹ৅ पΓ͔Βͷҹ৅ ޙ೔ 

            खݩʹಧ͍ͨޙ΋पΓ͔Βͷҹ৅͕69ʹىҼͨ͠Γ ྑ͍ମݧ͔Βɺ࣍ͷߪങʹͭͳ͕Δ͜ͱ΋͋Γ·͢
  4. 69ͷൣғ͸Ͳ͜ Ͳ͜·Ͱ͕ 69    ·ͨ͸࣮ళฮ   &$αΠτͰ઀৮

    PS ޿ࠂʹ઀৮ ࣅͨ๧ࢠͷ ਓΛΈͨ ΋ͬͱݴ͑͹ঁੑ͕๧ࢠΛཉ͍͠ͱࢥͬͨཧ༝΋͋Δ͔΋͠Ε·ͤΜ
  5. 69ͷൣғ͸Ͳ͜ Ͳ͜·Ͱ͕ 69   ·ͨ͸࣮ళฮ   ݟͨ໨ͷҹ৅ पΓ͔Βͷҹ৅

    ޙ೔      &$αΠτͰ઀৮ PS ޿ࠂʹ઀৮ ࣅͨ๧ࢠͷ ਓΛΈͨ ༧ظత69 ॠؒత69 Τϐιʔυత69 ྦྷੵత69 ྦྷੵత69͸ϒϥϯυΠϝʔδͱ΋ݴ͑·͢
  6. 69ʹࣅͨߟ͑ํ ࣅͨΑ͏ͳߟ͑ํ͸༷ʑͳ෼໺ʹଘࡏ͢Δ Ͳ͜·Ͱ͕ 69 HCD HM FA ਓʑ͕ཉ͍͠ͱࢥ͍ͬͯΔ͜ͱ͕ ԿͰ͋Δ͔Λத৺ͱͯ͠ ΠϯλϑΣʔεΛ࠷దԽ͢Δ

    ҩऀ͸ױऀͷපؾΛ࣏͢͜ͱ͕ ໨తͰ͸ͳ͘ɺපؾͷഎޙʹӅ Εͨ໰୊ΛऔΓআ͘͜ͱ·Ͱઃ ܭ͢΂͖ ໨త͕ୡ੒͞ΕΔͷͰ͋Ε͹ खஈ͸ͳΜ͔ͩͬͯ·Θͳ͍
  7. λΠϛϯάͷྫ Ͳ͏΍ͬͯ 69ΛݟΔʁ   ·ͨ͸࣮ళฮ   ݟͨ໨ͷҹ৅ पΓ͔Βͷҹ৅

    ޙ೔      &$αΠτͰ઀৮ PS ޿ࠂʹ઀৮ ࣅͨ๧ࢠͷ ਓΛΈͨ ͨͱ͑͹͋ͳ͕ͨ ͷϖʔδΛ࡞͍ͬͯΔͱͨ͠Β ͜͜Ͱ ࣄલΞϯέʔτ ʢࣗݾਃࠂϝτϦΫεʣ "#ςετ ύϑΥʔϚϯεܭଌɺߦಈ؍ଌ ʢύϑΥʔϚϯεϝτϦΫεɺߦಈɾੜཧϝτϦΫεʣ ࣄޙΞϯέʔτɺҹ৅ௐࠪ ʢࣗݾਃࠂϝτϦΫεʣ ʢςετ಺༰͸ྫ͑ʣ
  8. ύϑΥʔϚϯεϝτϦΫε Ͳ͏΍ͬͯ 69ΛݟΔʁ λεΫ੒ޭ཰ ઃఆͨ͠λεΫ͕੒ޭ͔ͨ͠ ੒ޭ PSࣦഊ λεΫ࣌ؒ λεΫʹ͔͔ͬͨ࣌ؒΛܭଌ Τϥʔ

    ೖྗϛεɺૢ࡞ϛεΛΧ΢ϯτ ޮ཰ λεΫͱ͸ؔ܎ͳ͍ૢ࡞ΛΧ΢ϯτ ֶशՄ༻ੑ ճ਺ɾ࣌ؒܦաͰͷ্هύϑΥʔϚϯεͷมԽΛΈΔ
  9. ໎͍౓  ύϑΥʔϚϯεϝτϦΫε Ͳ͏΍ͬͯ 69ΛݟΔʁ ໎͍౓ ɿλεΫ࣮ߦதʹӾཡͨ͠ҟͳΔϖʔδͷ਺ʢϢχʔΫϏϡʔʣ ɿλεΫ࣮ߦதʹӾཡͨ͠ϖʔδͷ਺ʢϖʔδϏϡʔʣ ɿλεΫΛ׬ྃ͢ΔͨΊͷ࠷খϖʔδ਺ -

    ׬ᘳͳεςοϓΛ౿Ί͹  - Ҏ্Ͱ໌Β͔ʹ໎ͬͯݟ͑Δ͜ͱ͕ ଟ͍ ϖʔδ " ϖʔδ $ ϖʔδ # ϖʔδ & ϖʔδ ' ϖʔδ % ϖʔδ#ϧʔτ͸  ϖʔδ$ %ϧʔτ͸ 
  10. ࣗݾਃࠂϝτϦΫε Ͳ͏΍ͬͯ 69ΛݟΔʁ ͍ΘΏΔΞϯέʔτ ࣗ༝ͳ໰͍͔͚ͷΞϯέʔτ ͱ ܾΊΒΕͨ࿮૊ΈͷΞϯέʔτ ͕͋Δ ϦοΧʔτई౓ 

    ࣗ༝໰͍͔͚ ඇৗʹಉҙͰ͖Δ ಉҙͰ͖Δ ͲͪΒͱ΋ݴ͑ͳ͍ ಉҙͰ͖ͳ͍ ·ͬͨ͘ಉҙͰ͖ͳ͍ ࣭໰ʹରͯ̑͠ PS̓ஈ֊ͷճ౴ ฉ͖͍ͨ͜ͱʹ͍͔ͭͯͬ͠Γฉ͘ ɾٳ೔΋࢖͍͍ͨͰ͔͢ ɾૢ࡞ײ͸ؾ࣋ͪΑ͔ͬͨͰ͔͢
  11. 4%๏ Ͳ͏΍ͬͯ 69ΛݟΔʁ 4%๏  ࣗ༝໰͍͔͚ ඒ͍͠ ײ֮஋Λ໰͏ͱ͖ͳͲʹ࢖͑Δ ɾ஫ҙ ݴ༿ͷମ֎తͳҙຯΛཧղ͢Δඞཁ͕͋Δʢ਌੾ʗ਌੾Ͱͳ͍ɺ਌੾ʗఢҙ͕͋Δ

    ͳͲ͕ଥ౰͔ʣ ृ͍ ໌Δ͍ ҉͍ ೤͍ ྫྷ͍ͨ ˡ͜ͷࠩ͸୯७ʹ਺஋Խ͢Δ͜ͱ͸Ͱ͖ͳ͍ ʢ࣭తσʔλͷͨΊʣ ·ͨɺ ͱ
  12. ϢʔβϏϦςΟϚάχνϡʔυਪఆ๏ Ͳ͏΍ͬͯ 69ΛݟΔʁ ϢʔβϏϦςΟϚάχνϡʔυਪఆ๏  ࣗ༝໰͍͔͚ ײ֮஋ΛൺֱͰ͖Δσʔλʹ͢ΔʢσβΠϯ͸γεςϜͱஔ͖׵͑ͯ΋ྑ͍ʣ ᶃ ࠷ॳʹݟͤͨσβΠϯ 

           ᶄ ଓ͍ͯݟͤͨσβΠϯ ᶅ ৽ͨʹܭଌͨ͠σβΠϯσβΠϯ ϢʔβʔʹϞϊαγΛ࡞ͬͯ΋Β͍ɺͦΕͧΕͷσβΠϯ͕Կഒࠩ͋Δ͔ٻΊΔ ˠϢʔβ͝ͱʹ YYഒࠩ ͕ٻ·Γɺ͜ͷ਺஋͸ൺֱͰ͖Δʢִؒई౓ʹͳΔʣ
  13. γεςϜϢʔβϏϦςΟɾεέʔϧʢ464ʣ Ͳ͏΍ͬͯ 69ΛݟΔʁ ܾΊΒΕͨ࿮૊ΈʹԊ͏ϝϦοτɿ ˠࣗ෼Ͱܭଌ͍ͯ͠ͳ͍ ଞࣾσʔλͳͲͱরΒ͠߹ΘͤΔ͜ͱ͕Ͱ͖Δ 464 ܾΊΒΕͨ࿮૊Έ 4ZTUFN6TBCJMJUZ4DBMF IUUQXXXNFBTVSJOHVYDPN

    Participant ID: _____ Date: ___/___/___ System Usability Scale Instructions: For each of the following statements, mark one box that best describes your reactions to the website today. Strongly Disagree Strongly Agree 1. I think that I would like to use this website frequently. 2. I found this website unnecessarily complex. 3. I thought this website was easy to use. 4. I think that I would need assistance to be able to use this website. 5. I found the various functions in this website were well integrated. 6. I thought there was too much inconsistency in this website. 7. I would imagine that most people would learn to use this website very quickly. 8. I found this website very cumbersome/awkward to use. 9. I felt very confident using this website. 10. I needed to learn a lot of things before I could get going with this website. Site: ___________________________ Please provide any comments about this website: This questionnaire is based on the System Usability Scale (SUS), which was developed by John Brooke while working at Digital Equipment Corporation. © Digital Equipment Corporation, 1986.  ܭࢉํ๏͕ಛघ  ϝϦοτɾσϝϦοτ͕ަޓʹฒͿ ͜Ε͸ෆਖ਼ରࡦʹ΋ͳΔ
  14.  ܭࢉํ๏͕ಛघ  ϝϦοτɾσϝϦοτ͕ަޓʹฒͿ ͜Ε͸ෆਖ਼ରࡦʹ΋ͳΔ γεςϜϢʔβϏϦςΟɾεέʔϧʢ464ʣ Ͳ͏΍ͬͯ 69ΛݟΔʁ ܾΊΒΕͨ࿮૊ΈʹԊ͏ϝϦοτɿ ˠࣗ෼Ͱܭଌ͍ͯ͠ͳ͍

    ଞࣾσʔλͳͲͱরΒ͠߹ΘͤΔ͜ͱ͕Ͱ͖Δ 464 ܾΊΒΕͨ࿮૊Έ 4ZTUFN6TBCJMJUZ4DBMF IUUQXXXNFBTVSJOHVYDPN Participant ID: _____ Date: ___/___/___ System Usability Scale Instructions: For each of the following statements, mark one box that best describes your reactions to the website today. Strongly Disagree Strongly Agree 1. I think that I would like to use this website frequently. 2. I found this website unnecessarily complex. 3. I thought this website was easy to use. 4. I think that I would need assistance to be able to use this website. 5. I found the various functions in this website were well integrated. 6. I thought there was too much inconsistency in this website. 7. I would imagine that most people would learn to use this website very quickly. 8. I found this website very cumbersome/awkward to use. 9. I felt very confident using this website. 10. I needed to learn a lot of things before I could get going with this website. Site: ___________________________ Please provide any comments about this website: This questionnaire is based on the System Usability Scale (SUS), which was developed by John Brooke while working at Digital Equipment Corporation. © Digital Equipment Corporation, 1986. Strongly Disagree Strongly Agree 1. I think that I would like to use this website frequently. 2. I found this website unnecessarily complex. 3. I thought this website was easy to use. 4. I think that I would need assistance to be able to use this website. 5. I found the various functions in this website were well integrated. 6. I thought there was too much inconsistency in this website. 7. I would imagine that most people would learn to use this website very quickly. 8. I found this website very cumbersome/awkward to use. 9. I felt very confident using this website. 10. I needed to learn a lot of things before I could get going with this website.
  15.  ܭࢉํ๏͕ಛघ  ϝϦοτɾσϝϦοτ͕ަޓʹฒͿ ͜Ε͸ෆਖ਼ରࡦʹ΋ͳΔ γεςϜϢʔβϏϦςΟɾεέʔϧʢ464ʣ Ͳ͏΍ͬͯ 69ΛݟΔʁ ܾΊΒΕͨ࿮૊ΈʹԊ͏ϝϦοτɿ ˠࣗ෼Ͱܭଌ͍ͯ͠ͳ͍

    ଞࣾσʔλͳͲͱরΒ͠߹ΘͤΔ͜ͱ͕Ͱ͖Δ 464 ܾΊΒΕͨ࿮૊Έ 4ZTUFN6TBCJMJUZ4DBMF IUUQXXXNFBTVSJOHVYDPN Participant ID: _____ Date: ___/___/___ System Usability Scale Instructions: For each of the following statements, mark one box that best describes your reactions to the website today. Strongly Disagree Strongly Agree 1. I think that I would like to use this website frequently. 2. I found this website unnecessarily complex. 3. I thought this website was easy to use. 4. I think that I would need assistance to be able to use this website. 5. I found the various functions in this website were well integrated. 6. I thought there was too much inconsistency in this website. 7. I would imagine that most people would learn to use this website very quickly. 8. I found this website very cumbersome/awkward to use. 9. I felt very confident using this website. 10. I needed to learn a lot of things before I could get going with this website. Site: ___________________________ Please provide any comments about this website: This questionnaire is based on the System Usability Scale (SUS), which was developed by John Brooke while working at Digital Equipment Corporation. © Digital Equipment Corporation, 1986. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. શ͘ಉҙ Ͱ͖ͳ͍ ඇৗʹ ಉҙͰ͖Δ ͜ͷγεςϜΛසൟʹ࢖͍͍ͨͱࢥ͏ ͜ͷγεςϜ͸ෆඞཁʹෳࡶͩͱࢥͬͨ ͜ͷγεςϜ͸࢖͍΍͍͢ͱࢥͬͨ ͜ͷγεςϜΛ࢖͑ΔΑ͏ʹͳΔʹ͸ɺ ςΫχΧϧαϙʔτ͕ඞཁͩͱࢥ͏ ͜ͷγεςϜͷ͞·͟·ͳػೳ͕Α͘ ·ͱ·͍ͬͯΔͱࢥͬͨ ͜ͷγεςϜ͸Ұ؏ੑ͕ͳ͍ͱ͜Ζ͕ ͨ͘͞Μ͋Δͱࢥͬͨ ΄ͱΜͲͷਓ͕͜ͷγεςϜͷ࢖͍ํΛ ؆୯ʹֶ΂Δͱࢥ͏ ͜ͷγεςϜ͸ඇৗʹѻ͍ʹ͘ ͍ͱࢥͬͨ ͜ͷγεςϜΛ࢖͍ͬͯͯඇৗʹࣗ৴͕࣋ͯͨ ͜ͷγεςϜΛ࢖͍࢝ΊΔલʹͨ͘͞Μͷ ͜ͱΛֶ͹ͳ͚Ε͹ͳΒͳ͍ͱࢥͬͨ
  16. $"-JOL؅ཧը໘ͷϦχϡʔΞϧ  -*/&ϏδωείωΫτΛར༻ͨ͠ϚʔέςΟϯάπʔϧ  ސ٬֦େʹ൐ͬͯɺ؅ཧը໘ͷސ٬޲͚ղ์Λݟਾ͑ͯ࠶ઃܭ έʔεελσΟ ϑϩϯτΤϯυతࢪࡦ  69తࢪࡦΛ੝ΓࠐΈ͍ͨ 

    ϛεΦϖϨʔγϣϯͷݮগ  ৘ใઃܭͷ࠷దԽʢͲ͏͍͏৘ใ͕Ͳ͏͍͏ͱ͜Ζʹ͋Δ͔ʣ  ػೳͷ୹བྷԽʢΤΩεύʔτϢʔβʔ޲͚ࢪࡦʣ  ͦΕͰ͍ͯɺҎલͷ࢖༻ײΛେ෯ʹม͑Δ͜ͱ͸͠ͳ͍ʢΤΩεύʔτϢʔβʔ޲͚ࢪࡦʣ
  17. Ͳ͔͜ΒσβΠϯमਖ਼Ҋ͕͘Δ͔ έʔεελσΟ  ਓؒͱਓ޻஌ೳͷϋΠϒϦουͰߦ͏ ΧελϚʔαϙʔταʔϏε  #UP#UP$ͷϓϩμΫτ  ࢖͏ͷ͸໰͍߹ΘͤΛ͍ͨ͠Ϣʔβʔ 

    σβΠϯमਖ਼ҊΛ͍ͨͩ͘ͷ͸ ಋೖ͍͍͍ͯͨͩͯ͠Δ͓٬͞Μ ˠσβΠϯʗϨΠΞ΢τͱͯ͠ͷཪ෇͚͕ཉ͍͠ ҎલͷϓϩμΫτͰ͸
  18. ݦஶੑϚοϓͰͷ 6*֬ೝ  %FFQ(B[F έʔεελσΟ ΞϧΰϦζϜΛ %FFQ(B[F ʹมߋͯ͠࠶౓֬ೝ ໌Δ͍ͱ͜Ζ͕ ໨ͷߦ͖΍͍͢ͱ͜Ζ

     αΠυϝχϡʔ͸஋͕ߴ͘ͳ͍ ݟͨ໨ʗσβΠϯʹ͓͚ΔੜମతͳӨڹ͸গͳͦ͏  αΠυϝχϡʔ͕ࠨଆʹ͋Δͷ͸ɺ͓ͦΒ͘׳शతͳӨڹͰ͸ͳ͍͔ ͜ΕΛ͏͚ͯϢʔβʔςετΛ͓͜ͳͬͯ࠶ௐࠪ
  19. "#ςετ ͱ ώΞϦϯά έʔεελσΟ ϖʔύʔϞοΫΛ͔ͭͬͨϢʔβςετ ҹ৅"#ςετ  ը໘ΠϝʔδΛҹ࡮͢Δ͜ͱͰϖʔύʔϞοΫΛ࡞੒  1$ͷσΟεϓϨΠʹཱ͔͚ͯςετ

     མͪண͘ͱ͓΋͏ํͷҙݟΛ֬ೝ  ൃݴͷ࿦ཧੑΛ֬ೝʢઆ໌Ͱ͖Δ͔Λςετʣ  ؾ࣋ͪѱ͍ͱࢥͬͨํͷҙݟΛ֬ೝ  ൃݴͷ࿦ཧੑΛ֬ೝʢઆ໌Ͱ͖Δ͔Λςετʣ Ϣʔβςετ಺༰
  20. ςετ݁Ռ  "#ςετ ͱ ώΞϦϯά έʔεελσΟ ࠨϝχϡʔͷҙݟ ӈϝχϡʔͷҙݟ  ࠨϝχϡʔͷํ͕҆৺ײ

     ࢖͍΍͍͢ɺ׳Ε͍ͯΔؾ͕͢Δ  ໨ઢ͕ࠨ্͔ΒೖΔͨΊɺϝχϡʔΛ ֬ೝ͔ͯ͠ΒίϯςϯπʹೖΕΔ  ӈϝχϡʔ͸΄ͱΜͲ໨Λ౰ͯͯͳ ͔ͬͨʢݴΘΕͯؾͮ͘ʣ  ӈ͸ߜΓࠐΈͷΑ͏ͳػೳ͕͋Δ΂͖
  21. ςετ݁Ռ  "#ςετ ͱ ώΞϦϯά έʔεελσΟ ࠨϝχϡʔͷҙݟ ӈϝχϡʔͷҙݟ  ࠨϝχϡʔͷํ͕҆৺ײ

     ࢖͍΍͍͢ɺ׳Ε͍ͯΔؾ͕͢Δ  ໨ઢ͕ࠨ্͔ΒೖΔͨΊɺϝχϡʔΛ ֬ೝ͔ͯ͠ΒίϯςϯπʹೖΕΔ  ӈϝχϡʔ͸΄ͱΜͲ໨Λ౰ͯͯͳ ͔ͬͨʢݴΘΕͯؾͮ͘ʣ  ӈ͸ߜΓࠐΈͷΑ͏ͳػೳ͕͋Δ΂͖ ώΞϦϯά݁Ռ͸ ࠨଆϝχϡʔ͕ѹ౗త λονσόΠεͩͱࢥͬͯݟͯ΋Βͬͨࡍ ͚̍݅ͩӈϝχϡʔ͕༗ҙͳҙݟ͕͋ͬͨ
  22. Χʔυιʔτ  ϝχϡʔ಺༰ͷଥ౰ੑ έʔεελσΟ ΓΜ͝ Έ͔Μ ͍͔ͭ͘ͷΧʔυ͕͋ͬͯ ׊৭ܥ פ৭ܥ ͦͷଞ

    εΠΧ ϝϩϯ Ͳͷάϧʔϓʹଐ͢Δ͔બΜͰ΋Β͏ ˠΫϩʔζυɾΧʔυιʔτ άϧʔϓΛ͋Β͔͡Ί༻ҙ͠ͳ͍ ˠΦʔϓϯɾΧʔυιʔτ Χʔυιʔτͱ͍͏ςετΛߦ͏
  23. ݕূ࣮ݧ  ϝχϡʔ಺༰ͷଥ౰ੑ έʔεελσΟ ࣮ݧ಺༰ 5IPNBT45VMMJT FUBM  8IBUTUIF.PTU&GGFDUJWF8BZUP1SFTFOU5XP4UBUF5PHHMF#VUUPOT ඃݧऀ

    ໊  0/0''ͲͪΒ΋બ୒͞Ε͍ͯͳ͍ঢ়ଶͰදࣔ ࢦఆͨ͠બ୒ࢶΛબΜͰ΋Β͏  0/0''ͲͪΒ͔͕બ୒͞Ε͍ͯΔঢ়ଶͰදࣔ બ୒Λ੾Γସ͑ͯ΋Β͏ ͲͪΒ΋̏ඵҎ಺ʹબ୒
  24. ૯߹ධՁ  τάϧϘλϯͷ༏Ґੑ έʔεελσΟ 5IPNBT45VMMJT FUBM  8IBUTUIF.PTU&GGFDUJWF8BZUP1SFTFOU5XP4UBUF5PHHMF#VUUPOT %FTJHO ͕ߴಘ఺

    ໘ന͍͜ͱʹ %FTJHO͸ϒϥ΢βඪ४ͷϥδΦϘλϯɻ ݹ͔͘Β࢖ΘΕ͖ͯͯ࢖͍׳Ε͍ͯΔͷ͔ɺ׬੒͞ΕͨσβΠϯ͔ͩͬͨ͸Θ͔Βͳ͍͚ΕͲ छͷதͰ࠷΋ਖ਼֬ੑ͕ߴ͘ɺ͕͔͔࣌ؒΒͣɺݟͨ໨΋޷·ΕΔσβΠϯͷͻͱͭͰ͋Δ͜ͱ͸ؒҧ͍ͳ͍