説明 UI のガイドライン

アプリでの特定のタッチ操作など、ユーザーにとって自明ではない機能について、ユーザーに伝えると有用な場合があります。このような場合は、ユーザーが気付かない場合もある機能について、ユーザーインターフェイス (UI) を使ってユーザーに指示を表示する必要があります。

説明 UI を使う状況

説明 UI は、慎重に使用します。多用されると、煩わしく、無視されやすくなり、効果が低くなります。

説明 UI は、タッチジェスチャや、ユーザーが関心を持つ設定など、重要だが自明でないアプリの機能をユーザーに示すために使用します。アプリの新機能や変更点など、知らせない場合には見落とす可能性のある情報を、ユーザーに知らせるためにも使用できます。

アプリがタッチジェスチャに依存したものでない場合には、アプリの基本的な機能をユーザーに説明するために説明 UI を使用しないようにします。

ユーザーにとって適切で、ユーザーのためになるように、説明 UI を使うと、ユーザーエクスペリエンスを向上できます。次のようになります。

説明 UI は多用せずに、適切なものに限るようにします。次のような内容を説明するために使用しないようにします。

説明 UI がユーザーの妨げにならないようにします。次の行為は禁止とします。

重要な情報を見えなくする: 説明 UI がアプリの他の機能の妨げにならないようにします。
参加を強制する: ユーザーが説明 UI を無視しても、アプリの操作を進められる必要があります。
情報を繰り返し表示: ユーザーが最初に無視した場合、説明 UI はユーザーを何度もわずらわせないようにします。説明 UI の再表示を設定に追加するのは、優れたソリューションです。

ここでは、説明 UI がユーザーの習得に役立ついくつかの例を示します。

ユーザーがタッチ操作を見つけられるようにする。 次のスクリーンショットには、Cut the Rope というゲーム内でタッチジェスチャを使う方法をプレイヤーに教える説明 UI が示されています。
第一印象を良くする。 ムービーモーメントの初回起動時には、ユーザーエクスペリエンスが妨げられることなく、説明 UI で、ユーザーはビデオの作成を始めるように求められます。
複雑なタスクの次の手順にユーザーを導く。 Windows メールアプリの受信トレイの下のヒントは、以前のメッセージにアクセスできるように、[設定] にユーザーを導きます。

ユーザーがメッセージをクリックすると、アプリの設定ポップアップが画面の右側に表示され、ユーザーがタスクを実行できるようになります。次のスクリーンショットは、ユーザーが説明 UI のメッセージをクリックする前後のメールアプリを示しています。

変更前クリック後