blog

アンドロイド・デザインの過去と現在

GoogleがAndroid Designのステージのために照明、音響、セット、小道具を準備するのに2年かかりましたが、それ以来、この大舞台を完全にデザイナーに開放しました。...

Aug 19, 2014 · 11 min. read
シェア

2年前の今頃、GoogleはAndroid***史上初のアップデートであるIce Cream Sandwichをリリースし、改良されたAndroid 4.0.3とともに、Android***史上初のデザイン仕様であるAndroid Designを発表しました。 私見ですが、これはAndroidの歴史において間違いなく最も重要な日です。Android Design。 私の意見では、この日は間違いなくAndroidの歴史の中で最も重要な日です。 この日の日付は2012年1月12日です。

過去の人生

[]

Androidデザインといえば、Palmで副社長としてwebOSのインターフェイスとインタラクションを担当し、ピーター・スキルマン、マイク・ベル、マイケル・アボット、マヌ・チャタルジーといったデザイン界の名士たちとともにGoogleにやってきたAndroidデザインの父、マティアス・ドゥアルテを挙げなければなりません。ドゥアルテはPalm社の副社長として、ピーター・スキルマン、マイク・ベル、マイケル・アボット、マヌ・チャタジーといった当時のデザイン界の聡明な面々とともに、webOSのインターフェースとインタラクションを担当しました。PalmがHewlett-Packardに買収された直後、Duarteは webOSの 将来に絶望を感じてHPを去り、2年前に彼にオリーブの枝を差し出していたGoogleに2010年5月に移籍しました。

ドゥアルテがグーグルに入社してわずか半年後、Androidは****変更を加え始めました--Android 2.3 Gingerbreadが正式にリリースされたのです。マティアス・デュアルテは、Android 2.3に以前のバージョンよりも1つ追加したもの、それはアクションバーです。 アクションバーの追加は、アプリ内のアクションの場所を標準化し、Androidが将来どうなるかの基礎を築きました。

しかし結局のところ、ドゥアルテはAndroid 2.3の開発の半ば以上でAndroidチームに参加し、近い将来にGingerbreadがリリースされる予定であったため、彼にはまだいくつかの変更が可能でした。Gingerbreadのリリース後、DuarteはAndroid 3.0のインターフェースに取り組み始めました。

このような一般的な改良に加え、3.0ではウィジェットのサイズを変更できるようになるなど、4.0やそれ以降のAndroidに大きな影響を与えるような細かいデザインももたらされました。

#p#

ライフ

世に出る

HoneycombのUIとUEのスタイルをベースに、Duarteは新しいチームを率いてIce Cream SandwichのUI/UEをデザインしました。今回、彼らはタブレットと携帯電話向けに異なるレイアウトスタイルのシステムを作るという大胆なステップを踏み、タブレットUIは***市場に受け入れられませんでしたが、それでも非常に興味深い試みです。

例えば、スライドエリアを上にスワイプしてアプリドロワーにアクセスしたり、アプリを上にスワイプして閉じたり。これは、Matias DuarteとともにAndroid 4.0に搭載されたものです。マルチタスク・インターフェースと通知バーの両方で、アイテムを水平方向にスワイプすると、そのアイテムを無視/閉じます。アイコンのみだったマルチタスクインターフェースは、webOSのカードインターフェースを継承し、美観が向上しました。スワイプジェスチャーは多くの開発者に支持され、さまざまなアプリにさまざまな形で登場しています。

アクションバーに加え、Android 4.0では、長押しによる選択と複数選択という新しい「選択」の方法が導入されました。マルチセレクトアクションを行うと、アクション選択ウィンドウがポップアップする代わりに、アクションバーのバリエーションであるコンテキストアクションバーが表示されるためです。

タブレットの直接サポートが追加されたことで、Androidもタブレットのレイアウトを重視するようになりました。シンプルなXMLステートメントによって、同じアプリケーションを異なるデバイス上で異なる形で表示することができます。タブレットのレイアウトを容易にするため、Android Designでは特にマルチペインレイアウトを重視しており、Android 4.0では、Androidタブレットアプリケーションに関する新しい考え方を切り開く試みとして、さまざまなマルチペインレイアウトのアイデアを導入しています。この新しいタブレット・レイアウトはHoneycombと同じ系統のもので、Google自身もシステム・アプリや***パーティ製アプリでリッチなレイアウト形式を採用しています。残念ながら、Googleのこの点に関する努力は今日までほとんど効果がなく、タブレットのAndroidアプリケーションはサポートされ、全体的なレベルは良くありません。

グーグルは、「Androidアプリがどのようなものであるべきか」を明確にしました。

Android Designが登場するまで、Googleは「Androidアプリはこうあるべき」という話をしませんでした。Googleは「Androidアプリはこうあるべき」と言い、ウェブサイトでは「iOSやWindows PhoneのUIをコピーするのは良くない」と明確に指摘しており、GoogleがついにAndroidアプリ体験の統一に何かやるぞという気概に、人々は新鮮さを感じずにはいられません。GoogleはついにAndroidアプリ体験の統一について何かをしようとしています。

