SlideShare a Scribd company logo
1 of 35
Download to read offline
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
2018年5月17日
ヤフー株式会社 中野 信
私たち企業が
アクセシビリティに
取り組む理由
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
自己紹介
• 中野 信
• ヤフー株式会社
• メディアカンパニー
プラットフォーム統括本部
広告開発本部 UIデザイン部
• 第5代/第6代黒帯
(アクセシビリティ)
• 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.
私たちは
なぜ取り組むか?
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
私たちはなぜ取り組むか?
• 企業理念と合致しているから
• ウェブがそういうメディアだから
• サービス品質向上のため
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 7
企業理念と合致しているから
• UPDATE JAPAN
• ユーザーファースト
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
企業理念と合致しているから
8
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
ウェブがそういうメディアだから
• コンテンツ(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.
さまざまな方法
• 検証環境の整備
• 開発ガイドラインに組み込む
• サービスリニューアルの要件に盛り込
む
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
共感性に訴える
• デザイン思考の共感と同様
• 理解だけでは得られない
当事者意識を持ってもらう
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
共感性に訴える
共感
Empathize
問題定義
Define
創造
Ideate
プロトタイプ
Prototype
テスト
Test
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.
事例
ユーザーテストを用いた
サービス改善
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.
ユーザーテストを用いたサービス改善
27
• Yahoo!ニュース
ニューストピックスページの「続きを読む」が何かわか
らない
• Yahoo!検索
病気モジュール内のエクスパンドがリンクやボタンでは
なかったため、タップ可能領域と気付かない
• Yahoo! JAPANトップページ
モーダルウィンドウが分からない、操作できない
Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
ユーザーテストを用いたサービス改善
28
• Yahoo!ニュース
ボタンを追加し「アプリで読む」と「ウェブで読む」と
した
• Yahoo!検索
エキスパンドをA要素で実装した
• Yahoo! JAPANトップページ
モーダルを明示し、代替テキストとフォーカスを修正し
た
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
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.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
ご静聴ありがとう
ございました

More Related Content

What's hot

ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
Yahoo!デベロッパーネットワーク
 
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
Yahoo!デベロッパーネットワーク
 
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていることYahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
Yahoo!デベロッパーネットワーク
 

What's hot (20)

YJTC18 A-1 大規模サーバの戦略
YJTC18 A-1 大規模サーバの戦略YJTC18 A-1 大規模サーバの戦略
YJTC18 A-1 大規模サーバの戦略
 
Graal を Solr で使ってみた #SolrJP
Graal を Solr で使ってみた #SolrJPGraal を Solr で使ってみた #SolrJP
Graal を Solr で使ってみた #SolrJP
 
YJTC18 C-1 Kotlin導入の状況と展望
YJTC18 C-1 Kotlin導入の状況と展望YJTC18 C-1 Kotlin導入の状況と展望
YJTC18 C-1 Kotlin導入の状況と展望
 
ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
ヤフオク!の快適なカスタマー体験を支えるモバイルアプリのライブアップデート技術
 
Yahoo!ブラウザーにおける市場環境の分析と戦略化
Yahoo!ブラウザーにおける市場環境の分析と戦略化Yahoo!ブラウザーにおける市場環境の分析と戦略化
Yahoo!ブラウザーにおける市場環境の分析と戦略化
 
タブブラウザSDKを作った話 #yjcamp
タブブラウザSDKを作った話 #yjcampタブブラウザSDKを作った話 #yjcamp
タブブラウザSDKを作った話 #yjcamp
 
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
行列ができるECサイトの悩み~ショッピングや決済の技術的問題と処方箋
 
Prestoクエリログの保存/分析機能の構築 #yjdsnight
Prestoクエリログの保存/分析機能の構築 #yjdsnightPrestoクエリログの保存/分析機能の構築 #yjdsnight
Prestoクエリログの保存/分析機能の構築 #yjdsnight
 
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
 
市場で勝ち続けるための品質とテストの技術①
市場で勝ち続けるための品質とテストの技術①市場で勝ち続けるための品質とテストの技術①
市場で勝ち続けるための品質とテストの技術①
 
animation_prototype_campfire_design
animation_prototype_campfire_designanimation_prototype_campfire_design
animation_prototype_campfire_design
 
ニュースアプリで起きた不具合から学んだ 最適への一歩
ニュースアプリで起きた不具合から学んだ 最適への一歩ニュースアプリで起きた不具合から学んだ 最適への一歩
ニュースアプリで起きた不具合から学んだ 最適への一歩
 
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていることYahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
Yahoo!ブラウザーアプリのプロダクトマネージャーが考えていること
 
決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu
 
オタクエンジニアを熱くさせる!モチベーションと効率をあげるチームビルディング_20210611_TechDay#1_3
オタクエンジニアを熱くさせる!モチベーションと効率をあげるチームビルディング_20210611_TechDay#1_3オタクエンジニアを熱くさせる!モチベーションと効率をあげるチームビルディング_20210611_TechDay#1_3
オタクエンジニアを熱くさせる!モチベーションと効率をあげるチームビルディング_20210611_TechDay#1_3
 
通販開発部の西田さん「通販開発マネジメントの5ルール」
通販開発部の西田さん「通販開発マネジメントの5ルール」通販開発部の西田さん「通販開発マネジメントの5ルール」
通販開発部の西田さん「通販開発マネジメントの5ルール」
 
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
 
YJTC18 Keynote Shape the Future - through the Power of Technology
YJTC18 Keynote Shape the Future - through the Power of TechnologyYJTC18 Keynote Shape the Future - through the Power of Technology
YJTC18 Keynote Shape the Future - through the Power of Technology
 
[デブサミ2015] スクラムならうまくいく? 〜グリーのネイティブゲーム作りの歴史をひもとく、 そして未来へ〜
[デブサミ2015] スクラムならうまくいく?〜グリーのネイティブゲーム作りの歴史をひもとく、そして未来へ〜[デブサミ2015] スクラムならうまくいく?〜グリーのネイティブゲーム作りの歴史をひもとく、そして未来へ〜
[デブサミ2015] スクラムならうまくいく? 〜グリーのネイティブゲーム作りの歴史をひもとく、 そして未来へ〜
 
decode17
decode17decode17
decode17
 

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

Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
Yahoo!デベロッパーネットワーク
 

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

Yahoo!ニュースにおける開発手法の取り組み
Yahoo!ニュースにおける開発手法の取り組みYahoo!ニュースにおける開発手法の取り組み
Yahoo!ニュースにおける開発手法の取り組み
 
Netadashi Meetup #6 20170629
Netadashi Meetup #6 20170629Netadashi Meetup #6 20170629
Netadashi Meetup #6 20170629
 
Googleアシスタントアプリ実際のところ
Googleアシスタントアプリ実際のところ Googleアシスタントアプリ実際のところ
Googleアシスタントアプリ実際のところ
 
JSUG 2018 BTC
JSUG 2018 BTCJSUG 2018 BTC
JSUG 2018 BTC
 
誰でもできるGoogleアシスタント開発
誰でもできるGoogleアシスタント開発誰でもできるGoogleアシスタント開発
誰でもできるGoogleアシスタント開発
 
Yahoo!ファイナンスでの開発
Yahoo!ファイナンスでの開発Yahoo!ファイナンスでの開発
Yahoo!ファイナンスでの開発
 
Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
Yahoo!プロモーション広告のビックデータ基盤を支える技術と今後の展望
 
ヤフーでの働き方と担当業務について
ヤフーでの働き方と担当業務についてヤフーでの働き方と担当業務について
ヤフーでの働き方と担当業務について
 
ソフトウェアベンチャーのサポートエンジニア
ソフトウェアベンチャーのサポートエンジニアソフトウェアベンチャーのサポートエンジニア
ソフトウェアベンチャーのサポートエンジニア
 
PayPayのスピード×ビジネス×デザイン
PayPayのスピード×ビジネス×デザインPayPayのスピード×ビジネス×デザイン
PayPayのスピード×ビジネス×デザイン
 
サイエンス視点からのデータアーキテクト
サイエンス視点からのデータアーキテクトサイエンス視点からのデータアーキテクト
サイエンス視点からのデータアーキテクト
 
In-app messaging
In-app messagingIn-app messaging
In-app messaging
 
ドメイン駆動設計とマイクロサービス
ドメイン駆動設計とマイクロサービスドメイン駆動設計とマイクロサービス
ドメイン駆動設計とマイクロサービス
 
AITCオープンラボ 2018年5月度(2)
AITCオープンラボ 2018年5月度(2)AITCオープンラボ 2018年5月度(2)
AITCオープンラボ 2018年5月度(2)
 
Go + Pulsar WebSocket APIの利用事例 #pulsarjp
Go + Pulsar WebSocket APIの利用事例 #pulsarjpGo + Pulsar WebSocket APIの利用事例 #pulsarjp
Go + Pulsar WebSocket APIの利用事例 #pulsarjp
 
YJTC18 D-7 Yahoo!ショッピングのサービスデータ活用事例
YJTC18 D-7 Yahoo!ショッピングのサービスデータ活用事例YJTC18 D-7 Yahoo!ショッピングのサービスデータ活用事例
YJTC18 D-7 Yahoo!ショッピングのサービスデータ活用事例
 
Sendai it commune 03 スポーツジムとダンベルと連携ソリューションとCData
Sendai it commune 03 スポーツジムとダンベルと連携ソリューションとCDataSendai it commune 03 スポーツジムとダンベルと連携ソリューションとCData
Sendai it commune 03 スポーツジムとダンベルと連携ソリューションとCData
 
XP祭り2019 - 日立・ソフトウェア革新部会 ~会社を越境する社内コミュニティ~
XP祭り2019 - 日立・ソフトウェア革新部会 ~会社を越境する社内コミュニティ~XP祭り2019 - 日立・ソフトウェア革新部会 ~会社を越境する社内コミュニティ~
XP祭り2019 - 日立・ソフトウェア革新部会 ~会社を越境する社内コミュニティ~
 
解明! Dynamics 365 Web API 全体像! 第7回JDUC勉強会
解明! Dynamics 365 Web API 全体像! 第7回JDUC勉強会解明! Dynamics 365 Web API 全体像! 第7回JDUC勉強会
解明! Dynamics 365 Web API 全体像! 第7回JDUC勉強会
 
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
 

More from Yahoo!デベロッパーネットワーク

More from Yahoo!デベロッパーネットワーク (20)

ゼロから始める転移学習
ゼロから始める転移学習ゼロから始める転移学習
ゼロから始める転移学習
 
継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator
 
ヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるかヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるか
 
オンプレML基盤on Kubernetes パネルディスカッション
オンプレML基盤on Kubernetes パネルディスカッションオンプレML基盤on Kubernetes パネルディスカッション
オンプレML基盤on Kubernetes パネルディスカッション
 
LakeTahoe
LakeTahoeLakeTahoe
LakeTahoe
 
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
 
Persistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability FeaturePersistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability Feature
 
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
 
eコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtceコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtc
 
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
 
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
 
ビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtcビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtc
 
サイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtcサイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtc
 
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
 
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtcYahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
 
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
 
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtcPC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
 
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtcモブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
 
「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc
 
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtcユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
 

Recently uploaded

研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
atsushi061452
 
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
ssuserbefd24
 

Recently uploaded (12)

20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
 
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
 
論文紹介:Deep Occlusion-Aware Instance Segmentation With Overlapping BiLayers
論文紹介:Deep Occlusion-Aware Instance Segmentation With Overlapping BiLayers論文紹介:Deep Occlusion-Aware Instance Segmentation With Overlapping BiLayers
論文紹介:Deep Occlusion-Aware Instance Segmentation With Overlapping BiLayers
 
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
 
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
 
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
 
Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )
 
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
 
