iPhoneの誕生を象徴する「輪ゴム効果」の裏話
Mac

iPhoneの誕生を象徴する「輪ゴム効果」の裏話

  • Oligur
  • 0
  • vyzf
iPhoneの誕生を象徴する「輪ゴム効果」の裏話
  • ニュース
Bas Ording Appleインターフェースデザイナー
元アップルデザイナーのバス・オーディングは、スティーブ・ジョブズにiPhoneの開発を促した輪ゴム効果を生み出した。
写真:ジム・メリシュー/Cult of Mac

iPhoneが10周年を迎える2005年初頭のある日、インターフェースデザイナーのバス・オーディングがアップル本社の窓のない秘密のラボに座っていたとき、電話が鳴った。スティーブ・ジョブズからの電話だった。

ジョブズがまず最初に言ったのは、この会話は極秘事項であり、誰にも漏らしてはならないということだ。オーディングは漏らさないと約束した。

「『そうだ、バス、電話を作るぞ』って言われたんだ」とオーディングはCult of Macの取材に対し、遠い昔のあの重要な電話を思い出しながら語った。「『ボタンとかはなくて、ただの画面だ。名前のリストをスクロールして、電話をかけたい人を選べるデモを作ってくれないか?』って言われたんだ。それがスティーブから直接、私に与えられた課題だったんだ」

オーディングは、私たちのデジタルライフに計り知れない影響を与えてきた、あまり知られていないApple社員の一人です。彼は今日のコンピューターインターフェースの大部分を担っています。ウォルター・アイザックソンによるジョブズの伝記でも簡単に触れられており、別の著書『スティーブ・ジョブズになる』では「魔法使い」や「神」と評されています。

しかし、オーディング氏はもっと知られるべき人物だ。Appleで15年間勤務し、私たちが毎日使っているiOSとMacのインターフェースを設計した第一人者の一人だった。iPhoneの「ラバーバンド」スクロール、OS XのDockの拡大表示、Exposeなど、数多くの機能を考案した人物だ。しかし、Appleの極めて厳格な秘密主義のせいで、オーディング氏が誰なのかを知る人はほとんどいない。

オーディング氏は数百件の特許を保有し、AppleとSamsungの訴訟で重要な証人となったが、インタビューにはあまり応じていない。Appleでの経歴を詳述したCult of Macの電子書籍『Unsung Apple Hero』からのこの独占抜粋で、オーディング氏はiOSのラバーバンド効果(ジョブズ氏にiPhone開発を決断させた象徴的なタッチスクリーンアニメーション)の考案方法について語っている。

Appleの初期のマルチタッチ実験

オリジナルのiPhoneデザインチーム
初代iPhoneソフトウェア設計チームのメンバー:フレディ・アンズレス、イムラン・チャウドリ、バス・オルディング、マルセル・ヴァン・オス、スティーブ・ルメイ、マイク・マタス。
写真:イムラン・チャウドリ/Instagram

ジョブズ氏の電話の数か月前、オーディング氏とイムラン・チャウドリ氏は、アップルのソフトウェアのユーザーインターフェースを担当するソフトウェアデザイナーのチームであるアップルのヒューマンインターフェースグループの同僚で、同社の入力エンジニアリンググループと仕事をしていた。

スティーブ・ホテリング率いるInput Engineeringは、キーボード、マウス、トラックパッドといったコンピュータ入力を担当していました。彼らは、その年の初めにAppleが買収した新興企業FingerWorksから取得した新しいマルチタッチ入力デバイスの実験を行っていました。

ホテリング氏のグループは、20年間マウスとキーボードが主流だったデスクトップパソコンやノートパソコンの操作方法の新たな可能性を模索していました。FingerWorks社のiGesture Padは、市場に登場したジェスチャー対応タッチパッドの先駆けの一つでした。当時のほとんどのトラックパッドのように1本の指だけをトラッキングするのに対し、iGesture Padは複数の指をトラッキングするため、「マルチタッチ」と呼ばれました。