アキレス腱

Android 4.0のリリースに伴い、Googleは新しいリターンロジック(BackとUp)を作成しました。

もともと4.0のマルチタスクの改善に合わせて作られた「上へ」と「戻る」は、アプリ内を素早くナビゲートし、「戻る」はアプリ間を素早くナビゲートします。

しかし、グーグルでさえ、この2つのボタンがどのように機能するのか把握できていません。

Android Designでは、Googleは通知ドロワーからアプリに入ると、「戻る」と「上に戻る」の両方が上に移動することを想定しています。 実際には、これは前述の「Up goes up, Back goes back」ルールと矛盾します。多くの開発者は、「戻る」ボタンを「上に戻る」ボタンと同じように機能するように書き換えることにしました。現在でも、UpとBackの違いを理解できない開発者はもちろん、一般の人にもたくさんいます。iOSでは「Up」キーが「Back」キーと同じ場所にあるため、多くのユーザーは「Up」キーが「Back」キーだと思っています。

UpとBackの違いは、AndroidのUEに隠れた問題を残していると言えます。開発者やデザイナーがアプリを企画するときはいつも、この場所で頭を悩ませずにはいられません。そして、ナビゲーション・セクションは、何度かの改訂にもかかわらず、いまだにこれらの問題を解決していません。

Holo,繁栄

Android Designのリリース後、多くのアプリがAndroid Design、正確にはHolo Themeを採用し始めました。 一部の有名アプリがUIをHolo Themeに変更するにつれ、しばらくの間、Holo ThemeアプリがPlayストアでより多く見られるようになり、Holo Themeはより多くのユーザーに知られるようになりました。いくつかの有名なアプリがUIをHolo Themeに変更するにつれて、Playストアには徐々にHolo Themeアプリが増え、Holo Themeを知るユーザーも増えていきました。Android Designのリリースから約1年、Holo ThemeはついにPlayストアの主流となりました。

しかし、ホロ・テーマのアプリが増えたからといって、人々がハッピーになるわけではありません。

一方、Playストアのトップページは相変わらず非Android Designのアプリばかりで、中にはHolo Themeをベースにしているものもあるかもしれませんが、見た目が似ているだけでGoogleの仕様ではありません。国産アプリを見ても、非Android Designアプリが大半を占めており、実際にAndroid Designに準拠したアプリを見つけるのは困難です。

しかも、その一方で、新しいホロ・テーマ・アプリがどんどん出てきていますが、これらの新しいホロ・テーマ・アプリは既存のものと同じ機能を持っていません。他のホロ・テーマ・アプリは、純粋に見栄えを良くするための、いわば「適合のための適合」であり、その機能に目新しさはありません。この種のアプリを増やす意味はありません。

Holo Themeが勢力を拡大する中、Androidアプリにひっそりと登場したNavigation Drawer。 正式な仕様にはなかったのですが、一部の開発者がさまざまな工夫を凝らして実装し、その見えにくさと、アプリのナビゲーションをまとめやすく、アプリの階層構造を明確にしやすいことから人気に火がつきました。より多くの開発者がDrawersを探求し始めました。 やがて、このトレンドはGoogleの目に留まりました。

#p#

2012年半ば、Android 4.1がリリースされました。このバージョンでGoogleはAndroidの通知をさらに改善し、通知バーの通知を拡大できるようになりました。

リッチ通知は、より多くの情報を表示するだけでなく、イメージやシンプルなアクションボタンも表示します。リッチ通知のサポートにより、ユーザーはより迅速に情報にアクセスし、対応できるようになりました。多くのアプリが、ユーザーアクションを簡素化し、ユーザーが情報にアクセスしやすくするために、リッチ通知の実験を開始するのに時間はかかりませんでした。

アプリケーションとユーザーのつながりを強化

Android 4.1がリリースされた直後、GoogleはAndroid Designを再びアップデートし、「ヘルプ」と「確認メッセージ」の使い方という2つの新しいガイドを追加しました。と「確認メッセージ」の使用 - を追加し、ヘルプページを大幅に更新しました。ヘルプ仕様では、ヘルプの重要性を強調し、ガイドの作り方やヘルプ画面の書き方をわかりやすく解説しています。確認メッセージの仕様では、アプリケーションとユーザーとのつながりを強化し、ユーザーが自分の行動をよりコントロールできるようにしました。

2012年末、GoogleはAndroid 4.2をリリースしました。この小さなバージョンは名前すら変えませんでしたが、スライドタイピング、球体パノラマカメラ、クイック設定ドロワー、ロック画面ウィジェットをもたらしました。これはある意味、ロック画面上でより多くの情報を取得する機能を追加することで、ホーム画面をロック画面に拡張することに相当し、一部の開発者はロック画面通知アグリゲーターさえ作成しました。ロック画面通知アグリゲータを作成した開発者もいます。

