Docs.com

Docs.comでは、WordドキュメントもPowerPointもSwayもPDFも、誰でもそのままオープンウェブに公開できました——Officeの完全な再現度で、無料で、誰でも開けるリンクとともに。ラップトップの中のファイルが、自分の名前が載ったページになるまで——その仕組みのすべてを私がデザインしました。

Docs.comは、ドキュメントのためのソーシャルネットワークでした。Word、Excel、PowerPoint、Mixの動画、Sway、画像、PDF、さらにはウェブリンクまで——Officeファイルを高い再現度のまま公開し、発見し、閲覧し、ダウンロードし、共有できる。それも、自分自身のプロフィールページから。ほかの作者をフォローし、グループや組織をつくり、そしてドキュメントごとに、どこまで開くかを自分で決められました。閲覧のみか、それとも自由にコピー・ダウンロード・再利用できるのか。

核心は高い再現度でした。マイクロソフトが示したかったのは、すべてのOffice製品がいまやウェブの上で生きているということ——Officeでつくったドキュメントを、そこで編集はしなくても、つくったままの姿でオンラインに披露できるということです。そして当時のマイクロソフトには自前のソーシャルネットワークがなかったので、Docs.comはOfficeに欠けていたプロフェッショナルな共有ハブになりました。プロも、書き手も、アマチュアも、自分の仕事を公開し、共有し、他の人がその上に築いていける場所です。（SlideShareにもPowerPointは投稿できましたが、高い再現度ではなく、ダウンロードして自分のものにすることもできませんでした。Docs.comの本質は、創作とコントロールと権利にあったのです——ただファイルを載せることではなく。）

スコープは巨大で、東京チーム全員が毎週のスプリントで走り続けました。私はデザインを率いました。公開フロー、プロフィール、人が互いの作品を見つける仕組み、そして、ほかのすべてを支える土台——コンテンツタイルです。

Docs.comのあらゆる使われ方の根っこには、同じ願いがありました。ドキュメントを世界に出したい——正しい見た目で、見つけてもらえて、ウェブサイトを運営する手間なしに。その願いは、いろいろなかたちで現れました。

彼女は何年もかけて育ててきたOneNoteのノートブックで授業をしています。生徒にただ見てほしいのではありません——持ち帰って、その中で学び、互いの成果の上にオープンに積み重ねてほしいのです。彼女にとっての「最高」は、クラス全員が受け取り、書き加え、一緒に学べる生きた教材——無料で、ログインの壁もLMSの邪魔もなく——生徒全員を、そして彼女自身も引き上げてくれるものです。

これはダナのジャーニーの一部始終です——共有するものすべてがログインの壁に阻まれていた日々から、生徒たちが互いの成果の上にオープンに積み重ね、小学校から大学までの教師たちが彼女の授業を自分の教室へコピーしていく日まで。

ポールは独立系コンサルタント。切れ味のあるプレゼン資料やレポートを持ちながら、それを置くウェブサイトがありません。ウェブ管理者になりたいわけではないのです——仕事を、作ったとおりの姿でオンラインに置き、しかるべき人に見つけてほしいだけ。彼にとっての「最高」は、運営いらずで、見つけてもらえる、自分ブランドのショールームです。

ポールのジャーニーは、ダナとは別の問いを軸に回ります。「持ち帰れるか」ではなく、これは自分の仕事に見えるのか、そしてしかるべき人がいつか見つけてくれるのか？

ゾーイは学位と、良いプロジェクトの山を抱えて卒業したばかり。レジュメひとつで就職活動をしていますが、見せられる場所がありません。ウェブサイトまるごとは要らないのです——清潔で信頼できる、自分の場所がひとつあればいい。彼女にとっての「最高」は、自分の名前を冠した作品の公開ホームが、数分で手に入ることです。

ゾーイのジャーニーは、いちばん短く、いちばん個人的です。軸になる問いはひとつ。応募の締め切りが来る前に、ここを「本当に自分の場所」だと感じられるものにできるか？

ソフトウェアのことは、いったん脇に置きましょう。Docs.comの理想形とは、あなたの作品がただ世界に出ていることです——作ったとおりの姿で、しかるべき人に見つけられ、完全にあなたのコントロール下に。アップロードの途中で崩れていないか、誰に見えているのか、本当に自分のものなのか——そんな心配とは無縁の状態です。

壁は、アップロードではありませんでした。ファイルを上げるのは簡単です。難しいのは、そもそも自分の作品をオープンウェブに置くという、その勇気のほうです——見た目が崩れるのではないか、見られたくない人に見られるのではないか、自分のものだと感じられないのではないか、という不安。だから本当の課題は「アップロードを簡単にする」ことではありませんでした。あの恐れ知らずの理想と、実際の公開がもたらす無防備な感覚——その間の溝を埋めること。そして、それを埋められるのはただひとつ、信頼です。正しく見えるための完全な再現度。誰が見るかを自分で決められる公開範囲。まぎれもなく自分のものだと感じられる、ホームのようなプロフィール。

これは、私がもっとも強く押し通した判断です。この種のプロダクトには、つねにリーチへの圧力がかかります——もっと多くのドキュメントを上げさせ、もっと多く見せろ、と。しかし私は、別の直感に立ち返り続けました。人は、コントロールできないものは公開しない。本気の作品をオープンウェブに置かせるのは、トラフィックではなく信頼なのだと。

