AppleのSafari 4のUI変更はSnow Leopardの計画を示唆している

AppleのSafari 4のUI変更はSnow Leopardの計画を示唆している

Safari 4 の新しいパブリックベータ版リリースは、Apple のソフトウェアの将来についてこれまでで最も深い洞察を明らかにし、Mac OS X 10.6 Snow Leopard で厳重に守られてきたユーザーインターフェイスの刷新に何が用意されているかを示唆するとともに、他のブラウザからアイデアを流用し、独自の装飾をいくつか追加しており、そのいくつかは、同社の既存のヒューマンインターフェイス設計ガイドラインを大胆かつ決定的に超えています。

古いもの、新しいもの、借りたもの、青いもの

Safari 4 の変更点の一部は外部ソースから借用されており、一部は Mac OS X の将来のバージョンに移行される可能性のある新しい機能であり、一部は Leopard や他の Apple 製品の機能で、Safari に初めて導入されたものです。

新しい変更点の一つとして、iPhoneと同様に、Webページ全体を「解像度に依存しない」スケーリングに対応しました。従来のWebブラウザではテキストサイズのみを拡大してページのレイアウトを崩すという対応でしたが、Safari 4ではツールバーのサイズボタン、または後期モデルのMacBookではマルチタッチトラックパッドのジェスチャーを使って、ページ全体の拡大・縮小(下図は縮小表示)が可能です。

AppleはGoogle検索フィールドを刷新し、他のブラウザと同等の水準に引き上げました。Googleサジェスト、ブックマークの検索結果、ページ内検索の統合がすべて、検索結果ドロップダウンに瞬時に表示されます(下図)。また、パッケージには興味深いアクアブルーのスクロールバーも残っています。iTunesは長年、Appleがこの泡のようなアクアブルーのスクロールバーを廃止する意向を示してきたため、新しいSafari 4での登場は少々意外です。

サファリ4

標準ベースのウェブ開発

標準ベースのウェブ開発をさらに魅力的なものにするため、AppleはSafari 4のウェブ開発ツールを拡張・改良し、JavaScript、CSS、HTMLコードのデバッグ、プロファイリング、パフォーマンス最適化を支援します。Webインスペクタウィンドウ(下図上部)は、ブラウザウィンドウ(下図下部)内で表示できるようになりました。

新しいSafari 4は、HTML 5のサポートにおいて他のブラウザの基準を引き上げました。これにより、開発者はAdobeのFlashやMicrosoftのSilverlightなどの外部Webプラグインに頼ることなく、Web標準を使用してリッチインターネットアプリケーション(RIA)を構築できるようになります。Google Chrome、Firefox、Operaなどの他のブラウザも、HTML 5仕様のサポートに積極的に取り組んでいます。

この新しい標準にはオフライン操作のサポートが含まれており、ユーザーはインターネット接続が切断されても動作を続けるRIAを読み込むことができます。これらのアプリは、Webアプリが管理するデータを保存するための巨大なWeb Cookieのように機能するHTML 5データベースも利用できます。これにより、例えばGMailなどのWebアプリケーションは、ユーザーのメールをローカルに保存し、インターネットに接続していない場合でもアクセスできるようになります。

Safari 4はCSSアニメーション、エフェクト、Canvas標準もサポートし、Nitro JavaScriptエンジン(旧称SquirrelFish Extreme)によってJavaScriptレンダリングが大幅に強化されています。HTML 5のサポートと組み合わせることで、これらの標準により、開発者はアニメーション効果の追加から、ブラウザ内と、既にこれらの標準をサポートしているiPhoneなどのモバイルデバイスの両方で動作する完全なアプリケーションの構築まで、あらゆることが可能になります。

サファリ4

サファリ4

Google Chromeの「タブを上に表示」を借用する

Safari はもともとタブ付きウィンドウのアイデアを Opera から借用し、後にタブのドラッグ アンド ドロップを導入しましたが、最新バージョンは Google の Chrome ブラウザからヒントを得ており、ブラウザのタブを上向きに折り返して、Web ブラウザのタイトル バーの未使用スペースに表示します。

これはタブーに近いと言えるでしょう。ウィンドウのタイトルバーは長らく、ウィンドウを掴んでタイトルを表示するためだけに与えられた聖域とされてきました。AppleがiTunesでタイトルバーのストライプを取り除き、徐々にウィンドウ本体に溶け込ませるという初期の試みや、その後のTigerで統一された外観は、どちらかといえば保守的な措置でしたが、それでも変化に抵抗するユーザーからは驚きの声が上がりました。

