プロダクト ニュース

インスピレーションを得て、アプリをデスクトップ向けに展開しましょう

所要時間: 2 分
Ivy Knight
シニア デザイン アドボケイト

デザイン リソースのメジャー アップデートを発表いたします。これにより、あらゆるフォーム ファクタに対応した洗練されたアダプティブ Android アプリを作成するために必要な包括的なガイダンスをご利用いただけるようになります。デスクトップ エクスペリエンスのガイダンスと、刷新されたAndroid デザイン ギャラリーが追加されました。

デスクトップ エクスペリエンスの新しい設計ガイダンス

ユーザーが Android アプリを使用するデバイスは、スマートフォンや折りたたみ式デバイスからノートパソコンや外部モニターまで、これまで以上に多様化しています。「デスクトップ エクスペリエンス」とは、アプリがデスクトップのようなモードで動作している状態を指します。通常、キーボードやマウスなどの非タッチ入力デバイスや、モニターなどの別のディスプレイを使用します(詳しくは、接続されたディスプレイに関するお知らせをご覧ください)。つまり、大画面向けに設計し、追加の入力状態に対応する必要があります。これらの新しいデザイン エクスペリエンスは、情報密度を高め、マルチタスク機能を強化することで、ユーザーの生産性を最大限に高めることを目的としています。

デスクトップ エクスペリエンスのガイダンスでは、デスクトップ デザインの原則、入力操作のガイダンス、システム UI の考慮事項について説明しています。アプリの最適化にご活用ください。

image.png

新しいガイダンスには、デスクトップ エクスペリエンスを特徴づける設計原則(マルチタスクがデスクトップ エクスペリエンスの中核となる仕組みなど)を学べる基礎ガイドが含まれています。

image.png

アプリがデスクトップ エクスペリエンスで動作している場合は、システム提供のカーソルからカーソルを選択するなど、独自の入力操作を考慮した最適な設計方法など、重要な操作エクスペリエンスに留意してください。

システム アイコンでカバーされていない特殊な操作については、カスタム カーソル アイコンの作成を検討してください。その際、ユーザーがページ上で簡単に見つけられるようにする必要があります。

image.png

デスクトップ エクスペリエンスでは、ウィンドウ表示などのマルチタスク機能が強化されます。アプリは、ヘッダーバー付きのさまざまなサイズで表示されることが想定されます。

image.png

デスクトップはモバイルよりも画面がはるかに大きく、ユーザーは通常、タッチスクリーンの指よりも精密なマウスで操作します。つまり、情報密度の高い UI を提供することで、ユーザーの生産性を高めることができます。

image.png

すぐにご利用を開始するには、ウォークスルーでモバイルからデスクトップに移行し、更新された アダプティブ デザイン ラボに沿って設計してください。

差別化された高品質なアプリを実現するための基準について詳しくは、新しく更新された アダプティブ アプリの品質に関するガイドライン と アダプティブ デベロッパー ガイダンス をご覧ください。

インスピレーションをお探しですか?Android デザイン ギャラリー をリリースしました。この新しいリソースは、複数の業種、フォーム ファクタ、UX パターンにわたるインスピレーションを与える例をまとめた生きたカタログです。インスピレーションを与える新しい例を随時追加していきますので、Android デザインの最新情報をぜひご確認ください。

image.png
作成者:

続きを読む