私たち企業がアクセシビリティに取り組む理由(2018年) #accfes

私たち企業が アクセシビリティに 取り組む理由 2018年5月17日 ヤフー株式会社 中野 信 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

自己紹介 • 中野 信 • ヤフー株式会社 • メディアカンパニー プラットフォーム統括本部 広告開発本部 UIデザイン部 • 第5代/第6代黒帯 (アクセシビリティ) • Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. HCD-Net認定 人間中心設計専 門家

アジェンダ • 私たちはなぜ取り組むか? • どのように取り組むか? Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

アジェンダ 今回は、ウェブとアプリの アクセシビリティの話をします Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

私たちは なぜ取り組むか? Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

私たちはなぜ取り組むか? • 企業理念と合致しているから • ウェブがそういうメディアだから • サービス品質向上のため Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

企業理念と合致しているから • UPDATE JAPAN • ユーザーファースト Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 7

企業理念と合致しているから Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 8

ウェブがそういうメディアだから • コンテンツ(HTML)をどう解釈するか はユーザーが決める Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

サービス品質向上のため • アクセシビリティを高めることが基本 品質の向上につながる Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

サービス品質向上のため 顧客の満足感 物理的な充足度 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

サービス品質向上のため 顧客の満足感 魅力品質 性能品質 物理的な充足度 基本品質 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

サービス品質向上のため 顧客の満足感 物理的な充足度 基本品質 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

現状の社内の課題 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

現状の社内の課題 • 優先度を上げられない • ビジネス要件が先行してしまう • ユーザーを量的に捉えようとする • 共感性 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

現状の社内の課題 • ○○サービスがやってるなら… Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

どのように取り組むか Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

さまざまな方法 • 検証環境の整備 • 開発ガイドラインに組み込む • サービスリニューアルの要件に盛り込 む Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

共感性に訴える • デザイン思考の共感と同様 • 理解だけでは得られない 当事者意識を持ってもらう Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

共感性に訴える 共感 創造 テスト Empathize Ideate Test 問題定義 プロトタイプ Define Prototype Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

事例 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 21

事例 ユーザーテストを用いた サービス改善 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを用いたサービス改善 • JBICT.Net 中根さんに協力してもらい、 3サービスのスクリーンリーダーでの ユーザーテストテストを実施 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを用いたサービス改善 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを用いたサービス改善 • テストの状況をサービス担当者に 観察してもらう Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを用いたサービス改善 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを用いたサービス改善 • Yahoo!ニュース ニューストピックスページの「続きを読む」が何かわか らない • Yahoo!検索 病気モジュール内のエクスパンドがリンクやボタンでは なかったため、タップ可能領域と気付かない • Yahoo! JAPANトップページ モーダルウィンドウが分からない、操作できない Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 27

ユーザーテストを用いたサービス改善 • Yahoo!ニュース ボタンを追加し「アプリで読む」と「ウェブで読む」と した • Yahoo!検索 エキスパンドをA要素で実装した • Yahoo! JAPANトップページ モーダルを明示し、代替テキストとフォーカスを修正し た Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 28

Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 29

ユーザーテストを用いたサービス改善 • テスト、改善、その確認までの 一連の流れを記事化 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ユーザーテストを取り込んだサービス改善 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. https://about.yahoo.co.jp/csr/report/005.html

• https://about.yahoo.co.jp/csr/report/005.html

Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 32

ユーザーテストを取り込んだサービス改善 ユーザーを共感と共に理解する 改善までをプロセスに含める 外からの目線で可視化する Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

まとめ • 私たちはなぜ取り組むか? • 企業理念、ウェブ、品質 • どのように取り組むか? • ユーザーテスト Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.

ご静聴ありがとう ございました Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.