ユーザーフレンドリーなエラーメッセージの書き方

効果的なエラー メッセージを作成するのはどれくらい難しいでしょうか? この一見単純なタスクがうまくいかない場合は、驚くほど多くあります。 不適切なエラー メッセージは、ユーザー エクスペリエンス (UX) コミュニティでは非常に一般的な問題であるため、文化的なミームになっています。 Know Your Meme には、お粗末なエラー メッセージや、それらのメッセージをからかうミームを収集するための専用ページもあります。

エラーが発生しなければ素晴らしいことですが、世界はそのようには機能しません。また、デジタル アプリケーションがどれほど優れていても機能しません。 エラーは、ユーザー、システム、または機内モードで電話をかけようとするなど、互換性のない状態によって発生する場合があります。 エラーはタイプミスのような単純なものから、リンク切れのような一般的なものまでさまざまです。

しかし、エラーが発生すると、ソリューションを提供する必要があります。 したがって、エラーメッセージ。 これらのメッセージは非常に重要です。この記事を読んでいるあなたが、メッセージがユーザーに与える影響を認識していることを願っています。

エラーはユーザーを苛立たせます。 見込み客は 1 つの結果を期待していますが、ワークフローを中断する別の結果を受け取ります。 現時点では、彼らはあなたのウェブサイトとのやり取りを続ける価値があるかどうかを判断する必要があります。

これは、フラストレーションを最小限に抑え、タスクの完了を促進する役立つメッセージを提供するチャンスです。 ユーザーを遠ざけるのではなく、問題を解決するエラー メッセージを書くことは、優れた UX がコンバージョンを増加させるもう 1 つの例です。

エラー メッセージは障壁であってはなりません。 ユーザーに力を与え、安心させ、成功に導く必要があります。

そこで、これを実現する優れたエラー メッセージを作成および設計するための 15 のヒントを紹介します。

1.情報を提供する

エラー メッセージを記述するときは、次の 2 つのコンポーネントを含める必要があります。

• どうしたの
• 修正方法

解決方法を説明せずに、エラーや間違いがあったと主張すると、ユーザーは指示を得ることができなくなります。 たとえば、次に何をすべきかを伝えずに、「ファイルの名前を変更できませんでした」とユーザーに伝えます。

エラーが発生した理由を説明せずに何をすべきかをユーザーに伝えると、ユーザーは何を修正しているのかさえ混乱してしまう可能性があります。 上記のシナリオでは、これは何の説明もなく「別の名前を試してください」と言っているように見えるかもしれません。 今では、選択した名前の何が問題だったのかわからず、再試行することさえあります。

適切なエラー メッセージは、次のようなものです。 別の名前を試してください。」 今、彼らは何をすべきか、どのようにそれを行うべきかを知っています。

有益なエラー メッセージを作成する前に、状況を自分で理解する必要があります。 何がうまくいかなかったのか、どのようにうまくいかなかったのか、それがユーザー エラーなのかシステム エラーなのか、そしてそれを修正する方法を自問することから始めます。

一部のエラーはオペレーティング システムによって制御される可能性があるため、それを変更できるかどうかを確認することも価値があります。

2. 常に解決策を提供する

このヒントは最初のヒントから分岐しますが、言うまでもなく重要すぎます。 手元にあるエラーの解決策を常に提供する必要があります。 そうしないと、ユーザーが自分で答えを見つけようとして時間を無駄にするか、諦めてしまうため、ユーザーのフラストレーションが大きくなります。

ユーザーがアカウントを作成しようとしているときに、ユーザー名に無効な記号を入力するシナリオを想像してください。 使用できる記号を思い出させたり、ユーザー名の問題であることを共有したりする代わりに、「アカウントを作成できません」というメッセージが表示されます。 彼らはそれで何をすることになっていますか？

ソリューションを提供する場合、複数のオプションが存在する可能性があります。 たとえば、404 エラーは、入力ミス、コンテンツの移動、またはコンテンツの削除が原因である可能性があります。 便利な 404 エラー ページは、ユーザーがリンクのスペルを確認したり、別のルートをたどって探しているコンテンツを見つけたりするよう促す場合があります。

3. 同じ言語を話す

すべての UX ライティングやコピーライティングと同様に、聴衆と同じ言語を話したいと考えています。 これは、専門用語や技術用語を削除することを意味します。 エラーと何をすべきかを明示することはできますが、ユーザーが理解できない場合、ユーザーはあなたの指示に従うことができません。

エラー メッセージに共通する問題は、ユーザーがバックグラウンドを持っていないエラー コードの使用です。

Hemingway It (別名 Be Concise)

エラーを修正することは言うまでもなく、ほとんどのことについてエッセイを読みたい人はいません。 人々が可能な限りすくい取ることは既知の事実です。 ユーザーは要点を理解したいので、エラー メッセージのコピーが役立つはずです。

