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デザインのニーズとメソッドについて 執行役員 丸山潤

Avatar for 株式会社NIJIBOX

株式会社NIJIBOX

January 31, 2020
Tweet

More Decks by 株式会社NIJIBOX

Other Decks in Business

Transcript

  1. ੺࿮ͷχʔζௐࠪɾαʔϏεઃܭɾ69σβΠϯΛಛʹखް࣮͘ࢪ͢Δͷ͕ಛ௃Ͱ͢ ձࣾ ઓུࡦఆ χʔζௐࠪ αʔϏεઃܭ 69σβΠϯ ੍࡞ ݕূɾ੒௕ ᶃ޿ࠂ୅ཧళ ˕

    ̋ ̋ ̋ ̋ ̋ ᶄίϯαϧςΟϯάϑΝʔϜ ˕ ̋ ˕ ˕ ̋ ˚ ᶅௐࠪձࣾ  ˕     ᶆ ˚ ˕ ˕ ˕ ˕ ̋ ᶇαΠτɾΞϓϦ੍࡞ձࣾ   ˕ ̋ ˕ ̋ ᶈσδλϧϚʔέςΟϯά ˚ ̋ ̋ ̋ ˕ ̋ ᶉγεςϜձࣾ     ̋  ˞˕ɿߴ͍࣮ߦྗ͕͋Δ ̋ɿҰൠతͳ࣮ߦྗ͕͋Δ ˚ɿ࣮ߦྗ͕ऑ͍ ະఏڙ χδϘοΫεͷಛ௃
  2. χδϘοΫε͕࠷΋ಘҙͱ͢Δɺ੺࿮ͷ69σβΠϯͷ෦෼Ͱ͢ ձࣾ ઓུࡦఆ χʔζௐࠪ αʔϏεઃܭ 69σβΠϯ ੍࡞ ݕূɾ੒௕ ᶃ޿ࠂ୅ཧళ ˕

    ̋ ̋ ̋ ̋ ̋ ᶄίϯαϧςΟϯάϑΝʔϜ ˕ ̋ ˕ ˕ ̋ ˚ ᶅௐࠪձࣾ  ˕     ᶆ ˚ ˕ ˕ ˕ ˕ ̋ ᶇαΠτɾΞϓϦ੍࡞ձࣾ   ˕ ̋ ˕ ̋ ᶈσδλϧϚʔέςΟϯά ˚ ̋ ̋ ̋ ˕ ̋ ᶉγεςϜձࣾ     ̋  ˞˕ɿߴ͍࣮ߦྗ͕͋Δ ̋ɿҰൠతͳ࣮ߦྗ͕͋Δ ˚ɿ࣮ߦྗ͕ऑ͍ ະఏڙ ຊ೔ͷ͓࿩͸ʁ
  3. ؙࢁΛྫʹߟ͑ͯΈ·͠ΐ͏ *5اۀ ܾࡋऀ ࣄ࣮৘ใ ɾ೥ྸɿࡀ ɾੑผɿஉੑ ɾ৬ۀɿ໾һΫϥε ɾاۀɿ*5اۀ ɾॅ·͍ɿ඼઒۠Ϛϯγϣϯ ɾՈ଒ߏ੒ɿ࠺ɺ௕உͷਓ฻Β͠

    ɾ௨ۈ࣌ؒɿ෼ ಛ௃తͳߦಈ ɾฏ೔ଉൈ͖ʹҰਓͰҿΉ͜ͱ͕͋Δ ɾೋݢ໨͸ձࣾͷҿΈҎ֎͸CBSͰҿΜͰΔ͜ͱ͕΄ͱΜͲ ɾ۝भग़਎ͳͷͰɺ੢ͷํͷྉཧΛ৯΂Δ͜ͱ͕ଟ͍ ɾ࢓ࣄ͕໷࣌ʹऴΘΔ͜ͱ͕ଟ͍ͷͰɺ࣌Ҏ߱ʹདྷళ͢ Δ͜ͱ͕ଟ͍ χʔζͱΰʔϧ ɾฏ೔ͷ໷஗͍࣌ؒଳʹ͸ɺҰਓͰҿΈʹདྷͯ΋མͪண͚Δ ۭؒΛ࡞Δ ɾCBS͕޷͖ͳͷͰɺΧ΢ϯλʔͰ࣌ʑ஻Γ͔͚Δ
  4. ΧελϚʔδϟʔχʔͭͷϓϩηε ܧଓ ࢀՃ ൺֱݕ౼ ৘ใऩू ೝ஌ ڵຯؔ৺ λον ϙΠϯτ ࢥߟ

    'BDFCPPL *OTUBHSBN Ϩετϥϯͷ αΠτ ৯΂ϩά 3FUUZ ͓ళͰମݧ 4/4ަ׵ ͪΐͬͱམͪண͍ͨҰਓ Ͱ΋ҿΊͦ͏ͳϨετϥ ϯΛ஌Δ Ͳ͏͍͏಺૷͔ϝχϡʔ ͕͋Δ͔Λ֬ೝ ޱίϛͰࣗ෼͕૝૾ͨ͠ ͓ళͷධՁ͔֬ೝ ૝૾ͨ͠௨Γͩ͠ɺ ͓ళͷਓͷ࿩΋ָ͠ ͔ͬͨ Πϕϯτ৘ใ΋ڭ͑ͯ͘ ΕΔ͔Β4/4ަ׵͠Α͏ ΠϯαΠτ େ੠Ͱ஻Γʹ͍ۭؒ͘ʹͳͬͯ ͍Δ͔ େਓ਺ͰೖΕͳ͍ ϨετϥϯͷαΠτͱΪϟοϓ ͕ͳ͍ޱίϛ͕هࡌ͞ΕΔ͔ ๩͍࣌͠Ͱ΋ɺ৽نͷ͓٬͞ Μͱձ࿩Ͱ͖Δ༨༟Λ࡞ΕΔ ͔ ఆظతʹΠϕϯτΛ։࠵͠ɺ͓ ళͷΞΧ΢ϯτͷλΠϜϥΠϯ ʹʹΠϕϯτ৘ใΛషΔ
  5. ࣮ࡍͷྫ ՝୊ɿ঺հจ͕ݟͮΒ͍ • 各番組ページにおいて、番組紹介文を見落とすユーザーが多く見受けられた。 • また、文章自体や「もっと見る」のリンクが見えにくいという意見も見られた。 ໰୊఺ٴͼൃݟ఺ ࠇ͍จࣈͰॻ͍ͯ͋Δͱ͋·Γಡ·ͳ͍ͷͰɺ࠷ॳʹେ͖͍ݟग़͠Ͱɺʮେֶੜ޲͚ʯͱ͔ͦ ͏͍͏ײ͡Ͱग़͍ͯͨΒɺྲྀΕͰಡΉɻ ʮ΋ͬͱݟΔʯ͕നࣈʹͳ͍ͬͯͯখͯ͘͞Θ͔ΓͮΒ͔ͬͨɻ

    ന͍΍ͭʹจࣈ͕όʔοͱॻ͍ͯ͋Δ͚͔ͩͩΒɺಡΈͮΒ͍ͳͱࢥͬͨɻ 上の画像など画面の他の要 素に 視線がいくため文章が目立 たない。 • ʮ΋ͬͱݟΔʯʹԼઢΛ͚ͭΔɺ·ͨ͸จࣈͷ৭Λม͑Δɻ • จ͝ͱʹվߦΛೖΕΔͳͲݟ΍͍͢จষߏ੒ʹ͢Δɻ • എܠʹ৭Λ͚ͭΔɺ্ԼʹઢΛ͚ͭΔͳͲଞͷཁૉͱσβΠϯʹࠩΛ͚ͭΔɻ վળํ਑ 文字の色が薄いため、認識され ない。 またタップができるように見え ない No.8 No.2 No.5 طଘ ৽ن ϫΠϠʔϑϨʔϜ
  6. ձࣾ ઓུࡦఆ χʔζௐࠪ αʔϏεઃܭ 69σβΠϯ ੍࡞ ݕূɾ੒௕ ᶃ޿ࠂ୅ཧళ ˕ ̋

    ̋ ̋ ̋ ̋ ᶄίϯαϧςΟϯάϑΝʔϜ ˕ ̋ ˕ ˕ ̋ ˚ ᶅௐࠪձࣾ  ˕     ᶆ ˚ ˕ ˕ ˕ ˕ ̋ ᶇαΠτɾΞϓϦ੍࡞ձࣾ   ˕ ̋ ˕ ̋ ᶈσδλϧϚʔέςΟϯά ˚ ̋ ̋ ̋ ˕ ̋ ᶉγεςϜձࣾ     ̋  ˞˕ɿߴ͍࣮ߦྗ͕͋Δ ̋ɿҰൠతͳ࣮ߦྗ͕͋Δ ˚ɿ࣮ߦྗ͕ऑ͍ ະఏڙ ԫ৭ͷձࣾʹ͍ͭͯઆ໌͠·͢ χδϘοΫεͷಛ௃
  7. ϓϩμΫτ։ൃ ੒ޭ֬཰Λ্͛Δࣄྫ ϦϦʔε ։ൃ 6*σβΠϯ ϏδϡΞϧ σβΠϯ ཁ݅ఆٛ اը Ϣʔβʔ

    ςετ 69σβΠϯͷઃܭ΍ϢʔβʔςετͰԿճ΋ސ٬ͱର࿩͢Δ 69σβΠϯ Ϣʔβʔ ςετ
  8. ؙࢁΛྫʹߟ͑ͯΈ·͠ΐ͏ *5اۀ ܾࡋऀ ࣄ࣮৘ใ ɾ೥ྸɿࡀ ɾੑผɿஉੑ ɾ৬ۀɿ໾һΫϥε ɾاۀɿ*5اۀ ɾॅ·͍ɿ඼઒۠Ϛϯγϣϯ ɾՈ଒ߏ੒ɿ࠺ɺ௕உͷਓ฻Β͠

    ɾ௨ۈ࣌ؒɿ෼ ಛ௃తͳߦಈ ɾ࢓ࣄͷ΍ΓͱΓͰ'BDFCPPL͕ଟ͍ ɾձࣾͷϒϥϯσΟϯάͰ5XJUUFS͸ྑ͘࢖͏ ɾಡΜͰΔϝσΟΞ͸/FXT1JDLT͔೔ܦͷ8FCͰɺ৽ฉ͸ ಡΜͰ͍ͳ͍ ɾฏ೔΄ͱΜͲձ৯Ͱؼ୐࣌ؒ΋஗͘ɺϙετ͔Βνϥγ ΛͱΔ͜ͱ͕ͳ͍ ɾࢠڙ͕ςϨϏͰ:PVUVCFΛݟΔͨΊɺςϨϏͷχϡʔε ͳͲ͸ࢠڙ͕৸Δ·ͰݟΕͳ͍ χʔζͱΰʔϧ ɾ౔೔͸ࢠڙத৺ͳͨΊࢠڙָ͕͠ΊΔ಺༰ͩͱߦ ͘Մೳੑ͕͋Δ ɾՈ͔ΒࣗసंͰ෼Ҏ಺Ͱߦ͚Δڑ཭ͩͱൺֱత ߦಈ͢Δ
  9. ϖϧιφ ೥ྸ ੑผ ߦಈ $"$ -57 ϚʔέςΟϯάํ๏ "  உ

     ԁ ԁ *OTUBHSBN #  ঁ  ԁ ԁ 5JL5PL $  உ ߦಈ" ԁ ԁ 5XJUUFS %  ঁ ߦಈ" ԁ ԁ *OTUBHSBN &  உ ߦಈ# ԁ ԁ 'BDFCPPL '  ঁ ߦಈ# ԁ ԁ 'BDFCPPL (  உ    ંΓࠐΈ޿ࠂ )  ঁ    ϙεςΟϯά 69σβΠϯºϚʔέςΟϯά ྫ ϖϧιφ͝ͱʹϚʔέςΟϯάख๏͕มΘΓ$"$ʻ-57Λ؍Δඞཁੑ͕͋Δ
  10. ൃ஫ऀʹٻΊΒ͑ΔεΩϧ ᶃ αʔϏεσβΠϯ σβΠϯࢥߟʢΞΠσΞग़͠ʣ ϦʔϯελʔτΞοϓʢ.71ͳͲʣ ϏδωεϞσϧΩϟϯόεͳͲΛ࢖ͬͨαʔϏεઃܭ ᶄ 69σβΠϯ ϖϧιφ ΧελϚʔδϟʔχʔ

    Ϣʔβʔςετʢͪ͜Β͸֎஫Ͱ΋ྑ͍͕಺༰͸ཧղ͢Δඞཁ͕͋Δʣ ᶅ ϚʔέςΟϯά ӦۀɾΞϥΠΞϯε աڈͷϚʔέςΟϯάख๏ʢࢴɾςϨϏʣ 4/4ϚʔέςΟϯάʢ'BDFCPPL 5XJUUFS *OTUHSBNʣ ϦεςΟϯά (PPHMFݕࡧ ಈըϚʔέςΟϯάʢ:PVUVCF 5JL5PLʣ ϢχοτΤίϊϛΫε