Upgrade to Pro — share decks privately, control downloads, hide ads and more …

新型コロナのダッシュボードから考える ユーザー体験の設計

Ad5eddc28171c05461bf198681c2b828?s=47 Kazuki OGIWARA（荻原 和樹）
May 28, 2021
Technology
0
2.2k

新型コロナのダッシュボードから考える ユーザー体験の設計

Ad5eddc28171c05461bf198681c2b828?s=128

Kazuki OGIWARA（荻原 和樹）

May 28, 2021
Tweet

More Decks by Kazuki OGIWARA（荻原 和樹）

See All by Kazuki OGIWARA（荻原 和樹）
新型コロナ特設ページから見るデータ可視化と報道
Ad5eddc28171c05461bf198681c2b828?s=48 kazuki88
0
15
データ可視化を軸としたオープンジャーナリズムの実践
Ad5eddc28171c05461bf198681c2b828?s=48 kazuki88
1
160

Other Decks in Technology

See All in Technology
20220622_FinJAWS_あのときにAWSがあったらこうできた
Feb135945a82ac9c12e91ba5f7e8bce2?s=48 taketakekaho
0
110
What's new in Vision
53e2d354b3299d64a54af680865516d5?s=48 satotakeshi
0
190
プロダクトってなに? マネジメントってなんなの? ゼロからプロダクトマネジメントを 明らかにするぞ / what is product management
A41b463f033e1304539253f8a663c950?s=48 moriyuya
0
160
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
180
SlackBotで あらゆる業務を自動化。問い合わせ〜DevOpsまで #CODT2022
384ef83de6b166677314f14f99aee1cd?s=48 kogatakanori
0
790
DOM Invader - prototype pollution対応の衝撃 - / DOM Invader - prototype pollution
2c4ef0f20c4f05ca30e6c9917f0c17b6?s=48 okuken
0
120
スクラムのスケールとチームトポロジー / Scaled Scrum and Team Topologies
4dd89003cc8fe9f21d67b0c99b773436?s=48 daiksy
1
430
機械学習システムアーキテクチャ入門 #1
8fa31051503b09846584c49cd53d2f80?s=48 asei
3
1.2k
History of the ML system in KARTE
290d6f09d5a1df2c2ecb6601011fe5c1?s=48 kargo113
0
630
ソフトウェアライセンス 2022 / Software License 2022
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
1
1.1k
アジャイル推進活動におけるBeAgileへの変化の兆し/Signs_of_Change_to_"Be_Agile"_in_Agile_Promotion_Activities
88892f20b802d5a732b7c16ce40528f0?s=48 m_iyama
0
170
LINEのB2Bプラットフォームにおけるトラブルシューティング２選
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
3
290

Featured

See All Featured
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
166
7.4k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Easily Structure & Communicate Ideas using Wireframe
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
15k
Git: the NoSQL Database
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
61k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
27
6.6k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.7k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.3k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
Put a Button on it: Removing Barriers to Going Fast.
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2.3k

