アクセシビリティの効果測定

Transcript

1. アクセシビリティの効果測定

   〜測りにくそうなものを測る〜

   2023/03/08

   伊原 力也

   @magi1125

   

   View Slide

2. 伊原 力也（@magi1125）

   ● freee株式会社 デザインマネージャー

   ● Ubie、STUDIO、CULUMU、東京都新型コロナ対策サイト等の

   アクセシビリティ改善支援

   ● HCD-Net 評議委員、ウェブアクセシビリティ基盤委員会 委員

   ● アクセシビリティ関連書籍の執筆・監訳

   2

   

   View Slide

3. サービス提供会社でのアクセシビリティ改善とは

   現状把握

   する

   学ぶ・体験す
   る

   対応箇所

   検討する

   改善する

   ユーザー

   評価する

   世間に

   周知する

   ユーザーの

   声を集める

   把握・改善

   ループ

   啓発・広報

   ループ

   

   View Slide

4. 4

   https://webapp-a11y.com 

   

   View Slide

5. 第7章 アクセシビリティの組織導入

   ● 7.1 本章の読み方・使い方

   ● 7.2 情報を共有して仲間を探す

   ● 7.3 社内コミュニティを立ち上げる

   ● 7.4 自身の考えを社内で発信する

   ● 7.5 小規模な改善にトライする

   ● 7.6 周りがチェックと改善をできるように支援する

   ● 7.7 アクセシビリティを必要とする人に会う

   ● 7.8 アクセシビリティの社内オーナーになる

   

   View Slide

6. 7章の続編：本日の内容のベース

   第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する

   6

   

   View Slide

7. 今日の話について

   話すこと

   ● Webサービス提供会社でのアクセシビリティ効果測定の考え方

   ● 転じて、一見測定しにくいものを可視化する際の考え方

   （例：ユーザビリティ、ブランドイメージ…）

   話さないこと

   ● アクセシビリティ改善活動の始め方、進め方

   ● 測定するための環境・状況の作り方

   （目標設定、社内承認を得る、予算を立てる、時間を捻出する…）

   

   View Slide

8. アクセシビリティの効果測定とは

   

   View Slide

9. アクセシビリティの効果測定とは？

   ● 「サービスを利用可能な状況が増えていること」

   ● でも、それって測定できるの？

   9

   

   View Slide

10. 良い影響が出てそうな、わかりやすい事例

    ● アクセシブルになると検索トラフィックが増える（可能性がある）

    ○ 【これは注目】アクセシビリティ改善でトラフィック12%増!? 検索流入1.5倍の例も
    【SEO情報まとめ】

    ■ ※アクセシビリティオーバーレイの未導入／導入の

    差分の調査である点に注意

    ● アクセシブルになるとクリック率が改善する

    ○ 広告モジュールの導線テキストのテキストサイズと

    カラーコントラストの改善と検証を行い、

    その結果CTR、CPMともに+10%の改善

    10

    

    View Slide

11. Does web accessibility have a positive impact on SEO?
    

    View Slide

12. 2019年、サイバーエージェントのアクセシビリティを振り返る | CyberAgent Developers Blog
    

    View Slide

13. 直接測れるケースは限定的

    ● ログイン後は検索トラフィックの話ではなくなる

    ● アクセシビリティ「だけ」を改善する案件は少ない

    ● Webでは支援技術ユーザーのカウントはできない

    ○ How Many People With Disabilities Use My Website?

    ● モバイルアプリならカウントできるけどオススメしない

    ○ いま少ない→優先度低と誤解 ＆ 別バージョン提供の罠

    ○ Accessibility — Separate but Equal is Never OK | by Sheri Byrne-Haber,
    CPACC

    13

    

    View Slide

14. どうすれば測定できるのか

    

    View Slide

15. 直接測らなければ測れるのでは

    ● 「アクセシブルにして良いことがあった！」を局所で測るのは難しい

    ● しかし、取り組む中での「状況の変化」なら測れる

    ● アクセシビリティは品質。品質といえば…

    15

    

    View Slide

16. 16

    設計品質と利用品質（後編）
    

    View Slide

17. 17

    設計品質と利用品質（前編）
    

    View Slide

18. 18

    設計品質と利用品質（前編）
    

    View Slide

19. サービス提供会社でのアクセシビリティ改善とは

    現状把握

    する

    学ぶ・体験す
    る

    対応箇所

    検討する

    改善する

    ユーザー

    評価する

    世間に

    周知する

    ユーザーの

    声を集める

    把握・改善

    ループ

    啓発・広報

    ループ

    

    View Slide

20. 20

    ユーザーの
    声を集める

    設計品質 利用品質
    ユーザー

    評価する

    世間に

    周知する

    学ぶ・体験す
    る

    現状把握

    する

    改善する

    対応箇所

    検討する

    

    View Slide

21. 21

    課題の数や
    割合

    社内の理解
    度や取り組
    み開始状況

    改善活動の
    度合い

    ユーザーに
    よる評価

    会社のス
    テークホル
    ダーの反応

    プロダクトへ
    の顕在的な
    ニーズ

    設計品質 利用品質
    1
    2
    3
    4
    5
    6
    

    View Slide

