あなたの(そして何十億人の)ための巨大なウェブデザインの方法
-
0:01 - 0:04「デザイン」という言葉から
何を思い浮かべますか? -
0:04 - 0:07こういうモノですか?
-
0:07 - 0:10手に取れる
お洒落な工芸品だったり -
0:10 - 0:13ロゴやポスター
地図など -
0:13 - 0:15視覚的に訴える
-
0:15 - 0:18流行り廃りのないデザインではないでしょうか
-
0:18 - 0:21でも今日 私がお話ししたいのは
-
0:21 - 0:22そのようなデザインではなく
-
0:22 - 0:24おそらく毎日
使っているのに -
0:24 - 0:26あまり考えたことがないモノ
-
0:26 - 0:28デザインがよく変わるのに
-
0:28 - 0:31持ち歩いている物についてです
-
0:31 - 0:33私がお話しするのは
-
0:33 - 0:35デジタル体験のデザイン—
-
0:35 - 0:37特に システムデザインについてです
-
0:37 - 0:39それらはとても大きいので
-
0:39 - 0:41規模を把握しづらいのです
-
0:41 - 0:43例えば Googleは毎日
-
0:43 - 0:4710億件以上の検索を処理しており
-
0:47 - 0:49毎分100時間以上の映像が
-
0:49 - 0:52YouTubeにアップロードされています
-
0:52 - 0:53これはアメリカの大手放送会社3社の
-
0:53 - 0:56過去5年間の放送分を超えた映像が
-
0:56 - 0:591日でアップロードされている計算です
-
0:59 - 1:02Facebookでは
-
1:02 - 1:0312億3千万人以上の
-
1:03 - 1:06写真やメッセージやストーリーが
発信されています -
1:06 - 1:09これはネット人口の約半数で
-
1:09 - 1:11世界の人口の6分の1にあたります
-
1:11 - 1:12私のキャリアを通じて
-
1:12 - 1:15デザインに携わった製品もありますが
-
1:15 - 1:17規模がとても大きいため
-
1:17 - 1:19これまでに無い デザイン上の
-
1:19 - 1:21課題が生じています
-
1:21 - 1:23しかし 規模が大きなデザインの
-
1:23 - 1:26本当に難しい点とは何でしょうか
-
1:26 - 1:28難しい部分は
-
1:28 - 1:312つの組み合わせで
-
1:31 - 1:34「大胆さ」と「謙虚さ」です
-
1:34 - 1:37大胆さとは 全世界が欲して
必要とする何かを -
1:37 - 1:41作っていると信じることです
-
1:41 - 1:44そして 謙虚さとは
デザイナーとして -
1:44 - 1:46自分や自分の作品集のためではなく
-
1:46 - 1:49誰かのためにデザインすること
-
1:49 - 1:51また デザインを通じて
人々の暮らしを -
1:51 - 1:52いかに良くするかということです
-
1:52 - 1:55残念なことに
「人類のためのデザイン入門」を -
1:55 - 1:59教えてくれる学校はありません
-
1:59 - 2:01これらの製品に関与している
-
2:01 - 2:02私や他のデザイナーは
-
2:02 - 2:06模索しながら作品を生み出し
-
2:06 - 2:07切磋琢磨することで
-
2:07 - 2:09規模の大きなデザインの
ベストプラクティスを -
2:09 - 2:11見出そうとしています
-
2:11 - 2:13今日は私達が数年かけて
-
2:13 - 2:15学んだことをお話ししたいと思います
-
2:15 - 2:17規模の大きなデザインで
-
2:17 - 2:18まず知っておくべきことは
-
2:18 - 2:21細部が本当に重要だということです
-
2:21 - 2:23これは とても小さなデザインの要素の
-
2:23 - 2:26影響が いかに大きいかを
示した良い例です -
2:26 - 2:29Facebookで
「いいね!」ボタンを -
2:29 - 2:31管理しているチームは
-
2:31 - 2:34デザインの変更を決めました
-
2:34 - 2:36ボタンは
私達のブランドの進化と共に -
2:36 - 2:38まとまりがなくなったので
-
2:38 - 2:39最新のものにする必要があったのです
-
2:39 - 2:41小さなボタンに過ぎない
-
2:41 - 2:43かなり単純で簡単なデザインだと
-
2:43 - 2:46思われるでしょう
それが違うんです -
2:46 - 2:48このボタンには
デザイン上の -
2:48 - 2:50様々な制約がありました
-
2:50 - 2:54縦横の決まった設定値内で
作成する必要があるのです -
2:54 - 2:56多言語で機能するよう
-
2:56 - 2:58気を配る必要もありました
-
2:58 - 3:01また お洒落なグラデーションや
ボーダーも要注意です -
3:01 - 3:03昔ながらのウェブブラウザの
-
3:03 - 3:05優雅さを損なうからです
-
3:05 - 3:07ですから この小さなボタンのデザインには
-
3:07 - 3:10大変苦労しました
-
3:10 - 3:12そして これが新しいバージョンです
-
3:12 - 3:14このプロジェクトのデザイナーは
-
3:14 - 3:18280時間以上
つまり何か月もかけて -
3:18 - 3:21このボタンのデザイン変更に
取り組みました -
3:21 - 3:24なぜ こんなに小さなものに
-
3:24 - 3:26膨大な時間を費やすのでしょうか?
-
3:26 - 3:28規模が大きなデザインを作る場合
-
3:28 - 3:31些細なものなどないからです
-
3:31 - 3:32この他愛のない 小さなボタンが
-
3:32 - 3:361日に平均して220億回
-
3:36 - 3:40750万以上のウェブサイトで
閲覧されているのです -
3:40 - 3:44今までに最もよく見られた
デザインの1つです -
3:44 - 3:46小さなボタンにしては
とてつもない重圧で -
3:46 - 3:48その裏にはデザイナーがいますが
-
3:48 - 3:49この種のデザインは
-
3:49 - 3:52細部まできちんとする必要があるのです
-
3:52 - 3:55次に理解すべきことは
-
3:55 - 3:57データを伴うデザインの方法です
-
3:57 - 3:59このような製品を作る時は
-
3:59 - 4:02その製品がどのように使われるかという
-
4:02 - 4:04膨大な情報を集めることが
-
4:04 - 4:05デザインを決める際に
-
4:05 - 4:07有用になります
-
4:07 - 4:10でも数に従えばいい
というものではありません -
4:10 - 4:11ご理解いただくために
-
4:11 - 4:13例を挙げて説明します
-
4:13 - 4:15Facebookは長い間
-
4:15 - 4:18私達のコミュニティ基準に
違反する写真— -
4:18 - 4:20スパムや嫌がらせを
報告できる -
4:20 - 4:23ツールを持っています
-
4:23 - 4:25報告を受けた写真は大量にありましたが
-
4:25 - 4:27蓋を開けてみると
-
4:27 - 4:28コミュニティの基準に違反したものは
-
4:28 - 4:31実際は わずかしかありません
-
4:31 - 4:34大半は典型的なパーティーの写真でした
-
4:34 - 4:37ある例を紹介しましょう
-
4:37 - 4:39私の友人のローラが
—仮にですが— -
4:39 - 4:41カラオケの飲み会での
-
4:41 - 4:44私の写真をアップロードするとします
-
4:44 - 4:47あくまで例です
念を押しておきます -
4:47 - 4:49(笑)
-
4:49 - 4:50ちなみに
-
4:50 - 4:52Facebook上で
-
4:52 - 4:53上司や同僚に
-
4:53 - 4:55自分の恥ずかしい写真を見られることを
-
4:55 - 4:57心配する人もいます
-
4:57 - 4:59Facebookで働いている人間には
-
4:59 - 5:02避けて通れません
-
5:02 - 5:04とにかく 誤って
スパムや嫌がらせと -
5:04 - 5:08報告された写真は多いのです
-
5:08 - 5:10チームの技術者の一人には
先見の明がありました -
5:10 - 5:12本当にこれから起こることを
-
5:12 - 5:14正しく見通していたのです
-
5:14 - 5:16彼が多くのケースを検証したところ
-
5:16 - 5:17自分が写っている写真を
-
5:17 - 5:19削除してほしいという
-
5:19 - 5:22要望が大半だったのです
-
5:22 - 5:24これはチームが考えたこともない
-
5:24 - 5:27シナリオでした
-
5:27 - 5:28そこで 友人にメッセージを送って
-
5:28 - 5:31写真の削除を依頼するという
-
5:31 - 5:33新しい機能を追加しました
-
5:33 - 5:34でも うまく行きませんでした
-
5:34 - 5:3520%しか友人に
-
5:35 - 5:38メッセージを送らなかったのです
-
5:38 - 5:40そのため チームは
行き詰ってしまいました -
5:40 - 5:43そこで 調停の専門家に相談し
-
5:43 - 5:46婉曲表現の普遍原理についても
-
5:46 - 5:48学びました
-
5:48 - 5:49私は婉曲表現というものを
-
5:49 - 5:51この研究が行われるまで
知りませんでした -
5:51 - 5:54そして 面白いことを見つけたのです
-
5:54 - 5:56友人に写真の削除依頼をする以上の
手助けをしたのです -
5:56 - 5:58友人に写真の削除依頼をする以上の
手助けをしたのです -
5:58 - 6:01その写真でどんな気持ちになったかを
-
6:01 - 6:03友人に伝えることにしたのです
-
6:03 - 6:05その経験が今に役立っています
-
6:05 - 6:08例えば私がこの写真を見つけたとします
-
6:08 - 6:11スパムでも嫌がらせでもありません
-
6:11 - 6:14でも 私はFacebookに載せて欲しくありません
-
6:14 - 6:17そこでFacebookに報告するのは
-
6:17 - 6:19「この写真に自分が写っているのが好ましくない」
-
6:19 - 6:22それから更に掘り下げます
-
6:22 - 6:25なぜこの写真が
好きではないのでしょうか? -
6:25 - 6:27「恥ずかしいから」を選択します
-
6:27 - 6:31すると 友達にメッセージを送るよう促されます
-
6:31 - 6:33これが大きな違いを生むのです
-
6:33 - 6:36奨励される特定の言葉を選んで
この写真によって -
6:36 - 6:39私がどう感じたかを
-
6:39 - 6:41ローラに伝えることができます
-
6:41 - 6:44私のチームは このちょっとした変化の
-
6:44 - 6:45影響力が甚大なことに気づきました
-
6:45 - 6:48以前は20%の人しか
-
6:48 - 6:49メッセージを送らなかったのに
-
6:49 - 6:51今では60%の人が送っています
-
6:51 - 6:52各種の調査によると
-
6:52 - 6:54双方の会話で
結果的に良くなったと -
6:54 - 6:56感じていることが分かりました
-
6:56 - 6:58同じ調査で
-
6:58 - 7:00友人の90%が
どうして怒らせたのか -
7:00 - 7:03知りたいと思っていることも分かりました
-
7:03 - 7:05残りの10%については分かりませんが
-
7:05 - 7:07「友達解除」機能が
-
7:07 - 7:08役立つかもしれません
-
7:08 - 7:10ご覧の通り
-
7:10 - 7:13これらの決定は非常に微妙なのです
-
7:13 - 7:15もちろん 決定を通知するために
-
7:15 - 7:16沢山のデータを使いますが
-
7:16 - 7:19私達が多いに頼るのは
反復 -
7:19 - 7:23研究 テスト
直感 人情などです -
7:23 - 7:25アートであり
科学なのです -
7:25 - 7:28さて このような製品を作るデザイナーを
-
7:28 - 7:30時に「データ駆動型」と呼びます
-
7:30 - 7:32私達を完全に虜にする言葉です
-
7:32 - 7:35私達は自分達のデザインを厳密に
-
7:35 - 7:38テストする責任があります
-
7:38 - 7:40多くの人々から
きちんとするよう -
7:40 - 7:41期待されているのですから
-
7:41 - 7:43でもデータ分析は
-
7:43 - 7:46デザインのインスピレーションにはなりません
-
7:46 - 7:50データは良いデザインを
素晴らしいものにできますが -
7:50 - 7:53悪いデザインを良くすることは
できないのです -
7:53 - 7:56次に原則として
理解すべきは -
7:56 - 7:58変更を導入する時で
-
7:58 - 8:00非常に注意を払う必要があります
-
8:00 - 8:02私がよく使う冗談ですが
-
8:02 - 8:04変更自体に掛ける時間と
-
8:04 - 8:06同じくらい
変更を導入する時の -
8:06 - 8:08デザインに時間を費やします
-
8:08 - 8:11それは私達がよく使う物が変化し
-
8:11 - 8:13慣れる必要がある時と
-
8:13 - 8:15すべて繋がっているのです
-
8:15 - 8:17実際 私達は悪いデザインを
-
8:17 - 8:20とても効率よく使うことができます
-
8:20 - 8:23長期的には 変更が良いことであっても
-
8:23 - 8:26変更されると 物凄くイライラします
-
8:26 - 8:28ユーザーが内容を作るものなら
-
8:28 - 8:30なおさらです
-
8:30 - 8:34持ち主が自分のものだと
主張できるからです -
8:34 - 8:37事実 ユーザーが書いた内容なのですから
-
8:37 - 8:40何年も前 YouTubeで働いていた時
-
8:40 - 8:42もっと多くの人に
ビデオを評価してもらう -
8:42 - 8:44方法を模索していました
-
8:44 - 8:47データを見て面白いと感じたことは
-
8:47 - 8:50大半の人が
最高の5つ星評価だけを使い -
8:50 - 8:52大半の人が
最高の5つ星評価だけを使い -
8:52 - 8:54一握りの人が
-
8:54 - 8:56最低の1つ星評価をしたのです
-
8:56 - 8:57そして 実際
誰一人として -
8:57 - 8:592つ星、3つ星、4つ星を
使いませんでした" -
8:59 - 9:01そこで デザインを単純化し
-
9:01 - 9:05良いか悪いかの2つで
投票するようにしました -
9:05 - 9:08誰でも参加できるよう
単純になりましたが -
9:08 - 9:10ユーザーは5つ星評価の方に
-
9:10 - 9:12馴染みがありました
-
9:12 - 9:14ビデオ製作者は
評価されるのが大好きでした -
9:14 - 9:16何百万人もの人が
-
9:16 - 9:18従来のデザインに馴染んでいました
-
9:18 - 9:20そのため ユーザーに
-
9:20 - 9:21変化に適応し もっと早く
-
9:21 - 9:24新しいデザインに慣れてもらうため
-
9:24 - 9:26データやグラフを
-
9:26 - 9:28コミュニティと共有しながら
-
9:28 - 9:30何をしようとしているのかを
説明しました -
9:30 - 9:33この会話を通じて
大きな業界と関わることができ -
9:33 - 9:34結果的に 私の一番お気に入りの
-
9:34 - 9:37TechCrunchの見出しになりました
-
9:37 - 9:41「YouTubeが5つ星評価について
下した評価は— -
9:41 - 9:44『役立たず』だった」
-
9:44 - 9:46さて 多くの人々が使う製品のデザインを
-
9:46 - 9:49変更する時
それに伴う反感から -
9:49 - 9:51完全に逃れることはできません
-
9:51 - 9:53どんなに正しいことをしたくても
-
9:53 - 9:55お決まりのビデオ抗議や
-
9:55 - 9:57怒りのメール
セキュリティチェックが必要な -
9:57 - 10:02小包さえ
大量に送られて来ます -
10:02 - 10:04私達が覚えておくべきは
ユーザーが -
10:04 - 10:06この手の変更に
非常に繊細だということです -
10:06 - 10:09なぜなら これらの製品が
この作品が— -
10:09 - 10:12彼らにとって 非常に大切だからです
-
10:12 - 10:15さて デザインの細部にわたって
気を配る必要があることを -
10:15 - 10:17ご理解いただけたと思います
-
10:17 - 10:19デザインする過程で
どのようにデータを使うのかを -
10:19 - 10:21認識しなければなりません
-
10:21 - 10:23そして 非常に注意深く
-
10:23 - 10:25変更を導入しなければいけません
-
10:25 - 10:27これらは すべて役に立つのです
-
10:27 - 10:30規模の大きなデザインをするには
うってつけの手法です -
10:30 - 10:32ただし より基本的なものを
-
10:32 - 10:33理解していなければ
-
10:33 - 10:35何の意味もありません
-
10:35 - 10:40誰のためにデザインするのかを
理解しなければなりません -
10:40 - 10:41全人類のために
-
10:41 - 10:43デザインする目標を立てたなら
-
10:43 - 10:46真剣にその目標に向かって
努力し始めると -
10:46 - 10:49ある時点で
現実の壁に -
10:49 - 10:51突き当たります
-
10:51 - 10:53例えば サンフランシスコで
携帯が圏外になった時 -
10:53 - 10:55私達は少々苛立ってしまいます
-
10:55 - 10:57携帯のナビで
新しくできた -
10:57 - 10:59お洒落なコーヒーショップに
行けないからです -
10:59 - 11:02でも 安定した電気がないので
-
11:02 - 11:04携帯を充電するために
-
11:04 - 11:074時間運転する必要があれば
どうでしょうか? -
11:07 - 11:10公共図書館へのアクセスがなかったら?
-
11:10 - 11:13皆さんの国で報道の自由がなかったら?
-
11:13 - 11:17これらの製品はどんな意味を
持ち始めるのでしょうか? -
11:17 - 11:20これが 世界の大半の人達が見る
Google -
11:20 - 11:21YouTube Facebookです
-
11:21 - 11:22そして ネットを始める
-
11:22 - 11:24次なる50億人の大半が
-
11:24 - 11:26それを見ることになるのです
-
11:26 - 11:28低価格の携帯のデザインは
-
11:28 - 11:31魅力的なデザインの仕事では
ありませんが -
11:31 - 11:33全世界のためにデザインしたいなら
-
11:33 - 11:35自分がいる所ではなく
人々がいる所のために -
11:35 - 11:36デザインをしなければなりません
-
11:36 - 11:40この巨大な構想を
どうやって心に留めて置きますか? -
11:40 - 11:43私達がデザインするための人々を
見たり 聞いたり -
11:43 - 11:45理解するために
外に飛び出すことです -
11:45 - 11:48私達の製品が
これまでと同じように機能するよう -
11:48 - 11:50非英語圏にも対応させます
-
11:50 - 11:53彼らの現実を把握するため
-
11:53 - 11:56時には携帯電話で連絡を取ります
-
11:56 - 12:00地球規模でデザインする意義は
何でしょうか? -
12:00 - 12:04製品を改善・発展させることは
難しく -
12:04 - 12:08時として腹立たしい仕事です
-
12:08 - 12:11そこに「大胆さ」と「謙虚さ」を
求めることは -
12:11 - 12:12かなり骨が折れるでしょう
-
12:12 - 12:14謙虚さの部分では
-
12:14 - 12:16デザインする際のエゴが
少し厄介です -
12:16 - 12:18なぜなら これらの製品は
常に変化し -
12:18 - 12:21私のキャリアにおいて
デザインしたモノすべてが -
12:21 - 12:22瞬く間に無くなり
-
12:22 - 12:25これからデザインするモノのすべてが
いずれは廃れていくからです -
12:25 - 12:27しかし 残るものもあります
-
12:27 - 12:29自分でも理解できないほどに
-
12:29 - 12:32大きな何かの
一部になれるという -
12:32 - 12:35終わりなき感動や
-
12:35 - 12:38世界を変えることができるという
望みです -
12:38 - 12:40ありがとうございました
-
12:40 - 12:43(拍手)
- Title:
- あなたの(そして何十億人の)ための巨大なウェブデザインの方法
- Speaker:
- マーガレット・グールド・スチュワート
- Description:
-
Facebookの「いいね!」や「シェア」ボタンは1日220億回使われ、これまで作られたデザインの中で最もよく閲覧されています。Facebookのプロダクトデザインのディレクター、マーガレット・グールド・スチュワートが大規模なデザインのための3つの法則を説明します。規模があまりに大きいので、わずかな変更が世界規模の反感を買ってしまう反面、規模があまりに大きいからこそ、わずかな改良で多くの人々にポジティブな影響を与えることができます。
- Video Language:
- English
- Team:
- closed TED
- Project:
- TEDTalks
- Duration:
- 13:00
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu approved Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) | ||
Mari Arimitsu edited Japanese subtitles for How giant websites design for you (and a billion others, too) |