プロダクト ニュース

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

1 min read
Ivy Knight のプロフィールを表示
Ivy Knight シニア デザイン アドボケイト

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

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

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

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

image.png

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

image.png

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

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

image.png

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

image.png

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

image.png

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

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

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

image.png
作成者:
続きを見る