Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
新型コロナのダッシュボードから考える ユーザー体験の設計
Search
Kazuki OGIWARA(荻原 和樹)
May 28, 2021
Technology
3.4k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
新型コロナのダッシュボードから考える ユーザー体験の設計
Kazuki OGIWARA(荻原 和樹)
May 28, 2021
More Decks by Kazuki OGIWARA(荻原 和樹)
See All by Kazuki OGIWARA(荻原 和樹)
新型コロナ特設ページから見るデータ可視化と報道
kazuki88
0
52
データ可視化を軸としたオープンジャーナリズムの実践
kazuki88
1
230
Other Decks in Technology
See All in Technology
少人数データチームのDevin活用実践事例
runandy16
2
460
GoCon2026 - Open Source, Open World
sanposhiho
2
540
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
kazumanagano
0
210
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
falken
PRO
0
270
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
x5gtrn
PRO
0
150
ASTを使って影響範囲を特定する
nealle
0
110
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
soudai
PRO
3
150
enechainの内製セルフサービスプラットフォーム
hiyosi
0
140
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
ktkn1129
0
140
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
fujiwara3
3
410
2026-09-10 【Snowflake World Tour Tokyo 2026】dbt Core と Snowflake で実現する多層的なデータガバナンス / Multi-Layered Data Governance Powered by dbt Core and Snowflake
civitaspo
0
230
Sigmaユーザーのための有用リソース一挙公開 & Sigmaで使えるMCP #sigma_ucj /useful-resources-for-sigma-computing-users-and-mcps-with-sigma
shinyaa31
0
170
Featured
See All Featured
HDC tutorial
michielstock
2
850
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
340
Facilitating Awesome Meetings
lara
57
7.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
The agentic SEO stack - context over prompts
schlessera
0
910
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
230
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
RailsConf 2023
tenderlove
30
1.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
エンジニアに許された特別な時間の終わり
watany
108
250k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Transcript
2021/05/28 Yahoo! Japan Bonfire Data Analyst 新型コロナのダッシュボードから考える ユーザー体験の設計 スマートニュース メディア研究所
荻原 和樹
2021/05/28 Yahoo! Japan Bonfire Data Analyst - 荻原 和樹 /
Kazuki OGIWARA - 2021年2月〜 スマートニュース メディア研究所 - 専門:データ可視化、データ報道 - 2010 〜 2021年 東洋経済新報社 - 東洋経済オンライン、週刊東洋経済編集部など 2017 - 4年間 編集部でコンテンツ制作 2016 - 1年間 デジタルデザインを勉強 2010 - 6年間 ウェブ・データベース開発 自己紹介 @kaz_ogiwara
2021/05/28 Yahoo! Japan Bonfire Data Analyst 自己紹介
2021/05/28 Yahoo! Japan Bonfire Data Analyst 「新型コロナウイルス 国内感染の状況」 - コロナ感染状況データのダッシュボード
- 2020年2月27日公開 - グッドデザイン賞 - Internet Media Awards選考委員特別賞 - SmartNews ベストパートナー賞 - データジャーナリズム部門 - 2020年の報道で最も多いシェア - Facebook / Twitterで23万回
2021/05/28 Yahoo! Japan Bonfire Data Analyst ダッシュボードとユーザー体験設計
2021/05/28 Yahoo! Japan Bonfire Data Analyst - 「不安にならず現状を正確に把握してほしい」 - 大量の報道による「コロナ疲れ」
➡ 不安を煽らず落ち着いた配色(特に地図) ➡ 確度の高い情報に絞る&可視化工程の透明性を確保 - 厚生労働省からのデータ、GitHubにデータ公開 - 自分/家族/友人が感染する可能性はある? ➡ 国内の状況に注力、DP号や空港検疫は入れない - 解釈は入れない、予測もしない、 Third partyデータは入れない 意図したユーザー体験(=行動変容)
2021/05/28 Yahoo! Japan Bonfire Data Analyst コンセプト=プロダクトの方向性&根源的な価値 - 提供できる価値=ユーザー体験設計=行動変容=5W1H -
Ex. ◯◯の状況を把握してほしい / ◯◯の意思決定をしてほしい - コンセプト ≠ メッセージ / ストーリー / 解釈 - とにかく絞る。大切なのは何を「しない」か - 「完璧とはそれ以上何も削れなくなった状態を指す」 - 有益なデータである ≠ プロダクトに載せる - 自動車の速度計など:車がどう動いているか、危険はないか - 障害物センサー:◯ 近くの観光名所:✕
2021/05/28 Yahoo! Japan Bonfire Data Analyst ユーザーの意見は聞かない、反応を見る - 意見や要望には様々なバイアスがかかる -
詳細なデータ、応用的な機能 - 社内の意見や会議でも同様 - 行き着く場所は「99%が使わない機能の山」 - 「よくわからないからいいや」が最も怖い - 採用・不採用は常にコンセプトを指針にすべし - 「削る」作業はプロダクトオーナーにしかできない - 対照的にユーザーの「反応」は宝の山 - どこでミスしたか、どこで戸惑っているか
2021/05/28 Yahoo! Japan Bonfire Data Analyst 報道とデータ可視化
2021/05/28 Yahoo! Japan Bonfire Data Analyst なぜ報道においてデータ可視化が注目されているか - 通常の報道ではカバーできない範囲に手が届く -
テキストだけでは表現できない表現手段 - フローではなくストックとしてのコンテンツ - 「ニュースを読む層」よりも広い読者に - なぜ日本ではデータ報道が遅れているか? - 欧米の一部:✕ 世界中:◯ - 紙主体の組織構成、新卒主義、 etc. - 「製造業」から「サービス業」への移行(後述)
2021/05/28 Yahoo! Japan Bonfire Data Analyst デジタル時代の報道は「製造業」から「サービス業」へ - 製造業:情報そのものに価値がある -
速報、独自情報、独占インタビュー、特ダネ - 重要な情報を持つ主体(国会議員、大企業幹部など)に食い込む - Ex. 東京都の感染者数を1分でも早く速報する - サービス業:情報によってユーザーに何かを得てもらう - 複雑なデータの理解、意思決定、ストーリーテリング、 etc. - 情報=データ自体はすでに公開されているものでよい - デザイン、視点、編集力で勝負
2021/05/28 Yahoo! Japan Bonfire Data Analyst - オープン化とコラボレーションで報道はよくなる、はず - 課題:データがない、見せ方は?、ニーズは?
- 異業種からの新規参入が報道の活性化に必要 - アイデアやお悩みがあればスマートニュースへ - メディア研究所:勉強会、研究会、事例発信、各種の調査 - 元週刊誌編集長、元官僚、データサイエンティストなど - スローニュース:調査報道支援、特にデータの見せ方 - コンテンツと技術・デザインをブリッジする存在に 最後に:何か面白いことしようぜ!