だからコントロールは、設定の奥に埋もれた項目ではありませんでした。すべての作者が、公開のその瞬間に、平易な言葉で決められます。誰に見えるのか——自分だけか、グループや組織か、全世界か。そして他の人に何ができるのか——閲覧のみか、コピー・ダウンロード・再利用まで許すのか。一度試して終わる人と、また公開しに戻ってくる人。その分かれ目がここにあります。

これは私がもっとも頑固に持ち続けている信念で、本から学んだものではありません。プロダクトにおける信頼とセキュリティについて私が知っていることはすべて、それらが「誰か他の人の仕事」として扱われたときに何が起きるかを見て学んだものです。Docs.comで私は強く——本当に強く——主張しました。スケールより先にコントロールを。公開したものがどうなるのかを人が信頼できるようになるまで、プロダクトに成長する資格はないのだと。その確信こそ、ここですべての中心にコントロールが据えられている理由です。

Docs.comのすべてはタイルでした——1枚の画像とタイトルと作者名にまで凝縮されたドキュメントです。WordファイルもプレゼンもノートブックもPDFも入り混じった壁面が、雑多なファイル置き場ではなく、ひとつのまとまった書架として読めたのは、タイルのおかげでした。私はタイルに2つの仕事を同時にさせるデザインにしました。作者には自分のブランドのひとかけらを——自分で選んだ背景画像を。閲覧者には、クリックする前にそのドキュメントが何なのかを瞬時に伝える、正直なシグナルを。このデザインは、マイクロソフトが特許を取得しました。

ハブは玄関でした——Docs.comにたどり着いた人を、実際にドキュメントを公開する人に変えなければならないページです。この「初めての公開」への一歩は、プロダクト全体でもっとも動かしにくい数字でした。だから私たちは、会議室で売り文句を議論するのではなく、テストにかけました。

このグラフに表れていないことがひとつあります。コンバージョンが最も高かったバリアントは、最も没個性なものでもありました——それを出せば、ページから個性を剥ぎ取ることになったでしょう。だから私たちは、僅差の2番手を採用しました。テストは何がコンバージョンするかを教えてくれますが、何が世に出す価値のあるものかまでは教えてくれません。

2回公開すると、自分の名前のURL——docs.com/yourname——が手に入り、その先のプロフィールは本物のホームになりました。ブログのようなジャーナル、自分のドキュメント、自分で編んだコレクション、ポートフォリオのように読めるAboutページ。「ファイルを投稿した」が「ここがウェブ上の私の場所だ」に変わるのはここです。だから私たちは実際の人々とともにリサーチしました——軽量なMVPをユーザーの前に出し、学校に足を運んで、教師が実際に公開し共有する様子を観察したのです。

Docs.comは本物のOffice製品でした。しかし私がデザインしている最中も、Officeは製品横断のウェブベースのデザイン言語をまだ発明している途上でした。システムは絶えず揺れ動き——ページのスタイルも要素も、足元でずっと変わり続けます——土台にできる本物のOfficeデザインシステムなしに、本物のOffice製品をデザインするのは至難の業です。地面が動き続けるなかでDocsの一貫性を保つこと。それが実際の仕事でした。

地面は組織の面でも動きました。Docs.comを機に、私はマイクロソフトのユーザーリサーチ組織を離れ、レドモンドのOfficeデザイン組織——初代Docsフレームワークを生んだグループ——へ、新しいデザインマネージャーの下に移りました。新しいレポートライン、新しい上司、そしてリアルタイムで発明されていくデザインシステム。

仕事を誠実に保ったのは、意見よりエビデンスでした。前チームのリサーチをもとに複数のUX・UIフローを組み立て、競合するデザイン案をA/Bフライトでテストし、ユーザーインタビューを重ねて、獲得・エンゲージメント・ユーザビリティを引き上げる——世に出たのは、リサーチが裏づけたものでした。

仕事は、プレゼン資料の中で決着したのではありません。公開フローもハブのバリアントも、モックにしてユーザーの前に出し、人々が実際にした行動——してほしいと願った行動ではなく——をもとに直していきました。下のアップロードフローは、そうやって1画面ずつ詰めていった類いのものです。公開の瞬間こそ、プロダクト全体が信頼を勝ち取るか、失うかの瞬間だからです。

プロダクト全体を煮詰めれば、6つのステップになります。信頼を勝ち取るのは4つ目——誰に見せるかを選ぶステップです。

公開されたドキュメントは、プロフィールにも、サイトのあちこちにもタイルとして並びました——Officeそのままの完全な再現度、リンクひとつ、検索で見つかる。何千人もの作者によるプレゼン資料、レポート、ノートブック、PDFの寄り合いが、ひとつのまとまった書架として読める。タイルが仕事を果たしたからです。

3つのジャーニーは、どれも同じ結末を迎えます——誰かが、知り合い全員に薦めて回るのです。しかしそれはゴールではありません。次のブリーフを書くフィードバックです。人々がDocs.comを実際にどう使うか——ノートブックを配る教師、ショールームを建てるコンサルタント、プロフィールを個人のホームに変えていく新卒——を観察したことが、そのまま次につくるものを形づくりました。

Docs.comは2015年、オープンウェブをOfficeドキュメントの一級の居場所にするという、マイクロソフトの本気の試みとして再出発しました——完全な再現度で、無料で、あなたのものとして。成長は速く、月12%。初年度で7,000万人に届きました。私がデザインしたもの——公開フロー、プロフィール、フォローと共有の仕組み、そして特許を取得したコンテンツタイル——は、「あなたの作品には、作ったとおりの姿でいられるウェブ上のホームがふさわしい」という考えを証明しました。