404오류 페이지 디자인 종류 (2018년)

웹 사이트에 액세스 할 때 사용자는 일반적으로 특정 목표를 염두에두고 있습니다. 그리고 기술적 인 문제는 그들이 기대할만한 것이 아닙니다. 막 다른 골목을 치는 것은 방문자를 좌절시키고 종종 사이트를 포기하게하고 다시는 돌아 오지 않게합니다. 그러나 때로는 오류를 피하기 위해 노력하는 경우에도 오류가 불가피합니다. 그리고 404 오류는 그 중 하나를 나타냅니다.

404 페이지 란 무엇입니까?

404 오류 페이지는 방문자가 더 이상 존재하지 않거나 전혀 존재하지 않을 수있는 웹 사이트의 페이지에 도달하려고 시도 할 때 표시됩니다. 이처럼 404 페이지를 찾을 수없는 오류를 수정하는 효과적인 방법 이 있지만 완전히 제거하지는 못할 것입니다.

이 페이지가 나타나는 몇 가지 일반적인 이유가 있습니다.

• 페이지 제거
• 사이트가 오프라인 상태입니다.
• 깨진 링크
• 검색 엔진의 오래된 링크
• 방문자가 잘못 입력 한 URL

맞춤 404 페이지 디자인을 선택해야하는 이유

성공적인 웹 사이트는 표준 404 페이지를 절대 사용하지 않는 황금률을 따릅니다. 그들은이 페이지를 사용자 정의하여 하나의 마케팅 도구로 만듭니다. 맞춤 404 페이지 디자인이 사이트를 도울 수있는 방법은 다음과 같습니다.

• 불행한 방문자에게 유용한 정보를 제공하거나 심지어 홈페이지로 바로 연결되는 링크를 제공하여 방문자가 다시 방문하도록 유도 할 수 있습니다.

출처 :  아마존

• 모든 페이지에서 동일한 주제를 유지함으로써 강력한 브랜드 이미지를 구축함으로써 일관된 이미지를 만들 수 있습니다.

출처 :  Shop Disney

• 가장 인기있는 사이트 페이지와 같은 유용한 정보를 나열하여 전환율을 높입니다.

출처 :  Nintendo

일부 전자 상거래 매장은이 페이지에서 인기있는 제품을 제공함으로써 더욱 발전합니다.

출처 :  ModCloth

404 페이지를 디자인하는 방법

보이는 것처럼 멋진 404 페이지를 만드는 것은 쉽지 않습니다. 당신이 고려해야 할 것을 배우기 위해 계속 읽으십시오.

• 검색 창을 포함시켜야합니다.

검색 창을 사용하여 어디서나 계속 탐색 할 수있는 기회를 부여하여 방문자를 웹 사이트에 유지할 수 있습니다.

출처 :  CNN

• 인기있는 게시물 또는 홈페이지 링크 포함

블로그는 많은 웹 사이트 에서 필수 요소 로 변모했습니다 . 그리고 그 중 한 명이라면 가장 흥미로운 기사에 대한 링크를 추가하여 사용자를 참여시키는 것이 현명한 아이디어입니다. 아직 블로그를 운영하지 않는 경우 방문자가 홈페이지로 돌아갈 수 있도록 허용 할 수 있습니다.

출처 : Hoppermagic

 

 

 

 

 

 

 

출처 : Shopify

• 평범한 언어로 말하기

기술 용어를 사용하여 사용자가 페이지로 이동 한 이유를 설명하지 마십시오. 상황을 아주 간단하게 설명하십시오.

출처 : 캠벨

사이트 방문자를 즐겁게하기 위해 동요와 같은 것을 쓸 수도 있습니다.

출처 : 블루 스카이 스튜디오

호기심 많은 인간 존재를 잊지 마십시오. 오류가 발생한 이유를 포함 할 수 있습니다.

출처 : BBC

한 가지 더 팁 : Adobe, Lucasfilm 및 Lonely Planet과 같은 유머 감각을 자극하십시오.

출처 : Adobe

출처 : 루카스 필름

출처 : Lonely Planet

• 사용자가 쉽게 연락 할 수있게하십시오.

방문객에게 오류를보고하거나 질문을하거나 특별한 양식에 액세스하거나 전자 메일을 보내 사용자에게 연락 할 수있는 기회를 제공하십시오.

출처 : 포브스

출처 : GOG

• 사용자가 이메일 목록에 가입하도록 허용

앞서 언급했듯이 404 페이지는 마케팅 도구가 될 수 있습니다. 그래서 그것을 사용하여 이메일 목록에 새로운 이름을 추가하십시오. 귀하의 제안을 거부 할 수 없게 만들려면 새로운 가입자에게 할인 혜택을 줄 수 있습니다.

출처 : O verstock

• 전체 웹 사이트에서 동일한 색상, 이미지 스타일 및 활자체를 사용하여 디자인의 일관성을 보장하십시오.

출처 : BuzzFeed

• 관심을 끌기 위해 사용할 애니메이션 넣기

오늘날 애니메이션은 모든 분노입니다. 애니메이션 요소를 사용하여 더욱 매력적인 디자인을 만들 수 있습니다.