大きな黒いプラスチック製のタッチパッドに似たiGesture Padは、マウスの代替品としてデスクトップパソコンユーザーに販売され、反復性運動障害(RSI)の予防・軽減に役立つと考えられていました。RSI患者は、マウスの代わりに指の動きを追うパッドを使うことができました。

フィンガーワークス iGesture パッド
FingerWorksのiGesture Padは、RSI患者向けのマルチタッチ入力デバイスです。
写真:Fingerworks

チョードリー氏と、ジョニー・アイブ氏のインダストリアルデザインスタジオのデザイナー、ダンカン・カー氏と協力し、黒いiGesture Padを紙で覆い、その上にスクリーンを投影しました。プロジェクターはコンピューターに接続され、マルチタッチパッドの上の紙にOS Xの画像を投影しました。

オーディング氏は、マルチメディアオーサリングツールであるAdobe Directorを使って、画面上で指を動かす様子をトラッキングするデモを作成しました。マルチタッチデータをインポートするには、Directorの特別な拡張機能が必要でした。最初のデモでは、画面上で点を動かすだけのものでした。次に、2本の指をトラッキングし、画像を拡大表示するデモを作成しました。オーディング氏は、One Infinite LoopにあるApple本社を中心とした、カリフォルニア州クパチーノの地図を選択しました。

「Googleマップや衛星写真のスクリーンショットをスライスして、Photoshopでつなぎ合わせてデータを取得するのに1時間くらいかかりました」とオーディング氏は語った。「つなぎ合わせたスクリーンショットを1枚の大きな画像にして、それをデモに使いました。パン操作ができるようにしたんです。」

すぐに彼らは何か特別なものを手に入れたと感じました。

「まるで魔法のようでした」と、元インプットエンジニアリンググループ責任者でオーディング氏の上司でもあるグレッグ・クリスティ氏は語った。「まさに魔法の紙でした」

その時点で、彼らは多くの可能性に気づきました。マウスを使った操作とは全く異なる操作性でした。

iOSのラバーバンド効果の背後にある考え方

このプロジェクトはジョブズをはじめとするアップル幹部を大いに興奮させたが、社内ではそれをどう活用するかが分からなかった。タブレット端末で使えるかもしれないし、タッチスクリーンのノートパソコンで使えるかもしれない。社内で長々と議論が続いたが、ある幹部会議で、アップル幹部は、この技術を携帯電話に応用できるかどうか検討することにした。

ジョブズからの秘密の電話を受けた後、オーディングは電話をかけるべき人々の名前のリストを作り始めた。

まず、オーディング氏はタブレット/プロジェクターのデモの一角を切り離し、そこをスマートフォンの画面に見立てた。そして、同僚のアドレス帳から抽出した200人の名前のリストをDirectorでスクロールする長いリストに仕上げた。

名前を選択すると、現在のiOSバージョンとほぼ同じように、名前がスライドして表示され、電話番号が表示された偽のダイヤル画面が表示されました。実際には何も起こりませんでしたが、電話をかける仕組みを実際に体験できました。

しかし、スクロールリストを操作していたオーディングは、リストの一番下か一番上までスクロールすると、表示が止まってしまうことに気づきました。リストを下にドラッグしても、そのまま動きません。まるでクラッシュしたかのようでした。その表示を見るたびに、彼は気になっていましたが、どうすれば直せるのか分かりませんでした。

彼はリストの一番上に少しスペースを追加してみました。リストの一番上まで来ると、小さなスペースが現れました。しかし、それでは問題は解決せず、ただ同じことが繰り返されるだけでした。

その空間は、動かずにただそこに存在していました。

オーディング氏は、まだ反応していることを示すには、空間がユーザーの指に合わせて動く必要があると考えました。しかし、それではしっくりこなかったので、実験的に、空間をユーザーの指よりもゆっくりと動かしてみました。その結果、空間が弾力性を持つように感じられました。