以前のバージョンのSafariでは、タブはユーザーが自分でアクティブにするオプション機能でしたが、Safari 4では、上向きのタブがタイトルバーを完全に置き換えるという大胆な変更が行われました。これにより、以前の無駄なスペースがタブの細長い機能に生まれ変わりました。タブの中央部分でウィンドウ全体を掴んで移動することは引き続き可能ですが、少なくとも複数のタブを追加すると、より複雑で洗練された外観のウィンドウになります。

新しい規則により、タブを独自のウィンドウにドラッグする操作もより直感的になりました。各タブにグリッパーアイコンが表示されるようになり、タブを掴むだけで、タブをバー内で位置変更したり、独立したウィンドウにドラッグしたりできます。このドラッグ動作自体は新しいものではありませんが、使い方ははるかに分かりやすくなりました。Safariのタイトルバータブ(Appleは「Tabs on Top」と呼んでいます)は、タブを利用する他のアプリケーションにもすぐに導入される可能性があり、Snow Leopard対応アプリの多くに欠かせない機能となるかもしれません。

サファリ4

合理化されたツールバー

初代Safariは、ウェブを可能な限り効率的に表示することを目指し、アプリのウィンドウフレームをほぼゼロにまで削減し、読み込みプログレスバーをURLアドレス入力欄自体に組み込んでいました。Safari 4ではさらに簡素化され、現在のページをブックマークに追加するためのボタンが1つになり、URL入力欄の末尾に更新アイコンが追加されました。ページの読み込み中は、このアイコンがおなじみの回転する歯車アイコンに切り替わります。

新しいタイトルバータブと組み合わせることで、Safari 4はAppleのコンシューマー向けソフトウェアの中で最も高密度なインターフェースを備えています。これは、少なくともFinal CutやLogicといったプロ向けアプリを除けば、エントリーレベルのユーザーのニーズをシンプルにすることを目指してきたAppleにとって意外な動きです。また、Snow Leopardではユーザーインターフェースがさらに洗練されることを示唆しています。

ヒョウからサファリまで:カバーフロー

Safariのブックマークページでは、ブックマークコレクションが、iTunesで初めてデモされ、その後すぐにLeopardのFinderでも採用されたのと同様に、ページ自体のアニメーション化されたCover Flowサムネイルで表示されるようになりました。これは、iPhoneやiPodにも搭載されているApple独自のビジュアライザに、強力なブランドイメージを与えるものです。

Cover Flowは、ウェブ履歴を全文検索する際に数百ページを素早く確認する機能も備えています。Safariでもこの機能は既に提供されていましたが、検索結果はURLとページ名の分かりにくいリストとして表示されていました。Cover Flowでは、クエリに一致するウェブページ自体の実際の表示を視覚的に確認できるため、以前のブラウジングセッションから情報を探す際に、はるかに直感的に操作できます。

サファリ4

Apple TVのビデオウォールを借りる:トップサイト

Safari 4に採用されたGoogle Chromeのもう一つの機能は、最近閲覧したサイトをスタート地点として表示する機能です。Appleはこれらのトップサイトを、Apple TVの広告のビデオウォールに似た、サムネイルを囲むグリッドとして表示します。また、ドラッグ&ドロップやピン留めといった直感的な操作で、グリッドを編集したり並べ替えたりすることも可能です。

ユーザーは、トップサイトページに表示したいアイコンの数に応じて、小、中、大のサムネイルのグリッドから選択することもできます。デフォルトでは、トップサイトページは新しいウィンドウまたはタブを開いたときにデフォルトのページとして機能します。

「トップサイト」に追加されたサイトは、コンテンツが変更されるたびに、折り目が付いた星印でタグ付けされます。これにより、視覚化はシンプルな RSS リーダーのように機能し、新しいコンテンツのあるお気に入りのサイトを強調表示します。

サファリ4

Windows 上の Windows のように見える

Windowsユーザー向けに、AppleはSafari 4をMac OS Xのオリジナルデザインではなく、ネイティブウィンドウスタイルのデザインでリリースしました。オリジナルのデザインはiTunesと調和し、Appleのブランドイメージを維持していましたが、ユーザーがWindowsデスクトップで期待する外観とは相容れず、やや不自然な印象を与えていました。

Safari 4 は、Windows XP のオレンジとブルーの「Fisher Price」テーマや Vista の Glass の外観を採用しているだけでなく、正確性は劣​​るもののより馴染みのある Windows スタイルのテキスト レンダリングを Windows ユーザーにも提供しています。

Mac 上の Snow Leopard のようですね?

Windows 上の Safari 4 は Microsoft 製品に似ていますが、Mac 上では Mac OS X の未来のように見えます。Snow Leopard の最新の開発者ビルドには、ユーザー インターフェイスのマイナーな機能強化のみが含まれており、現在は 2007 年に Leopard で最初にデビューした Time Machine「ユニバース」ブランドを引き継いでいます。Snow Leopard リリースの主眼は、消費者を対象としたマーケティング機能ではなく、内部の改善にありますが、Apple は歴史的に、Mac OS X の新しいリリースごとに、大幅なユーザー インターフェイスの変更をブランド化してきました。

