発表資料

SQiPシンポジウム2016_E1企画セッション講演資料
Confidential
利用者視点に立ったこだわりデザインと
スマホカーナビへの挑戦
ヤフー株式会社
星名 努
2016年9⽉15⽇
1
ソフトウェア品質シンポジウム2016
2014.7
Confidential
Confidential
Yahoo!カーナビアプリ
地図デザイン
ヤフーカーナビプロモーションページより
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
2
ソフトウェア品質シンポジウム2016
2015.7
Confidential
Confidential
Yahoo!道路交通情報
地図デザイン・地図作成
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
3
ソフトウェア品質シンポジウム2016
2016.2
Confidential
Confidential
Yahoo!地図 PCブラウザ版
リニューアルデザイン
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
4
ソフトウェア品質シンポジウム2016
Confidential
第1部
地図屋の
こだわりデザインと
データ品質
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
5
ソフトウェア品質シンポジウム2016
地図の進化
Confidential
Confidential
n デバイスに適合して進化
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
6
書籍地図にもデザイン
Confidential
Confidential
書籍地図にも
デザインを導⼊
縮尺階層化
情報掲載
デザイン
デジタル化
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
7
Confidential
Confidential
ソフトウェア品質シンポジウム2016
縮尺階層化
均⼀メッシュ
⾏政区分
※イメージ図
拡⼤
都⼼
中域
広域
ページあたりの
利⽤頻度を
均質化
周辺
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
8
Confidential
Confidential
ソフトウェア品質シンポジウム2016
情報掲載
信号
交差点名
バス停
コンビニ
GS
2⾞線
バス路線
現在地や
⾛りやすい道路が
分かる
情報掲載
デザイン
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
9
ソフトウェア品質シンポジウム2016
利用者視点
Confidential
Confidential
n 私は欲しいと思う
n 私は利⽤者である
n 利⽤者は欲しいと思っている
⇒
⾃分も利⽤者の場合、
⾃分で納得できないものは出さない
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
10
地図ソフトウェア
Confidential
Confidential
紙地図の
⾒やすさを
PCでも実現
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
11
Confidential
Confidential
ソフトウェア品質シンポジウム2016
インターネット
検索ツール
としての
インターネット
地図
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
12
スマートフォンにシフト
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Confidential
Confidential
13
スマートフォン用デザイン
Confidential
Confidential
n ディスプレイの⼤きさ
n 利⽤シーンの違い
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
14
大きさの違い
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Confidential
Confidential
15
利用シーンの変化
⾃宅やオフィスで
事前に調べて
印刷 持ち運び
Confidential
Confidential
いつでも・どこでも
その場で調べて
スマホ ⾒て⾏く
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
16
膨大なデータ量
Confidential
Confidential
n 新しく正しいデータ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
17
Confidential
Confidential
ソフトウェア品質シンポジウム2016
独自の更新
n 年数回の定期的な更新の隙間で独⾃更新
更新
更新
更新
更新
更新
更新
更新
更新
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
更新
18
独自更新の内容
n
n
n
n
n
n
Confidential
Confidential
新しく開通する⾼速道路
新しく開通するおもな道路
新しく開業する駅
新しくオープンするおもな店舗
新しくオープンするおもなホテル
⼤きな変化のあるおもな・・・
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
19
ソフトウェア品質シンポジウム2016
検索キーワード
Confidential
Confidential
n すべてを更新することは困難
n 検索データの活⽤
– Yahoo!検索 キーワードランキング
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
20
ソフトウェア品質シンポジウム2016
更新事例
Confidential
Confidential
n 2016/9
n 2016/6
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
21
Confidential
Confidential
ソフトウェア品質シンポジウム2016
緊急対応
n 状況に応じて緊急の更新
更新
更新
更新
更新
更新
更新
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
22
Confidential
Confidential
ソフトウェア品質シンポジウム2016
熊本地震
n 道路通⾏実績
n 鉄道運休情報
いずれもヤフー地図ブログ記事より
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
23
ソフトウェア品質シンポジウム2016
データチェック
Confidential
Confidential
n 世界すべてに⽬を通すのは困難
– とんでもないコスト
– とんでもない期間
n 差分チェックログ確認⽅式
– すべてのデータ単位ごとに実施
– 蓄積されたノウハウを駆使
– まとめたログで判定
n それでも内容の間違いは発⽣する
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
24
ソフトウェア品質シンポジウム2016
修正対応
Confidential
Confidential
n 最優先するもの
– 個⼈情報に関すること
– 間違いで迷惑がかかるもの
– 即⽇対応
n 最優先でないもの
– 上記以外のもの
– 数⽇分まとめて
– あるいは定期更新待ち
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
25
ソフトウェア品質シンポジウム2016
地図デザイン品質
Confidential
Confidential
データ品質が新しさ正しさなら
地図デザイン品質は
⾒やすさ
わかりやすさ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
26
ソフトウェア品質シンポジウム2016
元データ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Confidential
Confidential
27
ソフトウェア品質シンポジウム2016
元データと比較
Confidential
Confidential
n 元データから⾒やすくわかりやすくする
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
28
Confidential
Confidential
ソフトウェア品質シンポジウム2016
地図デザイン
製品
データ
・渋谷駅前
・渋谷
・ファミリーマート
表現の
設計
設定
データを製品にするための表現の設計・設定
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
29
ソフトウェア品質シンポジウム2016
デザインで変わる
Confidential
Confidential
同じデータでも図式を変えるだけでこんなに変わる
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
30
ソフトウェア品質シンポジウム2016
デザインで変わる
Confidential
Confidential
同じデータでも図式を変えるだけでこんなに変わる
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
31
ソフトウェア品質シンポジウム2016
図式で変わる
Confidential
Confidential
Yahoo!地図の右上「地図の種類」のほとんどが図式で変更
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
32
ソフトウェア品質シンポジウム2016
表現の例
Confidential
Confidential
渋⾕駅前(信号交差点名)
渋⾕(駅名)
ファミリーマート
例えば渋⾕で3つの例を挙げて・・・
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
33
交差点名の表現(装飾)
渋⾕駅前
・囲む
渋⾕駅前
・囲んで反転
渋谷駅前
・フォント
Confidential
Confidential
※機種依存
現地に似せる、他の情報と差別化する・・・など
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
34
交差点名の表現(配置)
渋⾕駅前
渋⾕駅前
・上に配置
Confidential
Confidential
・引き出す
配置⽅法もいろいろある
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
35
ソフトウェア品質シンポジウム2016
コンビニの表現
Confidential
Confidential
コンビニエンスストア/ファミリーマット
(固有名として捉える)
(業種として捉える)
・コンビニエンスストア ・ファミリーマート
・ファミマ
・コンビニ
装飾以前に表現形態(⽂字か記号か)の選択
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
36
表示する情報の選択
Confidential
Confidential
そもそも表⽰する・しない
位置をずらして表⽰する
記号にして表⽰する
重ならない場合だけ表⽰する
優先順位によるコントロール
⾃動注記配置
⾃動注記配置システムで表⽰優先度をコントロール
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
37
ソフトウェア品質シンポジウム2016
優先順の事例
Confidential
Confidential
渋⾕駅前(信号交差点名)
渋⾕駅前
渋⾕(駅名)
ファミリーマート
どの情報を優先して表⽰すべきか
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
38
ソフトウェア品質シンポジウム2016
優先順の変化
Confidential
Confidential
地図の種類によって
情報の優先順位が変わる
ユーザーニーズによって
変化する
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
39
Yahoo!地図の優先順
駅名
交差点名
Confidential
Confidential
渋⾕
渋⾕駅前
コンビニ
駅名>信号交差点名>コンビニ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
40
Yahoo!カーナビ
交差点名
駅名
Confidential
Confidential
渋⾕駅前
渋⾕
コンビニ
カーナビでは信号交差点名優先>駅名>コンビニ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
41
コンビニマップの場合
Confidential
Confidential
コンビニ
駅名
交差点名
渋⾕
渋⾕駅前
コンビニマップならコンビニ優先>駅名>信号交差点名
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
42
同一項目内のランク
Confidential
Confidential
n 同じ項⽬同⼠で重なってしまう問題
駅名同⼠
東京
有楽町
有楽町
新橋
新橋
浜松町
浜松町
同じ駅名同⼠の場合、重なると表⽰されない
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
43
駅名のランク例
Confidential
Confidential
駅名
駅名ランクA
東京
駅名ランクB
品川
駅名ランクC
有楽町
駅名が隣接した場合を考慮して東京と品川のランクを分ける
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
44
ソフトウェア品質シンポジウム2016
実際の優先順
Confidential
Confidential
駅名ランクA
駅名ランクB
交差点名A
駅名ランクC
コンビニA
交差点名B
コンビニB
実際は複雑に組み合わせている
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
45
ソフトウェア品質シンポジウム2016
まとめ
n
n
n
n
Confidential
Confidential
利⽤者のデバイスの進化に合わせて地図も進化
利⽤者の利便性を意識してデータを更新
利⽤⽅法の変化に合わせてデザインも変化
データとデザインを関連付けて設計製品化
ユーザ品質の向上を⽬指して
写真 : アフロ
Copyright (C) 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
46