「『おお、これはちょっと楽しい』と思うんですが、そのあと『ちょっと待て、今度は元に戻さないといけない』と思ってしまうんです」とオーディング氏は語った。

彼がそれを跳ね返らせると、それはゴムバンドのように動きました。つまり、下に移動しましたが、すぐに正しい位置に戻りました。

この効果はオーディング氏を喜ばせた。リストの最後まで到達したこと、そしてデバイスがクラッシュしていないことがはっきりと示されたからだ。

バス・オルディングがiPhoneの輪ゴム効果を完璧に再現

バス・オルディングはiOSのラバーバンドエフェクトを作成した
バス・オーディングは、スティーブ・ジョブズにiPhoneの開発を決意させた輪ゴム効果を生み出した。
写真:リアンダー・カーニー/Cult of Mac

慣性スクロール、ラバーバンド効果、名前/電話番号の選択など、すべてを正しく実現するのに、Ording は数か月を要しました。

「細かいところまで全部詰めなければならず、完成させるのにかなり時間がかかりました」とオーディング氏は語った。しかし、最終的な結果を見たとき、その努力は報われたと感じたという。

「『ああ、これは使える。スクロールできるし、名前も選べる。気持ちいいし、楽しい』と感じました」とオーディング氏は語った。「それで他のこともできるし、本当に気持ちよかったんです」

すべてが磨き上げられ、非常に洗練されたデモが完成しました。楽しくて機能的で、まさに画期的な瞬間のように感じました。

スティーブ・ジョブズはiPhoneの躍進を予見

ジョブズはそれを見て、その効果によってマルチタッチの指操作インターフェースが可能になることをすぐに認識しました。

2010年にウォール・ストリート・ジャーナル主催のD8カンファレンスで、ジョブズはこう説明しました。「ガラス製のディスプレイ、つまりマルチタッチでタイピングできるディスプレイのアイデアを思いつきました。社内の人たちに相談したところ、6ヶ月後、彼らは素晴らしいディスプレイを持って帰ってきました。それを優秀なUI担当者の一人に渡しました。彼は慣性スクロールなどの機能を実現させ、私は『これを使えばスマートフォンが作れる』と確信しました。そしてタブレットは脇に置いて、スマートフォンの開発に着手したのです。」

アップルとサムスンとの裁判での証言で、iPhoneのオリジナルソフトウェアの開発を監督した元アップル副社長スコット・フォーストール氏も、オーディング氏のUIの革新がデバイス開発に不可欠だったと述べています。アップル幹部は、そのソフトウェアの動作を見て、iPhoneが成功すると確信したのです。

「小さなスクロールリストを作りました」とフォーストール氏は裁判で証言した。「ポケットに収まるサイズにしたかったので、リストの片隅に連絡先リストを配置しました。ユーザーはそこに座って連絡先リストをスクロールし、連絡先をタップするとスライドして連絡先情報を表示し、電話番号をタップすると『発信中』と表示されます。実際には発信していないのに、発信中だと表示されるのです。これは本当に素晴らしい機能でした。そして、ポケットに収まるサイズのタッチスクリーンが、こうした携帯電話として完璧に機能することに気づきました。」

これがiPhoneの誕生でした。

Appleでのバス・オーディング氏のキャリアを詳細に描いたeBook『Unsung Apple Hero』を無料でお申し込みください。eBookがリリースされたら、メールでお送りします。 『Unsung Apple Hero』は、iPhoneとMacのソフトウェアの主要部分を構築してきたオーディング氏の長年にわたるキャリアを詳細に描いています。本書では、Appleでの仕事、スティーブ・ジョブズ氏と緊密に連携した仕事、彼のアイデアの源泉、そして輪ゴム効果などの問題への対処法について解説しています。彼の方法論を深く掘り下げ、すべてのデザイナーにとっての教訓となるでしょう。