エラー メッセージを短くすると、ユーザーの理解も深まります。 American Press Institute の調査によると、読者は 8 語のメッセージは 100% 理解できますが、14 語のメッセージは 90% しか理解できません。 さらに悪いことに、43 語では、理解度はわずか 10% に低下します。

言葉を切り捨てるときは、それでも要点が伝わるようにしてください。 ユーザーが知る必要のないものはすべて削除しますが、必要な情報は残してください。 目標は、正確かつ簡潔にすることです。

5.開示のレベルを選択させる

簡潔でユーザーの言語を話すというトピックに関しては、ほとんどの人がシステム エラーの背後にある技術情報を理解できないのは事実です。 いずれにせよ、この情報が有益であると思われるユーザーにアクセスする機会を与えることは素晴らしいことです。 これは、漸進的開示手法を使用して行うことができます。

プログレッシブ開示とは、「詳細を表示」または「詳細を確認」リンクまたはドロップダウン オプションを追加して、詳細情報を表示することです。 これにより、詳細に関心のあるユーザーは、関心のないユーザーを圧倒することなくそれらを表示できます。

6.責任を取る（またはそれを割り当てないでください）

自分を守るのは人間の本性なので、最初からユーザーを怒らせないことが最善です。 私たちは、目前のエラーを引き起こしたユーザーを非難することについて話している. ユーザーがエラーを引き起こしたとしても、指を向けないようにすることで、より良いユーザー エクスペリエンスを提供できます。 これは、責任を取るか、それをまったく割り当てないことを意味します。

エラーの原因となったユーザーの操作ではなく、解決策に焦点を当てることで、非難の言葉を防ぐことができます。 たとえば、ログイン エラー メッセージに「パスワードが一致しません。 「入力したパスワードが正しくありません」ではなく、もう一度やり直してください。

7. やさしく

警告: 怒鳴られるのが好きな人はいません!

それでも、重要性を伝えるために、すべて大文字や感嘆符を使用することがよくあります。 代わりに、攻撃的な印象を与えたり、エラーに対するユーザーのストレスを高めたりする可能性があります。 ユーザーにとってすでに苛立たしい状況になっている可能性がある状況に対処するときは、もっと優しくしてください。

8. ポジティブな言葉を使う

エラーを伝えるときに肯定的な言葉を使用すると、ユーザーを落ち着かせて導くことができますが、否定的な言葉はシナリオを不快に感じさせます。 「ネガティブな言葉を避ける」より「ポジティブな言葉を使う」のほうが響きが良く、「攻撃的にならない」よりも「優しくする」のほうが心地よいことに注意してください。

問題よりも解決策を優先することが役に立ちます。 たとえば、無効な郵便番号を含むフォームは次のようになります。

• フォームにエラーがあります: 入力した郵便番号が正しくありません。

または

• あなたの州の有効な郵便番号を入力してください。

どちらがいいですか？ 私たちは後者を推測しています。

あなたが明確である限り、あなたの言語をポジティブなイメージに変えることで、間違いをあまり気にしなくなります。

9. ブランドボイスを使う

あなたのブランドはあなたの会社の中核であり、あらゆる分野で普及することを意図しています。 ブランド ボイスにエラー メッセージを記述して、シームレスなエクスペリエンスに貢献し、エラーによる中断が少なくなるようにします。

もちろん、ユーザーの感情的な体験と一貫したトーンを維持する必要があります。 楽しいブランドは、問題を真剣に受け止めていないという印象をユーザーに与えない限り、より遊び心のあるエラー メッセージを作成できます。 ユーモラスなエラー メッセージは、ユーザーの緊張をほぐしたり、イライラさせたりすることがあります。 それはすべて文脈に依存します。

一部のビジネスでは、一般的なエラー メッセージをクリエイティブな代替メッセージに置き換えています。 Google は、ユーザーがインターネットに接続していないときにプレイできるオフライン ゲームを提供しています。 パブリッシング プラットフォームである Medium は、404 Page Not Found エラーを使用して、「Medium では (ほぼ) あらゆるものを見つけることができます。存在しないページでさえあるようです」と述べ、紛失に関する興味深い記事へのリンクを掲載しています。

10. ロボットではなく友達になろう

システムエラーを伝えるとロボットになるのは簡単ですが、あなたができる最善のことはあなたの人間性のために戦うことです. エラー メッセージを人間的で親しみやすいものにすることで、ブランドが人間味のあるものになり、自分が気にかけているように感じられます。 ユーザーは誰かに助けてもらうことを好み、友好的であることでフラストレーションを取り除き、理解を深めることができます。

11.CTAを明確にする

エラー メッセージの内容によっては、ユーザーを誘導するアクション ボタン (CTA) が必要な場合や、メッセージを閉じるボタンが必要な場合や、CTA が必要ない場合があります。

