Appleがスキューモーフィズムから学んだこと、そしてそれがなぜ今でも重要なのか

Apple のスキューモーフィズムへの重点は、10 年前の iOS 7 で変わりました。Apple がスキューモーフィズムの使用を開始および中止した理由、スキューモーフィズムがどのように進化したか、そしてそれがインターフェース デザインにとってなぜ今でも重要なのかについて説明します。

Appleの象徴的なデザインスタイルを表す「スキューモーフィズム」という言葉を耳にしたことがあるかもしれません。約10年前、AppleのスキューモーフィズムはiOS 6でピークを迎えました。メモアプリの黄色い罫線入りのメモ用紙、ニューススタンドアプリの本棚のようなインターフェース、ボイスメモアプリのマイクの金属的な外観、そしてその他本物のような素材などがその例です。

当時、これらのアプリやAppleがデザインした他の多くのアプリがこのスタイルを採用していました。1800年代にまで遡ると、「スキューモーフィズム」という言葉は、デザインへの特定のアプローチを表す言葉として使われてきました。

スキューモーフィズムとは何ですか?

スキューモーフィズムは、デザイナーが元のオブジェクトの要素を新しいオブジェクトに引き継ぐ際に用いられます。こうした要素を残す目的は、純粋に美的目的である場合もあれば、ユーザーが元のオブジェクトを既に使用した経験があれば、新しいオブジェクトの機能に対する親しみやすさや理解を深めるという目的もあります。

テレビメーカーは、まずラジオで同様の試みを行った後、数十年にわたり、家具と同じ素材と外観でテレビを設計しました。これにより、消費者はテレビがリビングルームに溶け込むことを実感しました。

もう一つの初期の例としては、馬車から自動車への移行が挙げられます。人々が馬車から自動車への移行を理解するために、言葉遣いにスキュモーフィズムが生まれました。四輪の乗り物を「馬なしの馬車」と呼ぶ方が理解しやすかったのです。

そのため、初期の自動車は馬車のような外観をしていました。あるデザイナーは、車のフロント部分にダミーの馬の頭を取り付けたほどです。

グラフィカルユーザーインターフェースは現実世界を模倣している

コンピュータ画面が登場し、作業内容をリアルタイムで確認できるようになった時、一般消費者はテキストベースのインターフェースやコマンドライン入力を好まなかった。1979年、スティーブ・ジョブズがゼロックスの研究開発部門を訪れた際、ゼロックスがテストしていた基本的なグラフィカルユーザーインターフェースに衝撃を受けた。

ジョブズはすぐにその可能性に気づき、アップルは独自のインターフェースの開発を開始した。これが 1984 年の Macintosh のインターフェースとなった。

Macintoshは、物理世界に対する明確で意図的なメタファーを示しました。今日でも使われている基本的なメタファーの一つがデスクトップです。ファイルやオブジェクトをその上に配置できる作業領域であるデスクトップは、非常に分かりやすかったのです。

ゴミ箱、フォルダ、プリンタなどのアイコンも分かりやすかったです。最も基本的なスキューモーフィズムはボタンでした。Macintoshの電卓のボタンは背景から浮き上がって見え、物理的なボタンの奥行きを示唆していました。

電卓のディスプレイはボタンの上に配置され、背景とのコントラストがはっきりしていたため、ユーザーはすぐに使い方を理解することができました。

このグラフィカルユーザーインターフェースへのアプローチは、コンピュータ業界全体に浸透しました。ドロップシャドウ、テクスチャ、オブジェクトに写真のような質感が与えられ、現実世界のものとより近い印象を与えるようになり、進化を続けました。

iPhoneのデザインは写真風からフラットに

2007年、AppleはiPhoneを発売しました。当然のことながら、iPhoneのOSはスキューモーフィズム的なアプローチを採用していましたが、この時点では、ユーザーに親しみやすさを提供するツールというよりも、むしろデザインの伝統となっていたと言えるでしょう。2012年までに、AppleはiOS 6とmacOS Mountain Lionでスキューモーフィズムのピークに達しました。

Appleがあらゆるものをスキューモーフィズム化しただけではありません。長年にわたり、世界中のデザイナーがAppleを「模倣」し、革や木といった素材にエンボス加工された文字を添えた、あらゆるインターフェースを採用してきました。デザイナーは、見た目がクールであれば、メタファーを使う理由を必要としませんでした。

