サービスに関する最新情報

ヒントを得て、アプリをデスクトップに移行しましょう

所要時間: 1 分
Ivy Knight さんのプロフィールを表示
Ivy Knight シニア デザイン アドボケイト

このたび、デザイン リソースが大型アップデートされました。これにより、あらゆるフォーム ファクタで洗練されたアダプティブな Android アプリを作成するために必要な包括的なガイダンスが提供されます。デスクトップ エクスペリエンスのガイダンスと、更新された Android デザイン ギャラリーが公開されました。

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

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

デスクトップ エクスペリエンスのガイダンスを詳しく確認して、デスクトップ デザインの原則、入力インタラクションのガイダンス、システム UI の考慮事項に沿ってアプリを最適化しましょう。

image.png

新しいガイダンスには、デスクトップ エクスペリエンスを独自のものにする設計原則(マルチタスクがデスクトップ エクスペリエンスの中核であることなど)を学べる基礎ガイドが含まれています。

image.png

アプリがデスクトップ エクスペリエンスにある場合は、重要なインタラクション エクスペリエンスに留意してください。たとえば、システム提供のカーソルからカーソルを選択するなど、独自の入力インタラクションをどのように設計するのが最適か、などです。

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

image.png

デスクトップ エクスペリエンスでは、ウィンドウ表示などのマルチタスク機能が追加されるため、アプリはヘッダーバーを使用してさまざまなサイズに対応することが想定されます。

image.png

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

image.png

すぐにご利用を開始するには、モバイルからパソコンに移行する手順を確認し、更新されたアダプティブ デザイン ラボに沿ってデザインしましょう。

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

検索のヒントをお探しですか?Android デザイン ギャラリーをリリースしました。この新しいリソースは、複数の業種、フォーム ファクタ、UX パターンにわたる、参考になる事例をまとめた最新のカタログです。今後も、インスピレーションを刺激する新しいサンプルを追加していきますので、定期的にチェックして、Android デザインの最新かつ最高のサンプルをご覧ください。

image.png
作成者:
続きを読む