設計の原則

Android デバイスでは、アプリがフリーフォーム ウィンドウで開き、ユーザーが主にマウスや物理キーボードなどのポインタ デバイスで UI を操作するデスクトップ エクスペリエンスが可能です。詳しくは、さまざまなフォーム ファクタでのデスクトップ エクスペリエンスをご覧ください。

パソコン向けのエクスペリエンスの設計は、画面スペースの拡大、マウスとキーボードの入力の精度、高い生産性への期待などにより、モバイル設計とは大きく異なります。

最初から適応型

アプリをデスクトップ エクスペリエンスに対応させることは、後から考えることではありません。モバイルアプリのレイアウトと情報階層を設計する際は、大画面に対応できるように、柔軟でモジュール化された方法で設計します。

サイズに合わせて調整されるアプリのワイヤーフレーム。

大画面で作業効率アップ

スペースを埋めるために要素を拡大するだけでなく、より密度の高いレイアウトでより多くの情報を表示することで、増加した画面スペースを有効に活用します。

サイズに合わせて調整されるアプリのワイヤーフレーム。

動きを調整する

小さな UI 要素が短い距離を移動するトランジションは、モバイルよりも高速になることがよくあります。これは、操作後にユーザーの指が画面を遮らないためです。大きな UI 要素が大きく移動するトランジションは、モバイルの場合よりも遅くしたり、簡略化したりする必要があることがよくあります。そうすることで、ユーザーが視覚的に圧倒されないようにします。

さまざまなサイズに対応するアプリのワイヤーフレーム。

マルチタスクを核に

ユーザーは、デスクトップ エクスペリエンスでさまざまな種類のタスクを同時に実行できることを期待しています。マルチウィンドウ OS 環境はこれをサポートしていますが、アプリ内でユーザーがマルチタスクを行えるようにすることも必要です。

サイズに合わせて調整されるアプリのワイヤーフレーム。

効率とシンプルさのバランス

モバイル デザインはシンプルさとタスクフローの効率化に重点を置いていますが、デスクトップ環境では、ユーザーはより短いフローでより多くのことを達成できることを期待しています。少ないステップでタスクを完了させながら、ユーザーに過剰な情報を提供しないように、アプリのバランスを適切に調整することが重要です。

さまざまなサイズに対応するアプリのワイヤーフレーム。

すべての入力タイプが同等に重要

ユーザーはタッチ、ポインタ、物理キーボードを頻繁に切り替えるため、デスクトップ環境ではこれらはすべて同等に重要です。ポインタとキーボードの操作に関するベスト プラクティスに沿って、ユーザーが各入力タイプでアプリを効率的に使用できるようにします。

サイズに合わせて調整されるアプリのワイヤーフレーム。