プロダクト ニュース

インスピレーションを得て、アプリをパソコン向けに展開しましょう

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

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

パソコン向けエクスペリエンスの新しい設計ガイダンス

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

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

image.png

新しいガイダンスには、パソコン向けエクスペリエンスを独自のものにする設計原則を学べる基本的なガイドが含まれています。たとえば、マルチタスクがパソコン向けエクスペリエンスの中核となる仕組みなどです。

image.png

アプリがパソコン向けエクスペリエンスで動作している場合は、重要な操作エクスペリエンスに留意してください。たとえば、システム提供のカーソルからカーソルを選択するなど、独自の入力操作をどのように設計するのが最適かなどです。

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

image.png

パソコン向けエクスペリエンスでは、ウィンドウ表示などのマルチタスク機能が強化されます。アプリはヘッダーバー付きでさまざまなサイズに対応する必要があります。

image.png

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

image.png

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

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

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

image.png
作成者:

続きを読む