Transcript

  1. 2021/05/28 Yahoo! Japan Bonfire Data Analyst 新型コロナのダッシュボードから考える ユーザー体験の設計 スマートニュース メディア研究所

    荻原 和樹

  2. 2021/05/28 Yahoo! Japan Bonfire Data Analyst - 荻原 和樹 /

    Kazuki OGIWARA - 2021年2月〜 スマートニュース メディア研究所 - 専門：データ可視化、データ報道 - 2010 〜 2021年 東洋経済新報社 - 東洋経済オンライン、週刊東洋経済編集部など 2017 - 4年間　編集部でコンテンツ制作 2016 - 1年間　デジタルデザインを勉強　 2010 - 6年間　ウェブ・データベース開発 自己紹介 @kaz_ogiwara

  3. 2021/05/28 Yahoo! Japan Bonfire Data Analyst 自己紹介

  4. 2021/05/28 Yahoo! Japan Bonfire Data Analyst 「新型コロナウイルス 国内感染の状況」 - コロナ感染状況データのダッシュボード

    - 2020年2月27日公開 - グッドデザイン賞 - Internet Media Awards選考委員特別賞 - SmartNews ベストパートナー賞 - データジャーナリズム部門 - 2020年の報道で最も多いシェア - Facebook / Twitterで23万回

  5. 2021/05/28 Yahoo! Japan Bonfire Data Analyst ダッシュボードとユーザー体験設計

  6. 2021/05/28 Yahoo! Japan Bonfire Data Analyst - 「不安にならず現状を正確に把握してほしい」 - 大量の報道による「コロナ疲れ」

    ➡ 不安を煽らず落ち着いた配色（特に地図） ➡ 確度の高い情報に絞る＆可視化工程の透明性を確保 - 厚生労働省からのデータ、GitHubにデータ公開 - 自分/家族/友人が感染する可能性はある？ ➡ 国内の状況に注力、DP号や空港検疫は入れない - 解釈は入れない、予測もしない、 Third partyデータは入れない 意図したユーザー体験（＝行動変容）

  7. 2021/05/28 Yahoo! Japan Bonfire Data Analyst コンセプト＝プロダクトの方向性＆根源的な価値 - 提供できる価値＝ユーザー体験設計＝行動変容＝5W1H -

    Ex. ◯◯の状況を把握してほしい / ◯◯の意思決定をしてほしい - コンセプト ≠ メッセージ / ストーリー / 解釈 - とにかく絞る。大切なのは何を「しない」か - 「完璧とはそれ以上何も削れなくなった状態を指す」 - 有益なデータである ≠ プロダクトに載せる - 自動車の速度計など：車がどう動いているか、危険はないか - 障害物センサー：◯　　　　近くの観光名所：✕

  8. 2021/05/28 Yahoo! Japan Bonfire Data Analyst ユーザーの意見は聞かない、反応を見る - 意見や要望には様々なバイアスがかかる -

    詳細なデータ、応用的な機能 - 社内の意見や会議でも同様 - 行き着く場所は「99％が使わない機能の山」 - 「よくわからないからいいや」が最も怖い - 採用・不採用は常にコンセプトを指針にすべし - 「削る」作業はプロダクトオーナーにしかできない - 対照的にユーザーの「反応」は宝の山 - どこでミスしたか、どこで戸惑っているか

  9. 2021/05/28 Yahoo! Japan Bonfire Data Analyst 報道とデータ可視化

  10. 2021/05/28 Yahoo! Japan Bonfire Data Analyst なぜ報道においてデータ可視化が注目されているか - 通常の報道ではカバーできない範囲に手が届く -

    テキストだけでは表現できない表現手段 - フローではなくストックとしてのコンテンツ - 「ニュースを読む層」よりも広い読者に - なぜ日本ではデータ報道が遅れているか？ - 欧米の一部：✕　　世界中：◯ - 紙主体の組織構成、新卒主義、 etc. - 「製造業」から「サービス業」への移行（後述）

  11. 2021/05/28 Yahoo! Japan Bonfire Data Analyst デジタル時代の報道は「製造業」から「サービス業」へ - 製造業：情報そのものに価値がある -

    速報、独自情報、独占インタビュー、特ダネ - 重要な情報を持つ主体（国会議員、大企業幹部など）に食い込む - Ex. 東京都の感染者数を1分でも早く速報する - サービス業：情報によってユーザーに何かを得てもらう - 複雑なデータの理解、意思決定、ストーリーテリング、 etc. - 情報＝データ自体はすでに公開されているものでよい - デザイン、視点、編集力で勝負

  12. 2021/05/28 Yahoo! Japan Bonfire Data Analyst - オープン化とコラボレーションで報道はよくなる、はず - 課題：データがない、見せ方は？、ニーズは？

    - 異業種からの新規参入が報道の活性化に必要 - アイデアやお悩みがあればスマートニュースへ - メディア研究所：勉強会、研究会、事例発信、各種の調査 - 元週刊誌編集長、元官僚、データサイエンティストなど - スローニュース：調査報道支援、特にデータの見せ方 - コンテンツと技術・デザインをブリッジする存在に 最後に：何か面白いことしようぜ！