22. 測定の6つの視点

    

    View Slide

23. 1. 社内の理解度や

    取り組み開始状況を測定する

    設計品質
    

    View Slide

24. アクセシビリティ研修の実施率

    24

    全てのメンバーにアクセシビリティー研修を実施しはじめました + 研修資料を公開します
    第6回 アクセシビリティを必須スキルとし、採用・研修・スキルアップをする | gihyo.jp
    

    View Slide

25. アクセシビリティチャンネルの参加人数や活性度

    25

    Slack アナリティクスダッシュボードを閲覧する
    

    View Slide

26. アクセシビリティに関わるメンバーの理解度

    26

    note アクセシビリティ勉強会 〜画像編〜
    

    View Slide

27. 手動アクセシビリティチェックの実施率

    27

    第3回 アクセシビリティを新規開発の「当たり前」に組み込む | gihyo.jp
    

    View Slide

28. 2. アクセシビリティの

    課題の数や割合を測定する

    設計品質
    

    View Slide

29. 手動アクセシビリティチェックによる課題発生率

    29

    第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する | gihyo.jp
    

    View Slide

30. 自動チェックによる課題発生率やスコア付け

    30

    Mabl
    

    View Slide

31. 3. 改善活動の度合いを測定する

    設計品質
    

    View Slide

32. QAにおける指標

    ● アクセシビリティ関連IssueやPull Requestの起票数・完了数

    ● アクセシビリティの課題解決にかかる期間の平均時間

    ● リリース前にアクセシビリティissueを改善できた割合

    32

    第4回 アクセシビリティをQA（品質保証活動）につなげる。チケットの扱いを決める | gihyo.jp
    

    View Slide

33. デザインシステムのコンポーネント適用率

    33

    SmartHR UI Storybook
    

    View Slide

34. 34

    課題の数や
    割合

    社内の理解
    度や取り組
    み開始状況

    改善活動の
    度合い

    ユーザーに
    よる評価

    会社のス
    テークホル
    ダーの反応

    プロダクトへ
    の顕在的な
    ニーズ

    設計品質 利用品質
    1
    2
    3
    4
    5
    6
    

    View Slide

35. 4. 会社のステークホルダーの

    反応を測定する

    「設計品質→利用品質」のための伝達
    

    View Slide

36. アクセシビリティに関する広報発信への反応

    36

    第2回 アクセシビリティを広報・プレスリリースによって社外へつなげる | gihyo.jp
    

    View Slide

37. アクセシビリティに関する技術的な発信への反応

    37

    2022年、freeeのアクセシビリティを振り返る
    freee 技術の日
    

    View Slide

38. 38

    課題の数や
    割合

    社内の理解
    度や取り組
    み開始状況

    改善活動の
    度合い

    ユーザーに
    よる評価

    会社のス
    テークホル
    ダーの反応

    プロダクトへ
    の顕在的な
    ニーズ

    設計品質 利用品質
    1
    2
    3
    4
    5
    6
    

    View Slide

39. 5. プロダクトへの

    顕在的なニーズを測定する

    利用品質
    

    View Slide

40. プロダクトアップデート情報への反応数

    40

    製品アクセシビリティ情報 | サイボウズ
    

    View Slide

41. サービス内で障害や利用状況に言及するユーザー数

    41

    note
    

    View Slide

42. アンケートでの障害当事者の回答数

    42

    

    View Slide

43. アクセシビリティ関連の問い合わせの件数

    43

    サイボウズ製品のアクセシビリティ改善に協力
    

    View Slide

44. 商談や導入時のアクセシビリティへの言及数

    44

    2019年、freeeのアクセシビリティを振り返る
    

    View Slide

45. インタビュー・UT時のアクセシビリティ言及の数

    ※UT=ユーザビリティテスト
    

    言及の例：

    ● 文字の大きさや読みやすさ

    ● スマートフォン利用時の画面の見やすさ、色の見分けやすさ

    ● 画面が暗く感じるか・まぶしく感じるか

    ● エラーを起こして修正する際の手順

    ● キーボードで操作するときの経験

    45

    

    View Slide

46. 6. ユーザーによる評価結果を測定する

    利用品質
    

    View Slide

47. 支援技術ユーザーのUTによる問題の発生数

    47

    #15 【字幕あり】「ユーザーと一緒に進めるアクセシビリティ
    〜1年でアクセシビリティを組織に浸透させた noteの取り組み〜」仙田 真郷（note株式会社）
    

    View Slide

48. まとめ

    

    View Slide

49. 49

    課題の数や
    割合

    社内の理解
    度や取り組
    み開始状況

    改善活動の
    度合い

    ユーザーに
    よる評価

    会社のス
    テークホル
    ダーの反応

    プロダクトへ
    の顕在的な
    ニーズ

    設計品質 利用品質
    1
    2
    3
    4
    5
    6
    

    View Slide

50. 7章の続編：本日の内容のベース

    第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する

    50

    

    View Slide

51. 51

    https://webapp-a11y.com 

    

    View Slide

52. ご清聴ありがとうございました

    @magi1125

    

    View Slide

53. デザイナー、複数ポジションで大募集中です！

    freee 採用情報

    53

    

    View Slide

54. View Slide