エラーページでグラフィックイラストを使用する理由
最近ではますますそれが見えます。あなたはウェブサイトのデッドリンクをクリックし、それがわかる前に、どこかに書かれたコード404の美しく描かれたページを見ています。以下はそのような例です。
誤解しないでください。これらは素晴らしいイラストですが、内容とは関係がないようです。
エラー画面にイラストを使用するメリットはありますか？ユーザーのストレスを最小限に抑えますか？
ドナルドノーマン（ニールセンノーマングループの創設者の一人） 内臓デザインについて語る ：
「直感」の概念への言及です。特定の体験に対する潜在意識の反応です。内臓の反応は、体験の最初の感覚スキャンによって引き起こされるものです。それは即時であり、しばしば私たちの制御を超えています。
したがって、404ページにユーモアを追加することで、この直感的な反応を利用して、イライラする状況をユーザーの驚きや喜びに変えることができます。
優れた404ページは、以下と組み合わせてその喜びを提供します。
- エラーの簡単で有用な説明（「404」という数字だけでは、Web開発以外の人にとってはあまり意味がありません）
- ユーザーの関心を維持する方法：通常のサイトに戻るための明確な行動を促すフレーズや検索ボックス
予期しない要素を使用することで、驚きの瞬間を作り出し、その腸の反応を利用することが容易になります。
私はそれがいくつかの理由で行われたと思います。
1.ユーザーを歓迎する
エラー404は、すべてが問題のない状況では発生しません。接続エラーやサーバーのダウンなども同様です。
マーケティング、フォーラムベース、ソーシャル、ショッピングのWebサイトでこれが最もよく行われているのがわかります。エンタープライズレベルのソフトウェアやWebサイトはこれを行うことはありません。その理由は、これらのWebサイトはあらゆる段階でユーザーにアピールしようとすることです。アマゾンのエラーページが何度も何度も戻ってきたくなったのかはわかりません（下のスクリーンショットを参照）
このような設計は、可能な「切断」の間でもユーザーを魅了し続けるのに役立ちます
2.継続性を維持する
エラーページは、接続が失われた、URLが正しく配置されていない、または問題があることを示しています。その存在のおかげで、それはウェブサーフィンフローの連続性の欠如を意味します。
魅力的なデザインは、ページのテーマと類似性を他のWebサイトと同等に保つだけでなく、シームレスに感じさせます。の Please Try Again、 Go to Homepage、 Go to Previous Page 面白いキャラクターやかわいい犬が横に座っていると、ボタンが目立たなくなり、ガイドのように感じられる
私はまた、より創造的な空の状態の出現と それらが重要であることの理解 がこの傾向に加わったと感じています
（趣味のサイトでユーザーサポートとしてボランティアをしている人として:)ユーザーがエラーに遭遇したとき、彼らはいつも私たちが遭遇した特定のエラー番号を私たちに通知するとは考えていませんが、奇妙な恐竜に言及する可能性がはるかに高いですまたはページ上の他のイラスト。これは、表示されたエラーメッセージをユーザーに尋ねて応答を待つのをスキップすることで少しの時間を節約するだけなので、デザインの選択を動機付けるのに十分かどうかはわかりませんが、各エラーページに固有の画像を使用することの小さなメリットです。
最近よく見られる404エラーページは、ウェブサイトのナビゲーションとインタラクションのユーザーエクスペリエンスに重点を置いた結果（場合によっては、過剰修正と言うこともある）の結果です。
これらのページがどのように表示されるかを覚えている私たちにとって、デフォルトの表示とコンテンツは、問題が何であるかを診断またはデバッグする必要がある開発者にとってより適切なものを反映しています。
今日、私たちのほとんどが目にするのは、次の組み合わせです。
- ビジュアルコミュニケーションデザイン
- インタラクションデザイン
- 顕微鏡デザイン
その結果、さまざまな体験がもたらされ、次のことを目的としています。
- 組織のブランディングとイメージを強化する（マーケティング効果がより高い）
- エラーが表示されてページにアクセスできないというストレスを軽減する
- 利用可能な代替選択肢を明確に伝え、可能なアクションへのリンクを提供する
- 頻繁に発生するとは予想されない（しかし、何らかの形で発生する）特定のユーザージャーニーのループを閉じることにより、信頼感と安心感を生み出します。
つまり、画像の特定の使用方法（デザイン全体の1つの側面にすぎません）ではなく、ユーザーにとって意図された/望ましい結果を実現するために連携するのは、実際には視覚、テキスト、および相互作用の組み合わせです。一部のデザイナー/チームは他のものよりもそれらをうまく組み合わせていますが、他の例は理想的ではなく、画像は逆の効果を生み出す可能性があります。
エラーページにイラストが付随する主な理由は、各イラストの同じグラフィックスタイルそれが属しているページよりも。これは、次の理由でユーザーを多少安心させます。
- それは彼/彼女の接続のエラーではありません
- ブラウザのエラーではありません
- ユーザーのミスではありません
これらの図は、ユーザーが閲覧しているページの内部エラーのみを示しています。
これにはいくつかの理由があります。
- エラーページはコンテンツ不足です。イラストを追加すると少しかさばります。
- エラーページに出くわすことはユーザーにとって楽しいものではありません。イラストとユーモアのタッチ（その一般的な相棒）を追加することは、悪い雰囲気のバランスをとる試みです。
- それは現在トレンドであり、成功するソフトウェアパターンは追いつく傾向があります。
404ページの誇張の考え方は時代遅れになったと思います。ほとんどの人は、404の数字に気付いた瞬間にもう一度試す必要があることを認識するのに十分成熟しています。そのようなページでの滞在は2秒を超えることはないので、そのような創造的なイラストの作成により多くの投資をする必要はありません。
だから私はBIG clear message buttonのような簡単なイラストを作ることをお勧めします：もう一度試して、家に戻って、もう一度更新してくださいより意味があり、これが期待されます再度繰り返さないでください。
私は思う大きなイラストの仕事は時々反対のメッセージを与えるあなたが道の終わりに到達したユーザーのために==、そしてあなたはあなたのリクエストを受け取る機会がほとんどなく、そしてこれは彼らがあなたのアプリから離れることを許すでしょうまたはウェブページ。
[〜＃〜] mdn [〜＃〜] の要約では、404エラーについて説明しています。
サーバーは要求されたリソースを見つけることができません。ブラウザでは、これはURLが認識されないことを意味します。 APIでは、これはエンドポイントは有効であるがリソース自体が存在しないことも意味します。サーバーは、403の代わりにこの応答を送信して、権限のないクライアントからリソースの存在を隠すこともできます。
ブラウザを扱っているので、これは、ターゲットサーバーまたはサーバーによるURL is not recognizedの非表示を意味しますunauthorized clientからのリソースの存在。いずれにせよ、ユーザーがソースを非推奨にするか、どういうわけか何かが起こったことに到達しようとするため、これは望ましい状況ではありません。
ウェブやソフトウェア開発の世界では、壊れないものを体験として構築して維持することは事実上ほとんど不可避です。物事はユーザーのニーズに応じて進化しているので、最終的には製品です。これを少し明確にするために、企業はより多くの金額を把握するために成長を求めているか、製品がテクノロジーを介してユーザーのニーズをパーソナライズして進化しているため、常に改善の余地があります。
私が開発者として働き始める前は完璧主義者でしたが、少なくともサーバーの反応やインターネット接続を指図することはできません。 UI内で最もスムーズなUXと開発を実現するために、ドキュメント内でカバーされるすべての改善とバグ修正を考慮する必要がありますが、バックエンド、DB、およびシステムパーツは、上記と同じように異なる方法でこれらの詳細を提供する必要があります。
民主主義の進化が完全な形ではなかったように、このリダイレクトされたエラーページの必要性もUX-Originの人々の考えではなく、見た目で最も明確な視点を表していない。上記のリンクを使用すると、以下のテキストからより明確になります。
多くのWebサイトは、404ページの外観をカスタマイズしてユーザーにとってより役立つようにし、次に何をすべきかについてのガイダンスを提供しています。 Apacheサーバーは、次の例のように、.htaccessファイルとコードスニペットを使用して設定できます。
それは、顧客の不満を処理するために開発者またはサーバー管理会社から始まりましたが、他のすべてのエラーの代わりに一般的なエラーページを使用すると、その意味で値を作成する開発者や会社にとってより魅力的になります。したがって、404だけではなく、あらゆる種類の HTTPステータスコード のエラーページとして使用されます。
ええと、私はこのトピックについての研究を知りませんが、避けられないときはいつでも、空白のページではなく、それを使用する側にもいます。 再ルーティング、リダイレクトなどのユーザーのニーズに応じて、ページに情報が提供されるので、可能であれば発生した理由を確認してください。ファンシーな視覚化ではなく、その逆。
1つの文：注意を高め（ユーザーがエラー状態にあり、アプリがそのページで機能していないため、テキストのイラストが注意を引くほか）、欲求不満を好む。