AppleのiOS 7の新たな方向性はテクノロジーを活用して印象付ける

「Appleの目標は、お客様に愛される素晴らしい製品を作ることです」と、AppleのCEOティム・クック氏はWWDC基調講演の最後に述べた。しかし、お客様に愛される製品を見つけるのは、言うほど簡単ではない。

iOS 7の発表前、AppleがiOS 7の外観から「スキュモーフィック」な要素、カレンダーアプリの人工「コリント式レザー」やゲームセンターの仮想グリーンフェルトなどのディテールを取り除くだろうという噂が広まっていた。

Appleが目指す全体的な外観、特にその外観をどのようにして実現するかについては、あまり明らかではありませんでした。しかし、同社は数ヶ月前からデザインの方向性についてヒントを出し始めていました。

iPhone 5 と iPad mini の Web ページでは Helvetica Nueue Ultra Light の繊細な使用が紹介され、昨年秋の iTunes 11 から WWDC アプリ自体 (下記) に至るまで、さまざまなアプリで、より軽量で、すっきりとした、フラットなデザインへの道筋が示唆されていました。

iPhone 4S

Gareeのブログより

デザインにおけるテクノロジーの活用

Appleのコアテクノロジーの全体的な進化もあります。2001年、Mac OS Xは、リアルな透明感と影の効果を実現する新しい合成グラフィックエンジン「Quartz」を導入しました。Appleは当初、当時発売されたiMacの半透明の白いプラスチックを映し出すためにこれを使用しました。

Microsoft が Vista で同様の高度なグラフィック合成を Windows に導入し、テクノロジを通じて Apple にデザイン上の優位性を与えるまでには 5 年以上かかりました。

2007 年に iPhone が登場したとき、iPhone は OS X の高度なグラフィックス基盤を基に構築され、新しいマルチタッチインターフェイスを反映したインターフェイス全体でハードウェアアクセラレーションによるアニメーションを提供しました。この 2 つの最新コンセプトにより、ボタンとサムホイールで操作する既存のスマートフォンはたちまち時代遅れのものとなりました。

Microsoft の Vista と同様に、Google の Android スマートフォンは、2011 年末にバージョン 4.0 が登場するまで、同様のグラフィック機能を獲得していませんでした (ほとんどの Android スマートフォンでは、まだこのバージョンのソフトウェアは実行されていません)。これも、Apple が最初の iOS 製品を発表してから約 5 年後です。

AppleがiOS 7に単に刷新された「スキン」を提供するだけでは、SamsungなどのAndroidライセンシーがそれを模倣するのははるかに容易になります。しかし、今回の新リリースでは、iOS 7をオリジナル製品として維持するために設計された一連の技術が活用されています。

シンプルさを重視

iOS 7は明らかにシンプルさを目指しています。しかし、Appleが指摘するように、「シンプルさというのは実に複雑なものです」。

同社のiOS 7デザイン概要には、「シンプルさはしばしばミニマリズムと同一視されます。しかし、真のシンプルさは、単に雑然としたものをなくしたり、装飾を省いたりするだけではありません。必要な時に、必要な物を、必要な場所に、必要なだけ提供することです。複雑さに秩序をもたらすことです。そして、常に『ただ動く』ように見えるものを作ることです。何かを初めて手に取った時に、やりたいことをすでに知っている時、それがシンプルさです。」と記されています。

シンプルなAndroidアプリの中には、デザインが悪く、そのまま動作せず、直感的に使えないアプリがたくさんあります。優れたシンプルなデザインを実現するには、単にシンプルであるだけでは十分ではありません。

AppleによるiOSの外観の初のメジャーアップデートと、Google（Android Holo、タブレット版3.0、スマートフォン版4.0、下の写真）とMicrosoft（Windows Phone 8「Metro」、Zuneから拝借、下の写真）によるアップデートを比較してみましょう。AppleはiOS 7について、「全体的なエクスペリエンスに明瞭さをもたらす」と述べ、「目立った装飾が削ぎ落とされ、最も重要なコンテンツに焦点が当てられるようになった」としています。

Android ホロ

ウィンドウズフォン

