영리한 404 오류 페이지 디자인을 만드는 방법은 무엇입니까?

모든 웹마스터는 사용자가 화면에서 볼 수 있는 가장 짜증나는 단어가 " Something Went Wrong "이라는 것을 알고 있으며 특히 404 오류 페이지에서 그렇습니다.

404 오류는 사용자가 서버에서 찾을 수 없는 특정 페이지를 찾고 있을 때 발생합니다. 방문자가 만나기를 원하지 않는 일종의 랜딩 페이지이지만 불행히도 발생합니다. 100% 문제가 없는 웹사이트는 없으며 사이트가 성장함에 따라 끊어지거나 만료된 모든 링크를 식별하는 것이 점점 더 어려워집니다. 그렇기 때문에 이 문제를 인지할 수 있는 사용자 친화적인 방법이 필요합니다.

영리한 404 오류 페이지는 사용자 경험을 개선할 수 있는 좋은 기회를 제공합니다. 브랜드 개성을 과시하고 청중에게 관심을 갖고 있음을 알리는 데 도움이 될 수 있습니다. 따라서 404 페이지 디자인에 약간의 시간과 노력을 투자하면 사용자가 원하는 정보를 찾지 못했을지라도 그것이 모두 나쁜 것은 아니라는 것을 확신할 수 있습니다.

좋은 404 오류 페이지는 무엇입니까? 무엇을 포함해야 하며 어떻게 메시지를 멋지게 전달할 수 있습니까? 자, 보여드리겠습니다.

404 오류는…

이 유형의 오류 페이지는 사용자에게 도달하려는 웹 사이트 또는 웹 페이지를 서버에서 찾을 수 없음을 알리는 표준 HTTP 오류 코드에 응답합니다.

404는 클라이언트 측 오류이며 사용자가 URL을 잘못 입력했거나 웹페이지가 이동 또는 제거되었거나 URL이 그에 따라 업데이트되지 않았음을 의미합니다.

기본적으로 404 오류 페이지가 나타나면 문제가 발생했음을 의미합니다. 여기서 기억해야 할 중요한 점은 오류가 발생한다는 것입니다. 중요한 것은 오류를 처리하는 방법입니다.

404 페이지 디자인에 대한 두 가지 주요 접근 방식

JustInMind에 따르면 오류 페이지 디자인에는 두 가지 주요 접근 방식이 있습니다.

• 베어 본즈 페이지 . 사용자에게 요청한 페이지를 찾을 수 없음을 알리는 간단한 오류 메시지가 있는 간단한 페이지입니다.
• 소프트 페이지 . 사용자에게 문제가 발생하더라도 결국에는 모든 것이 괜찮을 것임을 보여주기 위해 설계된 보다 창의적이고 상세한 페이지입니다.

404 오류 페이지는 중요한 브랜딩 기회입니다.

이상적으로는 모든 웹마스터는 사용자에게 404 오류 페이지가 모두 표시되지 않기를 바랍니다. 그러나 웹사이트가 업데이트되면 실수가 발생할 수 있으며 일부 링크는 더 이상 작동하지 않을 수 있습니다.

404 오류가 발생하는 시간을 줄이기 위해 최선을 다하더라도 그 필요성을 완전히 제거할 수는 없습니다. 따라서 열악한 사용자 경험을 즐거운 경험으로 전환할 수 있는 페이지 디자인을 미리 만들고 만드는 것이 좋습니다.

이렇게 하면 사용자가 사이트를 계속 탐색할 가능성이 높아져 브랜드 이미지를 강화하고 회전율을 낮추고 SEO를 개선하는 데 도움이 됩니다. 또한 누락된 페이지의 타격을 완화하면서 방문자와 신뢰를 구축할 수 있습니다.

영리한 404 오류 페이지의 6가지 핵심 요소

영리하고 비용 효율적이며 단순한 404페이지 디자인을 목표로 삼아야 합니다. 이상적으로는 아무도 볼 수 없는 페이지를 제작하기 위해 수천 시간과 비용을 들일 필요가 없습니다. 그러나 그것을 최대한 활용하려면 여전히 적절한 양의 노력을 기울여야 합니다.