CTA ボタンを使用する場合は、ボタンの機能を明確にします。 「はい」、「いいえ」、「OK」などのボタンは、説明文で設定しないとあいまいすぎる可能性があります。 複数の CTA を設定することもできます。その場合、ユーザーがそれぞれの結果を区別できるようにする必要があります。

エラー メッセージの CTA を作成する場合、経験則として、説明と同じテキストをボタンに使用することをお勧めします。 たとえば、説明で「消去」と言ってから、対応するアクション ボタンに「削除」と書いてはいけません。

12. タイミングの説明

タイミングは、エラー メッセージを作成する方法のもう 1 つの重要な要素です。 すぐでしょうか？ ポストに？ エラー メッセージが表示されるタイミングは、役に立つヒントとイライラする出来事の違いになる可能性があります。

多くの場合、リアルタイム アラートの方が役に立ちます。 フォームに記入する画像。 スペルミスをすると、その直後にボックスの横に赤いテキストが表示され、欠落している要素を含めるように求められます。 または、フォームに入力して送信をクリックすると、修正する赤いエラーのリストが表示されます。 通常、ユーザーは前者を好みます。

13. 色に気をつけよう

色もデザイン要素ですが、UX 向けに書いている場合は、UX デザイナーと協力して、エラー メッセージが適切に表示されるようにする必要があります。

色は、メッセージに注意を引く上で大きな役割を果たしているため、フレンドリーなエラー メッセージのデザインにとって重要です。 しかし、注意を引く色を使用することだけが考慮すべきことではありません。 また、色盲の人にもメッセージが表示されるようにする必要があります。 これには、エラーを示すのに役立つ適切な色の組み合わせとアイコンの使用が含まれます。

エラー メッセージやプラットフォームの残りの部分にアクセスできるようにするには、色盲ユーザー向けの UI デザインに関するガイドを参照してください。

14. 形式と場所を考慮する

エラー メッセージを設計するときは、メッセージの形式と画面上の表示場所も決定します。 あなたのメッセージは非常に緊急で、画面全体を占有し、他のすべてのアクションを妨げて、ユーザーが表示する必要がありますか? それがマイナーな通知である場合、ユーザーをこれほどまでに妨害することは煩わしいかもしれません。 フォームを使用した新しい、より混乱の少ない方法は、ユーザーがすべてのエラーを修正するまで、送信ボタンを押すオプションを削除することです。

エラー メッセージは、ページ全体のポップアップ、バナー、またはインライン エラーとして表示できます。 選択するタイプは、エラーのコンテキストと重大度によって異なります。 たとえば、インライン メッセージは、エラー自体のすぐ隣でユーザーにエラーを通知するため、フォームに最適であり、簡単に見つけて修正できます。

15. 最初からエラーを防ぐ

ある程度のエラーは避けられませんが、できる限り防止する必要があります。 共感的なデザインにより、エラーの発生数を減らして、よりシームレスなエクスペリエンスを作成できます。

エラーが頻繁に発生する場所を明らかにするカスタマー ジャーニー マップを作成することから始めることができます。 次に、これらのエラーを防ぐようにデザインを編集できるかどうかを確認します。 エラーを減らす設計要素を次に示します。

• 利用できない予約日を取り消して、ユーザーが選択できないようにする
• タイプミスの自動修正（これには注意してください）
• 余白を使ってミスクリックやミスタップを防ぐ
• フォームの明確なラベル付け

より良い方向を提供することで、繰り返しエラーを減らすこともできます。 たとえば、多くのユーザーは複数のユーザー名とパスワードを持っています。 「そのユーザー名は存在しません」という方が、「ログイン情報が正しくありません」と言うよりも、次に何をすべきかについてより適切な方向性を示します。

予防的な設計の最も良い例の 1 つは、Twitter の文字カウンターです。 ツイートの文字数制限を超えると、超えた文字が赤で強調表示され、超えた文字数が下部に表示されます。 これにより、どれだけ削減する必要があるかを簡単に確認できます。

Go Forth and Conquer All エラー

ユーザーを苛立たせるのではなく、ユーザーに力を与える効果的なエラー メッセージの作成を開始する準備ができている場合は、まず、どのエラーを支援しているかを知ることから始めます。 ゼロから始めたり、エラーメッセージを書き直したり、すべてのベースがカバーされていることを確認したりするかもしれません.

最適なエラー メッセージは必要ない場合もありますが、ユーザー エクスペリエンスを向上させるために投資する価値はあります。 一部の電子メール プラットフォームでは、電子メールにファイルを添付すると述べたときに、電子メールにファイルが添付されていないと通知されます。 彼らはこの忘れっぽい瞬間を捉える義務はありませんが、そうすることは確かに役に立ちます。

ソフトウェアや Web サイトのすべての要素を評価し、問題が発生する可能性がある場所やユーザーが混乱する可能性があるすべての場所のリストを作成します。 それが完了したら、これらの 15 のヒントを使用して、ユーザー フレンドリーなメッセージを作成してください。 そして、助けが必要な場合は、手を差し伸べてください。