説明用UIのガイドライン

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

操作ガイド UI を使用する場合

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

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

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

優れた説明用 UI は、ユーザーにとって適切で学びにつながるものであり、ユーザーエクスペリエンスを向上させます。次のようになります。

説明 UI は多用せずに、適切なものに限るようにします。教えないでください:

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

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

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

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

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

変更前クリック後