情報を表現するときのポイント
情報を表現するときのポイント情報を表現するときのポイント
情報を表現するときのポイント
 
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
 
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
 
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
 

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

  • 1. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 2018年5月17日 ヤフー株式会社 中野 信 私たち企業が アクセシビリティに 取り組む理由
  • 2. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 自己紹介 • 中野 信 • ヤフー株式会社 • メディアカンパニー プラットフォーム統括本部 広告開発本部 UIデザイン部 • 第5代/第6代黒帯 (アクセシビリティ) • HCD-Net認定 人間中心設計専 門家
  • 3. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. アジェンダ • 私たちはなぜ取り組むか? • どのように取り組むか?
  • 4. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. アジェンダ 今回は、ウェブとアプリの アクセシビリティの話をします
  • 5. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 私たちは なぜ取り組むか?
  • 6. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 私たちはなぜ取り組むか? • 企業理念と合致しているから • ウェブがそういうメディアだから • サービス品質向上のため
  • 7. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 7 企業理念と合致しているから • UPDATE JAPAN • ユーザーファースト
  • 8. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 企業理念と合致しているから 8
  • 9. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ウェブがそういうメディアだから • コンテンツ(HTML)をどう解釈するか はユーザーが決める
  • 10. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. サービス品質向上のため • アクセシビリティを高めることが基本 品質の向上につながる
  • 11. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. サービス品質向上のため 顧客の満足感 物理的な充足度
  • 12. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. サービス品質向上のため 顧客の満足感 物理的な充足度 基本品質 性能品質魅力品質
  • 13. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. サービス品質向上のため 顧客の満足感 物理的な充足度 基本品質
  • 14. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 現状の社内の課題
  • 15. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 現状の社内の課題 • 優先度を上げられない •ビジネス要件が先行してしまう •ユーザーを量的に捉えようとする • 共感性
  • 16. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 現状の社内の課題 • ○○サービスがやってるなら…
  • 17. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. どのように取り組むか
  • 18. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. さまざまな方法 • 検証環境の整備 • 開発ガイドラインに組み込む • サービスリニューアルの要件に盛り込 む
  • 19. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 共感性に訴える • デザイン思考の共感と同様 • 理解だけでは得られない 当事者意識を持ってもらう
  • 20. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 共感性に訴える 共感 Empathize 問題定義 Define 創造 Ideate プロトタイプ Prototype テスト Test
  • 21. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 事例 21
  • 22. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 事例 ユーザーテストを用いた サービス改善
  • 23. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善 • JBICT.Net 中根さんに協力してもらい、 3サービスのスクリーンリーダーでの ユーザーテストテストを実施
  • 24. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善
  • 25. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善 • テストの状況をサービス担当者に 観察してもらう
  • 26. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善
  • 27. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善 27 • Yahoo!ニュース ニューストピックスページの「続きを読む」が何かわか らない • Yahoo!検索 病気モジュール内のエクスパンドがリンクやボタンでは なかったため、タップ可能領域と気付かない • Yahoo! JAPANトップページ モーダルウィンドウが分からない、操作できない
  • 28. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善 28 • Yahoo!ニュース ボタンを追加し「アプリで読む」と「ウェブで読む」と した • Yahoo!検索 エキスパンドをA要素で実装した • Yahoo! JAPANトップページ モーダルを明示し、代替テキストとフォーカスを修正し た
  • 29. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 29
  • 30. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを用いたサービス改善 • テスト、改善、その確認までの 一連の流れを記事化
  • 31. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを取り込んだサービス改善 https://about.yahoo.co.jp/csr/report/005.html
  • 32. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. 32
  • 33. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ユーザーテストを取り込んだサービス改善 ユーザーを共感と共に理解する 改善までをプロセスに含める 外からの目線で可視化する
  • 34. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. まとめ • 私たちはなぜ取り組むか? • 企業理念、ウェブ、品質 • どのように取り組むか? • ユーザーテスト
  • 35. Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. ご静聴ありがとう ございました