コンセプト：ネイティブUIコンポーネントを搭載したGoogleのiOSアプリはどうなるのか？c

10月、GoogleはiOSアプリを最終的にマテリアルデザインから脱却させ、よりネイティブなユーザーインターフェースを導入すると発表しました。世界で最も利用されているアプリがネイティブUIKitコンポーネントで構築されたらどうなるのか、まだ垣間見ることはできませんが、いくつかのコンセプトを描いて、それがどのようなものになるのか想像してみるのは面白いと思いました。

Googleは2011年にAndroid Lollipopをリリースした直後にiOSアプリにマテリアルデザインを導入しましたが、ユーザーインターフェース要素の共通化はそれ以前から行われていました。長年にわたりデザイン言語の進化に合わせてiOSアプリもアップデートされてきました。しかし今年、AndroidはMaterial Youによって新たなデザインの方向性へと大きく転換しました。そして、GoogleがこれをiOSに導入する意向がないことは明らかです。

そこで、App Storeで最もよく使われている6つのアプリ、Google、Chrome、Googleマップ、Gmail、YouTube、GoogleドキュメントをApple独自のユーザーインターフェース要素を使って再デザインしました。まず驚いたのは、見た目が劇的に異なることです。Googleのデザイン言語は素晴らしいのですが、ネイティブiOSとは大きく異なり、ユーザーが様々なデザインスタイルを切り替える際に違和感を覚えることがあります。ネイティブiOS要素を使うことで、Googleアプリは違和感なく馴染むようになりました。

Googleマップ

Googleマップを見てみましょう。まず最初にやらなければならないのは、濃いドロップシャドウのフローティング検索バーを削除することです。代わりに、検索フィールド、アカウントボタン、そしてその下にフィルターボタンが並ぶ標準的なナビゲーションバーを配置しました。フィルターボタンは、よりネイティブな見た目のボタンで構成されています。画面の右下と左下のフローティングボタンも更新する必要があります。Googleロゴの背景をぼかし、Appleマップの現在地表示ボタンを彷彿とさせるデザインにしました。

Googleアプリは画面下部にカスタムタブバーを使用していますが、ネイティブ版とは若干動作が異なります。Google版はアイコンのフォーマットと配置が若干異なるため、Apple版に置き換えました。また、タップ時のアニメーションも消えてしまいます。これは、GoogleアプリをiOS上でネイティブに見えるように、少なくとも表面的には調整できる方法の一例です。

グーグルクローム

これはGoogleアプリですが、皮肉なことにユーザーインターフェースのクロームがほとんどありません。Google Chromeブラウザは、下部に独自のツールバー、上部にカスタム検索フィールドを備えています。私はこれらをネイティブのものに置き換えただけです。確かに、アプリはSafariにかなり似ています。しかし、微調整されたレイアウトは依然として明らかにGoogleのものです。

Gmail、ドキュメント、検索

Googleアプリについてですが、必要な作業はほとんどありません。Googleが行う必要があるのは、アイコンの選択を微調整し、検索フィールドを入れ替え、いくつかのボタンを変更するだけです。アプリはネイティブ要素があっても見た目はそれほど変わりません。

一方、Gmailは、ネイティブ要素を取り入れると全く異なる見た目になります。少し独創的なデザインにしてみましたが、少し変わった点もいくつかあるので、将来的に実装された際には、見た目が全く異なる可能性があります。ホームアプリの四角いボタンのデザインを、メインの受信トレイの上にフローティング表示される他の3つのメールボックスに採用しました。

Googleアプリと同様に、Googleドキュメントもそれほど調整する必要はありません。見た目は紛れもなくGoogleドキュメントに似ていますが、明らかにネイティブのiPhoneアプリです。マテリアルデザインの痕跡は全く残っていません。

ユーチューブ

YouTubeアプリはおそらく最も抜本的な見直しが必要でしょう。YouTubeアプリはカスタム性の高いユーザーインターフェース要素を多く含むため、根本から再設計する必要があります。ここで私が選んだいくつかの選択肢について少し背景を説明すると、動画視聴時にGoogleのフルスクリーンカスタムモーダルではなく、Appleデザインのスタックモーダルビューが表示されるようになりました。

また、GoogleのアイコンをすべてAppleのアイコンに切り替え、ユーザーインターフェースを整理し、スペースを広くしました。鋭い洞察力を持つ読者の方は、上部のツールバーにあるChromecastアイコンをAirPlayボタンに置き換えたことに気付くでしょう。これは、Appleエコシステムを使用しているユーザーにとって明らかな変更です。