2014年までに、このデザインは多くのユーザー、そしてデザイナーにとってさえも飽きられ始めていました。そのグループにはAppleの関係者も含まれていました。それまでiOS担当SVPのスコット・フォーストールは、故スティーブ・ジョブズに次ぐAppleのスキューモーフィズム推進のリーダーでした。

2012年、フォーストールはいくつかの大きな失敗を理由に解雇されました。ジョニー・アイブをはじめとするiOSのデザインを引き継いだ人たちは、スキューモーフィズムの継続に賛同していませんでした。

「昨年11月に（iOS 7の開発に着手した時、人々はすでにガラスに触れることに慣れていて、物理的なボタンは必要なく、その利点を理解していることを理解していました」とアイブ氏は2013年にUSA Today紙に語っている。「ですから、物理的な世界を文字通り参照する必要がないという、信じられないほどの自由がありました。私たちは、より具体的な環境を作ろうとしていました。デザインを邪魔するものから解放されたのです。」

iOS 7は、フラットなスタイルと限定的なメタファーで誕生しました。一部のテクスチャは白に置き換えられ、他のテクスチャは繊細で力強いグラデーションに置き換えられました。ボタンの背景は削除され、細いアウトラインが与えられました。アイコンはフラットで軽量化され、ところどころにドロップシャドウが加えられ、奥行きが保たれています。

iOS 7では、共有シートなどの一部のオーバーレイ要素に、すりガラスを思わせる半透明の背景が与えられました。この選択は、Appleがスキューモーフィズムの歴史から学んだ教訓を如実に示しています。

かつてドロップシャドウは、現実世界のオブジェクトの奥行きを可能な限り忠実に再現する明白な手法でした。しかし、デザイナーたちはより洗練されたメタファーを見出し、すりガラスのような無関係な物理的特性を用いてレイヤー間の階層構造を表現するようになりました。

スキューモーフィズムは誤解されやすい

Appleの意図的なスキューモーフィズムへのアプローチとiOS 7での突然のフラットデザインへの移行は、多くのユーザーに衝撃を与えました。ボイスメモアプリのマイクという目を楽しませる要素、macOS Mountain Lionのカレンダーアプリ上部の破れた紙、あるいはAppleのフォトリアリスティックなアプリアイコンが恋しいのではないかと考え、どちらか一方を選ぶしかないと感じた人も少なくありませんでした。

好みが何であれ、Appleはインターフェースデザインへのアプローチを進化させるという正しい決断を下しました。ユーザーが新しいデザインを理解すると、スキューモーフィズムの優位性は失われ始めます。

2014 年までに、ユーザーは iPhone やスマートフォンのインターフェースに十分慣れていたため、物理的な世界についてそれほど多くのメタファーに頼る必要がなくなりました。

幸いなことに、スキューモーフィズムとフラットデザインのどちらかを選ぶ必要はありません。なぜなら、これらは互いに排他的なものではないからです。デザインは、見た目はフラットでありながら、スキューモーフィズム的な要素も適用可能です。

iOS 7以降、Appleのアイコンはフラットなデザインになりましたが、多くのアイコンは依然として現実世界のオブジェクトを象徴しています。例えば、メールアプリの受信トレイリストには、1960年代のオフィスデスクに置いてあったような物理的な受信トレイを思わせるアイコンが含まれています。

Appleがスキューモーフィズムを継続的に活用しているもう一つの例は、メモアプリの描画ツールです。ペン、蛍光ペン、マーカー、消しゴム、定規のフォトリアリスティックなグラフィックで、タップするとそのツールが起動します。

インターフェースは常に変化している

Appleがスキューモーフィズムを発明したわけではありませんが、その過剰な活用がテクノロジー業界やデザイン業界に与えた影響を無視することはできません。Appleをはじめとする多くの企業は、私たちがデバイスとどのように関わっていくかを常にリードし続けています。

現実世界のオブジェクトはデジタルなものに置き換えられ続けています。馬車から無馬車への移行が見られたように、人間が運転する車から自動運転車への移行も進んでいます。テクノロジーの進化に伴い、仮想現実には現実世界のメタファーが溢れています。

スキューモーフィズムの原則は、これまで以上に必要とされています。期待されていたApple Carが発売され、ステアリングホイールがデジタル式に置き換えられた時、それが黒い手縫いの革のようにデザインされていたら、なんとも時代遅れな印象を与えるでしょう。