これは、Safari 4が、まだ発表されていないSnow Leopardの刷新を垣間見せてくれることを示唆しています。AppleのOSの全体的な外観は、長年にわたり、主要なApple製品のリリース時に宣伝されていた機能を取り入れてきました。

Mac OS X 10.0 および 10.1 は、オリジナルの iMac の青と明るい白の半透明の縞模様のプラスチックを反映しています。

Mac OS X 10.2 Jaguarでは、最初に QuickTime で使用され、その後 iTunes で iChat と iCal が導入されて、新しいアプリが iPod に似た仮想ハー​​ドウェア デバイスとしてブランド化される、ブラシ仕上げの金属外観が追加されました。

Mac OS X 10.3 Panther では、 Finder と iSync 全体にメタル ルックが採用され、明るい白の Aqua インターフェイスがグレーの濃淡で暗くなり、デスクトップがより本格的でプロフェッショナルな印象を与えるようになりました。

Mac OS X 10.4 Tigerでは、ブラシメタルのメタリックな質感を抑えた新しい「統一された」外観が導入され、これがデフォルトのウィンドウ外観となりました。この変更は、SafariとiTunesのプレリリース版で予兆されていました。

Mac OS X 10.5 Leopard では、ウィンドウのよりドラマチックな影、より繊細なメニューバー、反射のある 3D パースペクティブで表示される新しい Dock などにより、デスクトップがさらに改良されたほか、Time Machine の新しいフルスクリーンの「過去を振り返る」モードや、新しいバックアップおよび復元機能を暗示する宇宙をテーマにしたパッケージングも導入されました。

Mac OS X 10.6 Snow Leopardはまだユーザーインターフェース部門でその手腕を明らかにしていないが、Safari 4はブラウザからオペレーティングシステムに伝わるいくつかの変化を示唆しており、サードパーティのアプリケーションで利用できるようになるだろう。

Safari 4の特徴がSnow Leopardに採用される可能性

タブをトップに表示:タブをタイトルバーに配置することで、ユーザーインターフェースのデッドスペースを有効活用し、ウィンドウ内でのタブの整理や、タブを独立したウィンドウとして切り出す操作をより直感的に行うことができます。タブをトップに表示の恩恵を受けられるアプリとしては、iChat、iWorkアプリ、Finderなどが挙げられます。

より一般的な観点から言えば、タブを最前面に表示するインターフェースは、Appleが他社の優れたアイデアを採用するだけでなく、ユーザーインターフェースを規定する長年のルールを変える意欲をますます強めていることを示している。最近リリースされたiWork 09アプリも同様に、Pagesドキュメントをフルスクリーン表示し、背景のデスクトップ、メニューバー、その他の固定ユーザーインターフェース要素を非表示にする機能など、従来の慣習を打ち破り、便利な新機能を提供している。ウィンドウ構造から抜け出すためのこの意図的な取り組みは、マルチウィンドウ環境に戻った際にウィンドウのメタファーを損なうことなく、多くのアプリにとってメリットとなるだろう。

インターフェース分離へのこのステップは、Leopard の Time Machine と Tiger の Front Row によって開拓され、Pages 09 のようにインターフェースを占有する個別のアプリ以外にも、Snow Leopard で他の用途が見つかる可能性があります。

トップサイト:最近閲覧したウェブサイトをユーザーが設定できる新しいビジュアル表示機能は、多くのドキュメント中心のアプリのオープニング画面としても最適です。新しいiWorkアプリでは、利用可能なテーマがグリッド形式で表示されます。標準のファイルを開くダイアログにも、最近使用したドキュメントをピン留めできるビジュアルなトップドキュメント表示をオプションとして提供し、Spotlight検索結果とQuick Lookのレンダリング結果を統合するのはいかがでしょうか?

アクアを廃止: Safari 4に搭載されていた要素のうち、Snow Leopardには採用されそうにないのが、水色のスクロールバーです。iTunesはすでにアクアバーを廃止し、よりフラットで控えめなグレーのコントロールを採用しています。Snow Leopardではさらに一歩進んで、ユーザーがマウスオーバーするか、マウスホイールやマルチタッチトラックパッドのジェスチャーで上下にスクロールするまで、スクロールバーが消えるようになるかもしれません。これはiPhoneやApple TVで既に採用されており、他のサードパーティ製ユーザーインターフェースでも一般的になりつつあります。

今年後半に出荷される Snow Leopard が実際にどのようなものになるかは、まだ厳重に秘密にされている。