まりこの部屋DX for ネクスト様
•
5 likes•1,121 views
2011/7/15(金)に開催された「第2回LPO担当者交流会」でも発表させていただいたスライド資料。
まりこの部屋DX for ネクスト様
- 2. 目次 1. 自己紹介 2. A/Bテスト事例ご紹介 3. A/Bテストをし続けるには？
- 3. 自己紹介 職種 • デザイナー やりたいこと • 実際に使えるものを作る • 作り手と使い手のギャップをなくす 山口磨理子 @marippe_ やってること • 使い手の立場からデザインを考え て、A/Bテストで効果を検証 • 1年弱で約50テスト実施・監修
- 4. A/Bテスト事例ご紹介 A/Bテスト事例ご テスト事例 コントラスト比の改善テスト
- 5. A/Bテストとは A/Bテストとは テスト
- 7. コントラスト比 コントラスト比が高いとより多くの人が見える いとより多くの人 ○見える ○見える ×見えない ○見える ×見えない ○見える
- 8. 見える人にとっても、より見やすくなる える人にとっても、より見 見えるけど ○見えづらい ◎見やすい
- 9. コントラスト比 基準は コントラスト比の基準は？ WCAGが定めている基準があります。 最低限のコントラスト より十分なコントラスト 3:1 4.5 : 1 ※文字のサイズが大きい場合 文字のサイズが きい場合
- 10. 本当に効果があるのかをテスト 本当に効果があるのかをテスト があるのかを ボタンのコントラスト比を上げることでクリックされやすくなるか。 オリジナル コントラスト比変更
- 11. 結果 クリックされやすくなりました。 コントラスト比変更 コントラスト比変更 36.0% 35.2% オリジナル
- 12. 別のサイトのボタンでも同様のテスト サイトのボタンでも同様の でも同様 オリジナル コントラスト比変更
- 13. 結果 こちらもクリックされやすくなりました。 コントラスト比変更 コントラスト比変更 43.5% 41.7% オリジナル
- 14. さらに地図でもテスト さらに地図でもテスト 地図でも オリジナル コントラスト比変更
- 15. 結果 またまたクリックされやすくなりました。 コントラスト比変更 コントラスト比変更 63.3% 62.5% オリジナル
- 16. ということは… ということは コントラスト比の改善で コントラスト比 改善で CTR改善が期待できる！ 改善が 改善 期待できる できる！
- 17. 厳密には 厳密には どちらの効果なのかはわかりません。 見えなかった人が見えるようになった （アクセシビリティ） 見えてた人がより見やすくなった （ユーザビリティ） どちらにせよ、コントラスト比改善はユーザーにとって使いやす くするための1つの手法であると思います。
- 18. A/Bテストをし続けるには？ A/Bテストをし続けるには？ テストをし
- 19. 真の目的はコントラストではない 目的はコントラストではない ユーザビリティやアクセシビリティの重要性を証明するための1 テストです。 大目的 人間中心設計の重要性の証明 人間中心設計の重要性の アクセシビリティ・ アクセシビリティ・ユーザビリティ 小目的 重要性の の重要性の証明 コントラスト比 コントラスト比のテスト
- 20. 大きな目的を持ちましょう きな目的を 目的 大きな目的がないと、失敗した時・反対された時にやめてしまう。 目的がある 目的がない
- 22. ありがとうございました