2. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
持ち帰って欲しいこと
気持ちが大事
点ではなく線で取り組む
2
3. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
自己紹介
中野 信
なかの まこと
ヤフー株式会社
⽣生活メディア事業本部 デザイン開発部⻑⾧長
ガイドライン室 UIガイドライン
アクセシビリティ推進ワーキンググループ
3
4. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Yahoo! JAPANについて
4
5. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
月間総ページビュー(2014年12月)※
5※http://marketing.yahoo.co.jp/service/ad_̲feature.html
約606億PV
6. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
サービス規模
6
※http://marketing.yahoo.co.jp/service/ad_̲feature.html
120超
15. 15Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
16. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
現状
16
17. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
組織
17
5,500人
6人
18. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
課題
推進側と現場の温度差
18
ワーキンググループ
19. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン改定時のフィードバック
コーディングだけでは対応できない
何を求められているか分からない
固い日本語を読むのがつらい
広告管理ツールに適用するのは非現実的
19
20. 20Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
21. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
アプローチ
21
22. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ヤフーでの取り組み
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
22
23. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン・ライブラリ
23
UIライブラリ
UIガイドライン
独⾃自UI
スタイリング
24. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
検証ツール・フロー
検証ツールの全社導入(調整中)
品質保証チームと連携(調整中)
24
25. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
25
企画 設計 開発 評価 リリース
26. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
26
企画 設計 開発 評価 リリース
27. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
個別対応
新規サービス・リニューアルに参加
開発メンバーのフォロー
27
28. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
事例
28
29. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
WAI-ARIAを導入
ランドマーク
aria-hidden
29
30. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
30
トップ 検索索
31. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPAN IDでのログイン(PC)
CAPTCHAに音声認証を用意
31
32. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
JIS X 8341-3:2010 等級Aに準拠
CMSでコンテンツ運用
32
33. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
33
34. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
音声検索
P型、D型の色覚でもわかりやすいUI
TalkBack対応
34
35. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
35
P型 D型
36. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
今後
36
37. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
37
1 120
38. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
4つのアプローチをやりきる
38
39. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
39
40. 40Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
41. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ご静聴ありがとうございます
41