Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

まりこの部屋Dx for ネクスト様

11,428 views

Published on

http://www.slideshare.net/uioroom/dx-for-8500727 で資料が見切れていたので個人アカウントでアップしました

  • Be the first to comment

まりこの部屋Dx for ネクスト様

  1. 1. A/B テスト事例のご紹介、他
  2. 2. 目次 1. 自己紹介 2. A/B テスト事例ご紹介 3. A/B テストをし続けるには?
  3. 3. 自己紹介 職種 • デザイナー やりたいこと • 実際に使えるものを作る • 作り手と使い手のギャップをなくす山口磨理子 @marippe_ やってること • 使い手の立場からデザインを考え て、 A/B テストで効果を検証 • 1 年弱で約 50 テスト実施・監修
  4. 4. A/B テスト事例ご紹介コントラスト比の改善テスト
  5. 5. A/B テストとは
  6. 6. コントラストとは色と色の差。コントラストが高いほどクッキリ見えます。
  7. 7. コントラスト比が高いとより多くの人が見える ○ 見える ○ 見える × 見えない ○ 見える × 見えない ○ 見える
  8. 8. 見える人にとっても、より見やすくなる 見えるけど ○ 見えづらい ◎ 見やすい
  9. 9. コントラスト比の基準は?WCAG が定めている基準があります。最低限のコントラスト より十分なコントラスト 3:1 4.5 : 1※ 文字のサイズが大きい場合
  10. 10. 本当に効果があるのかをテストボタンのコントラスト比を上げることでクリックされやす くなるか。オリジナル コントラスト比変更
  11. 11. 結果クリックされやすくなりました。 コントラスト比変 更 36.0% 35.2% オリジナル
  12. 12. 別のサイトのボタンでも同様のテストオリジナル コントラスト比変更
  13. 13. 結果こちらもクリックされやすくなりました。 コントラスト比変 更 43.5% 41.7% オリジナル
  14. 14. さらに地図でもテストオリジナル コントラスト比変更
  15. 15. 結果またまたクリックされやすくなりました。 コントラスト比変 更 63.3% 62.5% オリジナル
  16. 16. ということは … コントラスト比の改善で CTR 改善が期待できる!
  17. 17. 厳密にはどちらの効果なのかはわかりません。 見えなかった人が見えるようになった (アクセシビリティ) 見えてた人がより見やすくなった (ユーザビリティ)どちらにせよ、コントラスト比改善はユーザーにとって使いやすくするための 1 つの手法であると思います。
  18. 18. A/B テストをし続けるには?
  19. 19. 真の目的はコントラストではないユーザビリティやアクセシビリティの重要性を証明するための 1 テストです。 人間中心設計の重要性の証明 大目的 アクセシビリティ・ユーザ 小目的 ビリティの重要性の証明 コントラスト比のテスト
  20. 20. 大きな目的を持ちましょう大きな目的がないと、失敗した時・反対された時にやめてしまう。 目的がある 目的がない
  21. 21. 例えば•ユーザーに愛されるサイトにしたいので、テストをし続けてユーザーアクションや満足度を上げ続ける•デザイン / デザイナーの重要性をアピールしたいので、デザインによって CTR や CVR や収益が変わることを訴え続ける•指示された内容をこなすんじゃなくて自分でデザインしたいので、指示された版と自分版をテストし続けて信頼を得る
  22. 22. ありがとうございました

×