
ケン・コシエンダ氏は、2001年から2016年までAppleに勤務していました。9月4日、コシエンダ氏は新しい著書『Creative Selection』(Amazon、iBooksで予約受付中)を出版します。この本では、iPhoneやiPadの開発、スティーブ・ジョブズ氏へのデモなど、自身の逸話を語りながら、Appleのデザインプロセスを内部から詳しく説明しています。
この独占記事の抜粋では、iPhoneのソフトウェアキーボードの設計がいかに単純なものではなかったかが分かります。2005年後半、AppleはiPhoneの社内開発をすべて停止し、全エンジニアにキーボードのコンセプトを考案するよう指示しました。この抜粋では、コシエンダ氏の優勝したデザインがフィル・シラー氏とトニー・ファデル氏によって却下され、コシエンダ氏が設計図を描き直すことになった経緯について詳しく説明しています。
出来事のタイムラインを説明すると、この逸話は 2005 年 10 月頃のものである。ソフトウェア設計チームの多くは、携帯電話の最終的な工業デザインがどのようなものになるかを把握していなかったが、彼らには「全画面」となる携帯電話用のマルチタッチ UI を構築するという任務が与えられていた。
UIデザインチームとエンジニアリングチームは、ここに掲載されているような、粗削りなハードウェアプロトタイプを使用しました。これが記事で言及されている「ワラビー」です。
Appleのデザイナーたちは初期段階で、人間の指で簡単にタップするにはボタンの幅が少なくとも44ピクセル必要だと決めていました。しかし、これはキーボードにとって問題でした。標準キーボードを模倣したネイティブデザインでは、同じ列にキーが詰め込まれすぎて、それぞれのキーが押しにくいほど小さくなってしまうのです。
デザイナーとエンジニアがOSの他の部分に何ヶ月も懸命に取り組んでいる間、メインの入力方法は満足のいくものではありませんでした。2005年後半、iPhoneソフトウェア責任者のスコット・フォーストールは他のすべての作業を中断し、チーム全員にキーボードの解決策を考案するよう指示しました。ケンもこのチームの一員として、様々なデザインを模索し始めました。
これらのスケッチから、どんなものでも自由に使えることが分かります。左側では、ケンはAからZまでの小さな文字が細い線に並んだリボンを想像していました(スケッチにはAとZの文字だけが含まれています)。この線をタップすると、上にある大きなセクションの近くのキーが拡大表示され、それを押すことで文字列にその文字を追加できます。
右側は、各キーに複数の文字を割り当てるというKocienda氏の計画の初期段階の構想です。システムはユーザーが実際に入力しようとしている単語を推測し、QuickTypeのような候補バーでユーザーが補完候補を具体的に選択できるようにします。
信じられないことに、フォーストール氏がダービーコンテストの優勝者に選んだのは、このアイデアに非常に近いデザインでした。コシエンダ氏は、自作のキーボードのプロトタイプを次のように模型化しました。
コシエンダ氏によると、これは当時彼が構築したものを正確に再現したものだという。ステータスバーの詳細は当時のビルドに実際に含まれていたものとは一致していないため、無視してほしいとのことだ。(プロトタイプのハードウェアは携帯電話ネットワークに全く接続されていなかったため、この開発がいかに初期段階であったかは容易に想像できるだろう。)キーが2つまたは3つにグループ化されていること、文字の上には静的な候補バーがあること、そして句読点の代替キーレイアウトに切り替えるボタンがあることがわかる。
このデザインがフィル・シラーとトニー・ファデルに提示され、すぐに却下された時の出来事は、抜粋で読むことができます。このためコシエンダは設計図に戻り、最終的に、目に見えないタッチターゲットをリアルタイムでインテリジェントに調整する、見た目はシンプルなキーボードというアイデアを考案しました。これが最終的にiPhoneに搭載されたものです。
以下はケン・コシエンダ氏による全文抜粋です。書籍全文は9月4日に発売予定です。
ケン・コシエンダ著『CREATIVE SELECTION』より抜粋:
キーボードを選んでから一週間以内に、スコットはアップル社の最高マーケティング責任者であるフィル・シラー氏とのプライベートデモの予定を組んでいました。シラー氏はスティーブ氏に次いで、私たちの製品がなぜ素晴らしいのか、なぜ購入すべきなのかを見込み客に正確に伝えることに最も責任を持つ人物でした。
スコットは、彼とフィルの間に駆け引きがあったことや、なぜデモを予定したのかを私に教えてくれませんでした。スコットはキーボードダービーの成果を披露したくてうずうずしていたのでしょう。きっと経営層でも議論されていたのでしょう。いずれにせよ、私の仕事はデモダービーでうまく動作するように準備することだったので、その通りにしました。
スコットがフィルを会議室に連れてきた時、私は待っていました。フィルに会うのは初めてだったので、緊張していました。数日前に準備したものをすべてそのままにしていましたが、キーボードのユーザーインターフェースにはすでにいくつか変更を加えていました。スコットが私を紹介してくれました。フィルはすぐに丁寧な挨拶をしてくれましたが、すぐに仕事に取り掛かりたい様子でした。
彼はワラビーを手に取り、数回タップした。何を入力したのかは分からなかった。フィルは、なぜ全てのキーに複数の文字を割り当てているのかと尋ねた。彼は愛想は良かったが、率直だった。私のキーボードが奇妙で、説明が必要だと思ったようだった。
私は彼に一つ答えようとしました。そして、簡単に検索できる大きなキーを作成し、辞書からの候補と組み合わせるという私たちの決定について話しました。
フィルは満足していなかったようで、そう言った。それで終わりだった。こんなに早く終わったことに驚いた。デモは2分ほどで終わった。
フィルの意見を聞いて、考えさせられました。明らかに、彼は私のようなキーボードへの愛着を全く持っていませんでした。私はキーボードに懸命に取り組んでいましたが、フィルにとっては真新しいもので、彼はそれに無関心でした。彼はソフトウェアが彼を虜にするだろうと期待していましたが、どうやらそうはならなかったようです。これは二つの理由で重要でした。第一に、先ほども述べたように、フィルは開発が完了したパープルフォンを外部に売り込む上で重要な役割を担うことになりました。第二に、そしておそらくもっと重要なのは、彼の反応はまるで見込み客が製品を一から評価するのと同じような反応だったということです。私のキーボードは全体的な印象の一部であり、フィルは納得するどころか、混乱していたのです。
数日後、スコットと私は、iPod部門の責任者であるトニー・ファデル氏のために、再びプライベートデモを行いました。トニー氏とは面識がありませんでした。しかし、彼がどれほど夢中になっているかは、彼と面識がなくても明らかでした。会議室のテーブルにデモが置かれた私のキーボードに、スコット氏がほとんど目を向けることもありませんでした。質問も一切ありませんでした。それからソフトウェアを試してみましたが、一、二語しか入力できなかったでしょう。彼とのデモはフィルとのデモよりもさらに短く、1分も経たないうちに、スコット氏と二人でプライベートミーティングに出かけ、私は会議室に残され、MacとWallaby、そしてそれらをつなぐケーブルを片付けるしかありませんでした。
2つのデモはどれもあまり良い反応が得られませんでした。それに、ダービーに出場した他のメンバーのやる気のなさも加わり、まだ最適な解決策が見つかっていないことが分かりました。スティーブにソフトウェアのデモを見せることはできませんでした。スコットは私たちがまだ本番に向けて準備ができていないと判断されたのかもしれません。しかし、これらのエグゼクティブデモについて、良い点も悪い点も、私に具体的なことは何も言ってきませんでした。
スコットを失望させたとは思っていませんでした。私のコードはダービー当日と全く同じでした。エグゼクティブデモでは深刻なバグは一つもありませんでした。フィードバックを解釈し、次に何をすべきか考えていた時、Safariとのブラックスラブ対決を思い出しました。あの画期的な出来事は終わりを意味するものではなく、始まりを告げるものでした。私たちのWebブラウザがWebページの最初の断片をレンダリングするのを見るのは興奮しましたが、その節目が何を意味するのかを私たちは理解しました。ダービーで優勝したデザインも、まるで完売公演ではなく、オーディションに成功したかのように、同じように捉えるようになりました。
改善点を考え始め、オフィスに座っている間もキーボードの目標を常に意識できるように、幅2インチ(約5cm)、高さ1.3インチ(約3cm)ほどの小さな紙を測って切り取りました。クレジットカードを立てた時の半分より少し小さいくらいのサイズです。この小さな紙切れを机の横の掲示板にピンで留めました。よく見ていました。キーボードに使える画面スペースはこれだけだったのです。
これが私のタッチスクリーン入力キャンバスでした。ユーザーはこの小さな長方形をタップ、タップ、タップして入力する必要があり、どうすればそれが実現できるのかを私は考えなければなりませんでした。この小さな形状について考え、自分のソフトウェアを点検していくうちに、ダービー優勝につながったデザインを決定づけたいくつかの決定、もしかしたら全てを再考する必要があるかもしれないという考えに慣れていきました。
octbo.com を Google ニュース フィードに追加します。
FTC: 収益を生み出す自動アフィリエイトリンクを使用しています。詳細はこちら。