출처 : Bitly

• 그것을 한 페이지로 만들어라.

귀하의 주요 목표는 멋진 페이지를 만드는 것이지만 방문자가 스크롤해야하는 시간이 너무 길어서는 안됩니다. 가장 인기있는 기사에 대한 링크를 추가하기로 결정했다하더라도 가능한 한 간결하게 말하십시오.

출처 : 뉴욕 타임즈

• 로그인 양식 추가

일부 웹 사이트는 사용자가 검색을 수행하기 위해 로그인해야하므로 방문자가 '찾을 수 없음'페이지에서 귀하의 사이트에 로그인 할 수있게하십시오.

출처 : GitHub

• 소셜 미디어 공유 사용

사용자가 404 페이지를 좋아한다면 확실하게 다른 사람들과 공유하고 싶을 것입니다. 방문자가 소셜 미디어 버튼을 구현하여 거의 아무런 노력없이 페이지를 공유 할 수 있습니다.

출처 : Huffington Post

소셜 미디어 계정에 링크를 추가 할 수도 있습니다.

출처 : 픽사 애니메이션 스튜디오

• gamification 활용

군중들로부터 눈에 띄기를 원한다면, gamification을 사용하는 것을 생각하십시오. 동부 쪽 시장의보기를 따를 수 있습니다; 그들은 그들의 페이지를 구식 게임으로 바꿨다.

출처 : 동부 시장

최고의 페이지 디자인 예제

오늘날 인터넷 에는 15 억 개 이상의 웹 사이트 가 있으며 그 중 많은 웹 사이트 에 404 페이지가 있습니다.

2018 년에 관심을 끌만한 404 페이지 디자인의 실례를 아래에서보십시오.

1. IMDb

끊임없이 변화하는 컨텐츠가 귀하의 관심을 끌만한이 페이지를 만듭니다. 다시로드하기 시작하면 다시로드 할 때마다이 페이지에 새로운 인용문이 표시되므로 절대 멈추지 않습니다.

2. ICONFINDER

이 디자인은 웹에서 발견되는 정적 페이지보다 훨씬 재미있게 만드는 애니메이션 요소를 가지고 있습니다. 그리고 우리는 또한 페이지가 방문자가 그것을보고있는 이유를 설명하는 방법을 좋아합니다.

3. Dropbox

재미있는 이미지가 있으면서도 즉시 익숙해 질뿐만 아니라 홈페이지, 도움말 센터, 등록 등과 같은 가장 중요한 페이지에 대한 링크도 포함됩니다.

4. 디즈니

미키 마우스와 디즈니는 뗄 수없는가요? 방문자는 로고를 클릭하여 홈페이지로 돌아가거나 검색 창을 사용하여 계속 검색 할 수 있습니다.

5. 블리자드 엔터테인먼트

이 페이지는 웹 사이트의 다른 곳과 동일한 색상, 활판 인쇄 및 아이콘을 사용하여 브랜드 일관성을 유지합니다.

6. Imgur

믿거 나 말거나, 동물의 눈은 커서를 따라 가고 있습니다. 그래서 그들과 놀면서 몇 분을 보내고, 링크를 따라 갤러리를 방문하거나, 로고를 눌러 홈페이지로 돌아갈 수 있습니다.

7. 디지털 동향

그것은 방문자가 그들이 사용했던 것과 비슷한 게임의 이미지를 보여줌으로써 어린 시절의 추억을 불러 일으킨다. 또한 방문자가 홈페이지로 돌아갈 수있게하고 사용자에게 검색을 다시 시작할 수있는 기회를 제공합니다.

8. MailChimp

이것은 MailChimp가 방문자에게 쿼리가 발견되지 않았 음을 알려주는 방법입니다. 이미지의 침팬지는 로고에있는 침팬지를 사용자에게 상기시킵니다. 검색 창을 사용할 수 있으므로 검색을 계속하려면 이전 페이지로 돌아갈 필요가 없습니다.

9. eHarmony

웹 사이트를 처음 사용하는 경우 아름다운 이미지를 본 직후에 어떤 내용인지 명확하게 알 수 있습니다. 신규 사용자는 가입 할 수 있으며 등록 된 사용자는 같은 위치에서 로그인 할 수 있습니다.

10. GoDaddy

이 페이지는 일어난 일과 상황에 대처하는 방법을 자세히 설명합니다. 방문자는 웹 사이트의 주요 섹션에 대한 링크가 제공되며 검색 상자를 활용할 수 있습니다. 또한 페이지에서 사용 가능한 전화 번호를 사용하여 지원 팀에 문의 할 수 있습니다.

결론

훌륭한 사용자 경험은 오늘날 방문자가 어떤 웹 사이트에서 기대하는 것입니다. 이를 보장하고 경쟁 업체를 분주하게 남겨 두려면 웹 사이트 소유자가 모든 페이지에 대해 고유 한 디자인을 사용해야합니다. 맞춤 404 페이지는 전환 수를 늘리고 판매를 늘리는 데 도움이 될 수 있습니다. 이 기사에서는 멋진 디자인을 만드는 방법에 대해 설명했습니다.