다음은 404가 목적을 제대로 수행하도록 하기 위해 포함해야 하는 6가지 주요 오류 페이지 디자인 요소(보너스 요소 포함)입니다.

1. 명확한 오류 메시지

우리 사회는 디지털 지식이 풍부하지만 404 오류가 무엇인지 모든 사람이 알고 있다고 가정하지 마십시오. 앞에서도 말했듯이 이 페이지는 사용자가 자주 봐야 하는 페이지가 아니므로 익숙하지 않아야 합니다.

사용자가 404 페이지에 도달했음을 즉시 인식할 수 있도록 명확한 오류 메시지를 포함하세요. 문제가 무엇인지 명확하고 간단하며 유용한 방식으로 알려주십시오.

단어 선택에 신중을 기하세요. 기계와 같은 "404 오류: 페이지를 찾을 수 없음" 메시지로 이동하지 마십시오. 대신에 “ 죄송합니다! 찾고 있는 페이지를 찾을 수 없습니다 . 찾고 있는 페이지가 사라졌습니다. ” 그런 다음 메시지의 이유를 간략하게 설명합니다.

TIP : 당신 잘못이 아니더라도 미안하다고 말하세요. 그것은 당신이 관심을 가지고 있다는 것을 방문자에게 보여줄 것입니다.

2. 브랜드 룩

"숨김"이 여전히 사이트의 일부인 경우에도 사용자 지정 404 오류 페이지입니다. 따라서 나머지 온라인 매체와 동일한 시각적 및 브랜드 요소를 포함해야 합니다. – 로고, 글꼴, 색상, 헤더 및 전체적으로 동일한 고유한 브랜드 아이덴티티 및 스타일을 유지해야 합니다.

3. 귀하의 사이트에 대한 기능적 링크

404 오류 페이지의 주요 목적은 사용자를 올바른 방향으로 빠르게 리디렉션하는 것입니다. 따라서 이를 효과적으로 달성하려면 기능적이어야 합니다. 이는 다음 세 가지 구성 요소를 포함함을 의미합니다.

• 홈페이지 링크 – 잊지 말아야 할 기본 요소입니다.
• 메뉴 – 탐색을 돕고 디자인을 일관되게 유지합니다.
• 최고의 콘텐츠에 대한 링크 – 방문자가 관심을 가질 만한 고품질 콘텐츠에 대한 3~4개의 링크를 포함합니다. 목표는 트래픽 손실을 최대한 피하고 방문자를 올바른 방향으로 안내하는 것입니다.
• 검색 필드 - 방문자가 염두에 둔 콘텐츠를 검색할 수 있는 기회를 제공하여 콘텐츠를 더 많이 탐색할 수 있는 기회를 제공합니다.

4. 행동 촉구

404 오류 페이지를 일종의 랜딩 페이지라고 생각한다면 동일한 논리를 적용해야 합니다. 이는 방문자가 사이트를 떠나지 않고 다른 페이지로 이동할 수 있도록 클릭 유도문안(CTA)을 추가하는 것을 의미합니다.

포함할 수 있는 CTA는 다음과 같습니다.

• " 돌아가기 " 또는 " 홈페이지로 가기 " 버튼.
• 새 키워드를 입력할 수 있는 검색창입니다.
• 인기있는 페이지 또는 게시물의 목록입니다.

이렇게 하면 오류 페이지에 더 많은 가치가 추가되어 방문자의 관심을 끌고 리드 자석 역할을 합니다.

5. 가벼운 유머

재치 있는 인용구, 밈 또는 재미있는 삽화와 같은 재미있는 요소는 404 오류에 대해 알릴 때 항상 환영합니다. 페이지를 즐겁게 만들고 사용자 경험을 덜 답답하게 만듭니다. 과용하지 않도록 주의하십시오.

