Webアプリの通知システムに取り組んでいます。表示するメッセージはほとんどありませんが、これらはプラットフォームの使用において非常に重要です。行動を促すテキスト(「ここをクリックしてトムに答える」など)を含めるのが最善か、それとも説明文(「トムが新しいコメントを投稿した」)で十分かと思いました。
私はこれらの通知を短く、明確でわかりやすいものにしておくのが最善だと思うので、すべての単語が重要です。
Facebook、Twitter、Pinterestはシンプルでわかりやすいテキストを使用しています。
通常、通知は、何かが発生したことをユーザーに通知するために作成されます。
したがって、プライマリUXゴールはその情報を伝えることです。
通常、ユーザーがアクションを実行する(応答、却下、承認など)ことはXの第2目標です。これは、ユーザーが最初に情報を読み取らずにアクションを実行するのが難しいためです。
その結果、通知はほとんど常に最初に情報を伝えるです。たとえば、ここに典型的な通知があります:
ユーザーにアクションを促すようにする場合は、次のようにします[〜#〜] after [〜#〜]情報を提示しました。最初に情報、次にアクションオプションのある通知の例を次に示します。
...したがって、あなたの場合は常に最初に情報を伝える必要があります。次に、ユーザーにreply
アクションを提供するかどうかを決定できます。
ユーザーは通知がクリック可能であることに慣れているので、「トムに答えるにはここをクリック」のようなテキストを追加する必要はないと思います。ユーザーは通知がデフォルトでクリック可能であることを期待しているため、「トムが新しいコメントを投稿しました」で十分です。
文言以上に、通知自体が十分に明確であることを確認してください。これがアプリの非常に重要な部分である場合、ユーザーがページにアクセスしたときにダイアログボックスを読み込み、アクションを要求します。だから、このようなもの:
もちろん、これがそれほど重要でない場合は、メニューまたはアクションバーに通知アイコンを残すことができます。
特に通知に関しては、簡潔さは間違いなく重要です。これは、ユーザーが掘り下げるにつれて、より関連性の高い情報とアクションポイントをユーザーに示すことができる進歩的な開示アプローチに従うことができると言われています。
強調、階層、図像、メタファーを使用して、ユーザーのアクションが必要な場合を伝えることができます。レイアウトやアフォーダンスからわかるように、特定のCTAは必要ありません。注意深く、全体として連携するようにします。
以下は、折りたたみパネル内で通知が提供されるワイヤーフレームの例です。