役割

プロダクトデザインリード

チーム

Microsoft · Surface Hub

ハードウェア

初代Surface Hubプロトタイプ

ステータス

基盤づくり——未リリース

概要

記憶するホワイトボード

OneNote Whiteboardアプリは、Surface Hub——マイクロソフトの壁一面サイズ、ペンとタッチのディスプレイ——を共有キャンバスに変えました。スケッチし、書き込み、写真やドキュメントを置きます。作業しているそばから、ボードはOneNoteに自動で保存されていきます。手書き文字は指示ひとつでタイプ文字になり、ラフに描いた図形はまっすぐに整います。そしてOneNoteの中に生きているからこそ、ホワイトボードは会議の終わりで終わりません——部屋にいた全員、そして遠隔で参加していた全員と一緒に、持ち帰られていくのです。

背景

ホットグルーで組み上げられた極秘プログラム

これは初期も初期の話です——私が最初にデザインの対象にしたプロトタイプは、ほとんど文字どおり、ホットグルーガンで組み上げられていました。Surface Hubプログラムは、Officeとマイクロソフトのハードウェア部門による極秘のコラボレーション。70インチの4Kタッチスクリーンにカメラを搭載し、個人ごとに割り当てられる複数のペンを備え、社のカンファレンスプラットフォームまで内蔵していました——ビデオ通話が、そのままの流れで作業セッションに変わるのです。

同じ発想は、ずっと小さなサイズにまでスケールしていきました。それは今日マイクロソフトが販売しているSurfaceデバイスのDNAであり、そこから育った巨大な共同作業ディスプレイは、いまもOfficeエコシステムの中核です。私はその始まりの場にいました。

Surface Hubホワイトボードの全体像——壁一面サイズの共同キャンバス
共有キャンバスとしてのSurface Hub——ホワイトボードアプリがデザインの対象とした、壁一面サイズのディスプレイ。

なぜ私か

ホワイトボードはキャプチャの問題である

私がこの仕事に呼ばれたのは、Office Lensでのキャプチャの仕事がきっかけでした——そしてホワイトボードもまた、キャプチャの問題なのです。ボードの上の思考は、何かが捉えてくれない限り、消された瞬間に価値を失います。だから、やるべき仕事はすでによく知っているものでした。大事なものを捉え、きれいに整え、人々がすでに働いている場所へ届ける——ここでは、指示ひとつでOCRをかけ、手描きの線をその場でまっすぐにしながら、OneNoteへ直接、です。

壁一面サイズで、マルチユーザーで、ペンとカメラを備えたデバイスのデザインは、仕様書だけではできません。そこで私はレドモンドのセキュリティ管理された施設まで足を運び、実機の前に立って、実際に使ってみました。やがて1台が東京の私たちのもとにも届きました——ペンは2本、左右に1本ずつ、それぞれ個人に割り当て可能——抽象的だった問題が、目の前でデザインの対象にできる物理的な問題になったのです。

シナリオ

2人の人間、1枚のボード、2つの部屋

私はリサーチパートナーと二人三脚で進めました——人々が実際にホワイトボードをどう使うかをマッピングし、そこからユーザージャーニーを組み立てて、デザインの力を注ぐべき場所を特定していったのです。最も重要だったシナリオは、1人きりでスケッチする場面ではありませんでした。2人が一緒に何かを解いていて、そのうち1人がその部屋にいない場面だったのです。

ボードの前のナディア

プロダクトリード・ワーキングセッションの進行役

「最高の思考はボードの前で生まれる。会議が終わった瞬間に、そこで死んでいいはずがない。」

最高の状態=部屋の全員——そして遠隔参加のあの人も——が、自動保存されるひとつのライブなボードの上で一緒に考えている。

  • 状況Surface Hubでレビューを主導。チームの半分はリモート
  • デバイス壁一面サイズのSurface Hub、割り当て可能なペン2本
  • 場面全員が成果を持ち帰らなければならないワーキングセッション

ゴール

  • ひとつの共有キャンバスの上で、スケッチし、書き、ドキュメントを取り込む。
  • リモートの同僚を、傍観者ではなく本当の参加者にしておく。
  • 誰も書記役をすることなく、思考が捉えられた状態で部屋を出る。

不満

  • 物理のホワイトボードは写真に撮られ、そのままカメラロールの中で行方不明になる。
  • リモートの同僚は、ボードに触れるどころか、見ることさえできない。
  • 終わったあと、必ず誰かがメモを打ち直すはめになる。

決定的な瞬間

  • セッションが終わり、全員がボードを必要とする——即座に、どこにいても。
  • その時にはもうOneNoteの中にあり、読める状態で、自分のものになっていること。

フロー

白紙のボードから、全員のノートへ

セッションを煮詰めると、こうなります。肝心なのは、最後のステップがステップではないこと——キャプチャは、ひとりでに起きるのです。

  1. 01ボードを始めるペンを個人に割り当て
  2. 02ボードで作業するインク、画像、ドキュメント
  3. 03全員が参加する部屋の中でも、遠隔からでも
  4. 04読める形に整える指示ひとつでOCR+直線化
  5. 05もう保存されているOneNoteへ、ライブで
  6. 06ボードが家まで付いてくる全員のもとへ、どこへでも

デザイン

手描きで積み上げた探求

ここからが実際の仕事です。リサーチの発見を、デザインとリサーチがこの先どう一緒に進むかという共有プランへとまとめ上げ、共同ホワイトボードのためのインターフェース探求を重ねました——キャンバス、個人に割り当てられるペン、インクを文字や図形に変えるコンテキストツール。そのすべてを手で描いています。FigmaのボードとAIが探求を安上がりにしてくれる、何年も前のことでした。

OneNote Whiteboardのインターフェース探求
ホワイトボードのキャンバス——インク、画像、ドキュメントが、ひとつの共有画面に。
コンテキストメニューの探求——インクを文字とまっすぐな図形に変える
コンテキストツール——走り書きがタイプ文字になり、ラフな線が指示ひとつでまっすぐに整う場所。

すべてのケーススタディが、ローンチの数字で終わるわけではありません。このページがここにあるのは、基盤づくりの仕事にも価値があるからです——リサーチとの協働、ジャーニーマップ、そしてその後を形づくったインターフェース探求。

エピローグ

世に出なかった。しかし、消えなかった

この仕事をリリースまで届けることはできませんでした——チームの方針転換で、プロジェクトは公開前に終わったのです。しかし、思考は止まりませんでした。この仕事が探求した共同ホワイトボードというアイデアは、今日に至るまでマイクロソフトの中で生き続け、進化しています。そして、その始まりだった壁一面サイズのSurfaceディスプレイは、いまや同社の働き方に欠かせない存在です。最初の1台がホットグルーで組み上げられていたとき、私はその場にいました。最高の仕事のいくつかは、決して世に出ません。ただ後になって、誰かのリリースの中に姿を現すのです。

プロダクトデザインに戻る