iOSの初期にサードパーティ製アプリの大半がシステムのアプリのスタイルを模倣していただけだったように、市場に出回っているAndroid Designアプリはほぼ常に公式アプリのスタイルを踏襲しており、型にはまったアプリを見かけることは稀でした。この状況を打破したのは、Pressが登場してからのことです。

プレスでは、HoloはGoogleが提供する基本的なUIソリューションとして、多くの開発者を満足させてきましたが、デザインプロトコルに精通した上級開発者は、プロトコルに縛られることに満足せず、Holoの上に、より優れたAndrodi DesignのUIデザインを求めています。

アンドロイド・デザインのブティックアプリが徐々に増え始めています。

自作テーマのフルセット、書き直されたレイアウト、右スワイプで戻るジェスチャーの追加、スマートな方法で最適化されたタブレットUIにより、PressはAndroid Designコミュニティで即座にヒットしました。

Pressのリリースにより、多くのAndroid開発者やデザイナーがAndroid Designを見直すようになり、やがて優れた美しいアプリが登場するようになりました。これらのアプリがより多くの開発者やデザイナーに知られるようになると、Android Designアプリの数が増え始めました。 より多くの開発者が、自分たちの個性をアピールするために、アプリで大胆な色を試すようになりました。

月日の経つのは早いもので、半年が過ぎました。この半年間、Android Designは基本的に大きな変化はありませんでした。時は流れ、2013年5月。Google I/O 2013で、GoogleはNavigation DrawerをAndroid Designに正式に組み込み、公式のDrawerスタイルを指定し、専用のガイドページを立ち上げ、「App Structure」ページを大幅に更新しました。 Googleのほとんどのアプリも新しいDrawerにナビゲーションを変更し、Googleの後押しにより、多くのAndroid DesignアプリがDrawerを使用するようになりました。

インサイド・アウト・デザイン

一方、ほぼすべてのGoogleアプリは「カード」レイアウトを採用しています。いわゆるカードレイアウトは、Android 4.1でリリースされたGoogle Nowで初めて登場したもので、このカードは情報の整理に効率的な役割を果たし、Googleは公式にこのレイアウトを「Inside Out Design」と呼んでいます。このレイアウトの本質は、「最初にフレームを設定し、コンテンツを埋めていく」という伝統的なデザインの考え方を打ち破り、「最初にコンテンツと表示形式を決定し、フレームと異なるコンテンツを組み合わせる」という考え方を採用することで、より良い情報提示を可能にしている点にあります。情報インサイド・アウト・デザインで最も一般的なコンテンツの運搬・提示形態はカードです。

Drawerと同様に、Googleの強力なプロモーションにより、より多くの開発者がカードレイアウトとインサイド・アウト・デザインを探求し始めました。

より大きなステージ

Android 4.0がリリースされた当初は、Android上の洗練されたアプリはあまりにも少なく、Googleは「私を魅了する」「私の生活をシンプルにする 」「 私を素晴らしくする 」というタスクを果たすために、Androidシステムそのものに頼らざるを得ませんでした。しかし、2年後の今、グーグルの足跡をたどり、より多くの開発者がアンドロイド・デザインの本質に気づき、アンドロイド上の優れたアプリの数は増え続け、十分な量に達しました。彼らは共に、Androidデザインの核となるアイデアを実装することで、人々を魅了し、簡素化し、驚かせる役割を担い、Android自体の負担を軽減することに貢献しています。

そこでグーグルは、アンドロイドUIを引退させる時が来たと悟りました。

Androidの通知バーのステータスアイコンとタッチフィードバックのデフォルトカラーは、Androidの特徴である鮮やかな青ではなく、控えめでニュートラルなグレーと白になりました。

デフォルトのタッチフィードバックの視認性を下げることで、デザイナーはAndroidのデフォルトの青色と衝突する色の選択を心配することなく、自分の仕事をすることができます。また、Android Designは、アプリのカラーリング、ロゴ、アイコンの原則を簡潔に説明する新しいYour Brandingページを追加しました。

半透明バーの追加は、システムバーを透明にすることで、システムバーの存在感をさらに薄め、コンテンツの価値を際立たせることを期待する、GoogleのEdge to edgeデザインへの理解を反映したものです。

グーグルがAndroid Designのステージの照明、音響、セット、小道具を準備するのに2年かかりましたが、それ以来、この壮大なステージをデザイナーに完全に開放しました。

Read next

Androidアプリにおけるナビゲーション・デザインの間違いトップ10

[]\n[コアヒント] 今回は、デザインミスというトピックで、Android開発スペースでアプリのナビゲーションをデザインするときによくある間違いを指摘します。\n\n\nAndroid Developer Connectionチームによるナビゲーションデザインの「アンチパターン」トップ10。

Aug 19, 2014 · 8 min read