Yahoo!乗換案内のアクセシビリティ改善

ヤフー(株)

山本 拓巳

自己紹介
山本 拓巳ヤフー株式会社
 検索サービスカンパニー所属

Yahoo!乗換案内 iOS版 のアプリ開発
 今日は主にiOS版について話しますその他API開発、サーバ運用など
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

2

アジェンダYahoo! JAPANとしての取り組み

Yahoo!乗換案内の機能紹介

アクセシビリティ改善

今後の課題

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

3

4

Yahoo! JAPANとしての取り組み

ウェブアクセシビリティ方針

ヤフー株式会社は、一人でも多くのお客さまが一つでも多くの場面で当社が提供するウェブコンテンツをご利用いただけるように、アクセシビリティの確保に取り組んでいきます。

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止5

Yahoo! JAPANのウェブアクセシビリティ対応について
 目標とする対応度
 JIS X 8341-3:2010 等級A 準拠

 対象範囲 会社概要 プレスリリース IR情報 採用情報Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

6

「課題解決エンジン」であり続けたい 年齢、障がいの有無、利用している機器や環境等に関係なく、お客さまが当社のインターネットサービスを利用できるようにしていく 世の中の課題をITで解決する「課題解決エンジン」であり続けたい

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

7合言葉は「ユーザーファースト」
 ユーザー＝当社のサービスを利用するお客さま お客様の利用環境が多様化しながら変化

 一人ひとりのお客様に対して誠実に向き合いながら、ウェブアクセシビリティを大切にしていく

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

8

「ウェブだからできること」の可能性
 ウェブは私たちの集める力、調べる力、知識や経験を共有する力を劇的に増幅し、一人ひとりの可能性を広げてきた お客さまの「知りたい」、「調べたい」、「買いたい」、「楽しみたい」といった課題を解決していくために、ウェブアクセシビリティは大切な要素の一つとして位置づけていく
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

9IT業界のリーディングカンパニーとして描く「少し先の未来」
 ウェブアクセシビリティの新しい技術仕様も積極的に採用していきたい 日本におけるウェブアクセシビリティの技術向上や普及にも貢献できるのではないかと考えている

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止10日本工業規格「JIS X 8341-3:2010」への対応
 2013年に以下のページでの対応に着手
 会社概要 プレスリリース IR情報 採用情報 詳しくは「ヤフー ウェブアクセシビリティ」で検索
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

11

ヤフーのUIガイドラインについて 12
現状はブラウザ版のガイドラインが主となっているアプリのアクセシビリティは、各サービスに任されていることが多いアプリのガイドライン策定が課題
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

13

機能紹介

機能紹介 | Yahoo!乗換案内とはYahoo! JAPANが提供している乗換案内アプリ
経路検索、時刻表、運行情報、駅情報

他にも便利機能がたくさん全て無料
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

14機能紹介| 経路検索

駅 to 駅だけじゃないドア to ドア 住所やランドマーク、バス停、電話番号でも検索できる

乗車位置や地図、周辺のグルメ情報もオフラインでも見れる検索メモ
乗降車アラームや天気など
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

15

機能紹介| 時刻表

駅の時刻表 始発駅、臨時列車なども表示できるオフラインでも見れる時刻表メモ
停車駅の一覧

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

16機能紹介| 運行情報

公式の運行情報を提供
最寄りの路線の運行情報
登録路線の運行情報

リアルタイム検索での運行情報
メールやプッシュ通知に対応
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

17機能紹介| 駅情報

駅の地図、周辺情報
 グルメ、ATM、コンビニ、ホテル

時刻表、出口案内、駅の設備
検索のビッグデータを使った、その駅で話題のグルメや検索クエリ

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

18機能紹介| 通勤タイマー

電車の発車時刻をカウントダウン
行き帰りの時間に応じて駅を表示
猫や犬、お気に入りの画像のテーマ設定

ウィジェット（iOS8以上）

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

19

20

アクセシビリティ改善

開発フローについて

コン
セプ
ト

企
画・設
計

開発

21

評
価

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

リリース

開発フローについて

コン
セプ
ト

企
画・設
計

開発

22

評
価

アクセシビリティの改善
メンバー間だけでなく、社員ユーザビリティテストもCopyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

リリース

アクセシビリティ改善 | 音声検索

Yahoo!音声アシストとの技術連携
「◯◯から◯◯まで」で検索
簡単に検索クエリが入力できる

駅だけじゃなくランドマーク等も可能

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止23

アクセシビリティ改善 | UI改善

色弱者へ配慮のあるデザイン
色に意味をもたせ、わかりやすく オレンジ検索ボタン

青タップできる要素 濃い緑

何か意思決定させるボタン

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止24

アクセシビリティ改善 | TalkBack対応

主要機能の検索機能のボタン・要素に、ラベルを付与
読み上げ文章もわかりやすいように工夫

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

25

26

今後の課題

今度の課題現状、視覚障害者向けの機能は少なく、サポートも少ない状態になっている新たなデバイスや技術を取り入れていきたい

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

27

今後の課題 | 音声検索

今は出発地と目的地のみ
時間などのや移動条件を指定した検索音声でのナビゲーション

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止28

今後の課題 | UI改善

色弱者向けのモードなど
 アーリーアダプター向けに作られることが多く、微妙な明度差しかつけていないDynamic Type を意識したレイアウト

機能を色やデザインだけじゃなく、アニメーションを利用し直感的な表現にCopyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止29

今後の課題 | Voice Over 対応

要素の種類やラベル、ヒントなどを付与
 現状は Voice over に未対応

Androidの TalkBack の対応も充実させる

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

30

おわりに
先日、JR東京駅で iBeaconを利用した駅構内ナビゲーションの実験が行われた
構内では GPS の精度が足りないが、Bluetooth LE を利用し、近距離ナビゲーションを実現

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

31

おわりに
駅との連携Siriと3rd party アプリとの連携

Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止

32

33

ありがとうございました