プロダクト ニュース

インスピレーションを得て、アプリをデスクトップに移行する

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

このたび、デザイン リソースを大幅にアップデートしました。これにより、あらゆるフォーム ファクタで洗練されたアダプティブ Android アプリを作成するために必要な包括的なガイダンスをご利用いただけるようになります。パソコン版のガイダンスと、リニューアルされた Android デザイン ギャラリーが公開されました。

新しいパソコン向けデザインのガイダンス

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

パソコン向けのエクスペリエンスに関するガイダンスで、パソコンのデザイン原則、入力操作に関するガイダンス、システム UI に関する考慮事項を確認し、アプリの最適化に役立てましょう。

image.png

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

image.png

アプリがデスクトップ エクスペリエンスにある場合は、システム提供のカーソルからカーソルを選択するなど、独自の入力操作をどのように最適に設計するかといった、重要な操作エクスペリエンスを念頭に置いてください。

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

image.png

デスクトップ エクスペリエンスでは、ウィンドウ機能などのマルチタスク機能が追加されるため、アプリはヘッダーバー付きのさまざまなサイズに対応する必要があります。

image.png

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

image.png

すぐに利用を開始するには、モバイルからパソコンに切り替えて、更新されたアダプティブ デザイン ラボでデザインを行う方法については、チュートリアルをご覧ください。

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

アイデアをお探しですか?Android Design Gallery をリリースしました。この新しいリソースは、複数の業種、フォーム ファクタ、UX パターンにわたるインスピレーションあふれる例をまとめた、随時更新されるカタログです。インスピレーションを刺激する例は随時追加されますので、Android デザインの最新情報を頻繁にチェックしてください。

image.png
作成者:

続きを読む