GoogleのAndroid Holoは、角張った「ドロイド」をテーマにしたコントロールを導入し、Chromeが特徴的な外観となっています。Windows Phoneは、奇抜なタイポグラフィ、タイル状のボックスデザイン、そしてハブなどのOS中心のコンセプトによるナビゲーションに焦点が当てられています。

iOS 7には、Android、WebOS、WP8、その他既存製品の一部と連携できる要素が確かに存在します。しかし、Appleが採用した方向性は、最新のデザイントレンドに合わせて外観を刷新するだけではありません。

さらに、AppleはiOS 7の刷新について、「操作性をさらに向上させ、より簡単で便利なものにしました。そのため、毎日やらなければならないことは、やりたいことそのものです。iOS 7では、すぐに使い慣れた方法で操作できるので、すべてを改めて学ぶ必要はありません」と述べています。

これは、マイクロソフトの根本的に異なる Windows Phone / Windows 8 と、Android を活用したデバイスの一貫性のない外観の両方に対する批判です。

テクノロジーとリベラルアーツの交差点

iOS 7 の階層化デザインアプローチは、過去 10 年間で 2 回、現状より 5 年先へ前進させた Apple の合成グラフィックスの優れた能力の活用を例示しています。

ビューを重ね合わせるという技術的な側面に加え、Appleはレイヤーの振る舞い方を記述するデザイン言語も体系化しました。「明確で機能的なレイヤーは、奥行き感を生み出し、階層と秩序を確立するのに役立ちます」と同社は述べています。

iOS 7のレイヤー

「半透明素材を使うことで、文脈や場所の感覚が伝わります。また、アニメーションやモーションへの新しいアプローチにより、最もシンプルなタスクでもより魅力的なものになります。」

この「新しいアプローチ」の一部は、デバイスを傾けてレイヤー間の明らかな変化を確認できる、モーション制御の視差効果です。

同社は、iOS 7の統一性を高める他の例も挙げています。iOS 6の多くのアプリは、初代iPhoneで導入された光沢のあるハイライトを採用しており（マップやメモなど、採用されていないいくつかの新しいアプリを除く）、一貫性のないスタイルや色を使用していますが、iOS 7ではアイコンデザインに焦点を絞っています。

Appleは、一貫性を保つために「新しいグリッドシステムに沿ってすべてのアイコンを再描画」し、「正確なカラーパレットを堅持」することで、OS 7全体のエクスペリエンスに統一感を持たせています。「これら全てが連携することで、個々の要素間のより調和のとれた関係が生まれます」と同社は述べています。

通知、コントロール、Siri用の透明パネル

iOS 7 の合成グラフィックエンジンによるレイヤーのもう 1 つの応用は、通知センター (上からスワイプ)、コントロールセンター (下から上にスワイプ)、強化された新しい Siri (ホームボタンをダブルタップして起動) などの機能の様相を強化するために透明度を使用することです。

iOS 7 通知センター

iOS 7 コントロールセンター

iOS 7 シリ

これら3つの機能すべてにおいて、半透明の背景を使用することで、一時的に前景要素を操作していることを明確に示しています。これらの機能はいずれも他のモバイルプラットフォームやアプリで初めて導入されましたが、AppleはiOS 7でこれらを統合・改良し、見た目も動作も似たものになっています。

新しい iTunes アプリでは、iTunes ラジオ局を編集するときなど、同様に透明性を利用して「場所の感覚」と様相を確立しています (下図)。

iOS 7 iTunesラジオ編集

印象に残る写真

AppleがiOS 7で活用しているグラフィック技術の最後の例は、写真アプリです。2007年当時、初代iPhoneは何百枚もの写真を表示し、指でスワイプするだけでリストを素早く切り替えるという驚異的な機能を備えていました。

Androidをはじめとするデバイスは、長年にわたり類似のリストをスムーズに操作するのに苦労しており、その結果、ユーザーから不満の声が上がるカクツキのある「遅延」が発生していました。Appleは、インターフェース全体に高度なハードウェアアクセラレーション技術を適用することでこの問題に対処し、瞬時に反応する操作性を実現しました。

それから6年、Appleはこのコンセプトと現代のモバイルデバイスのグラフィック性能の向上を基盤に、写真アプリのデザインに新たな洗練性を加えました。写真アプリでは、日付とGPS位置情報のメタデータに基づいて、自動的に「モーメント」として整理されるようになりました。

iOS 7の写真