유머러스한 오류 페이지 디자인은 방문자가 미소 짓는 데 도움이 되므로 웹사이트에 더 오래 머무를 수 있습니다. 말할 것도 없이, 정말 놀라운 경우 사용자는 동료에게 그것에 대해 말할 수도 있습니다. 브랜드 가시성과 유지를 향상시키는 얼마나 재미있는(ny) 방법입니까!

6. 심플한 디자인

위에서 언급한 모든 요소를 ​​현명하게 포함하는 것이 궁극적으로 404 오류 페이지를 만들거나 깨뜨릴 것입니다. 웹사이트의 가능한 모든 페이지에 대한 링크와 시각 자료로 가득 찬 디자인을 만드는 것은 좌절한 방문자의 인내심의 한계에 확실히 도달할 것입니다.

적은 것이 항상 더 많습니다. 최고의 디자인은 가능한 가장 간단한 방법으로 목표를 달성할 수 있는 디자인입니다. 최소한의 404 오류 광고 소재는 이 페이지가 목적을 보다 효율적으로 수행하도록 합니다. 또한 세련되고 기능적인 디자인을 만드는 기술을 보여줍니다.

[보너스] 7. 스페셜 딜

404 오류 페이지를 활용하는 보너스 방법은 방문자에게 거부할 수 없는 거래를 제시하는 것입니다. 예를 들어, 10% 할인을 제공함으로써 잠재적인 사용자 실망을 줄이고 웹사이트로 돌아가도록 장려하고 상황에서 이익을 얻을 수도 있습니다.

오류 페이지에 특별 거래를 포함하기로 결정했다면 공감하는 방식으로 관대함을 전달하십시오. 예를 들어 “불편을 끼쳐 드려 죄송합니다. 이 특별한 거래를 통해 해결해 드리겠습니다.”

영감을 주는 재치 있는 404 페이지 디자인

1. 스포티파이

음악 스트리밍 플랫폼은 404 오류 페이지에 재치 있고 창의적인 회전을 했습니다. 심플한 파스텔 배경부터 "돌아가기" 버튼, 그리고 레코드 플레이어의 영리한 디자인과 "404와 비통함"이 잘 짜여진 한 페이지입니다.

원천

2. 메일침프

Mailchimp의 웹 사이트는 브랜딩과 개성에 관한 것이므로 404 페이지는 우리를 실망시키지 않습니다. 그들의 명확한 메시지와 재치 있는 브랜드 일러스트레이션이 모든 것을 말해줍니다.

원천

3. 중간

Medium은 미니멀한 디자인, 올바른 글꼴과 문구, 길을 잃는 것만으로 새로운 것을 발견할 수 있다는 영리한 메시지로 훌륭한 사용자 경험을 제공하는 훌륭하고 고전적인 오류 페이지를 제공합니다.

원천

4. 에어비앤비

브랜드 개성을 매우 중요하게 여기는 회사로서 Airbnb의 404 페이지는 총 히트를 기록했습니다. 유머와 플레어를 사용하여 사용자 경험을 훨씬 덜 답답하게 만드는 방법을 알고 있습니다.

원천

5. 레고

이것은 열악한 사용자 경험을 판매 기회로 바꾸는 404 오류 페이지 디자인의 좋은 예입니다. 카피는 가벼운 유머와 강력한 CTA로 명확합니다.

원천

마지막 생각들

영리한 404 오류 페이지 디자인은 창의성을 과시하고 사용자가 웹사이트에서 여정을 계속하도록 장려할 수 있는 놀라운 기회입니다. 문제가 발생하더라도 모든 것이 잘 될 것이라는 확신을 줍니다.

훌륭한 404 페이지에는 명확한 오류 메시지와 함께 부드럽고 브랜드가 있으며 기능적인 디자인이 있습니다. 사용자의 불만을 최대한 상쇄하기 위해 약간의 유머나 특별 거래를 포함할 수도 있습니다.

404 오류 페이지 디자인이 어떤 모습이어야 하는지에 대해 어떻게 생각하십니까? 아래 의견 섹션에서 생각을 공유하십시오.