30 cách làm sáng tạo với trang 404 Error trên website

Thứ bảy - 07/03/2015 00:25

Trang Error 404 tưởng chừng như không quan trọng nhưng nếu bạn dành sự đầu tư nhất định cho nó thì hiệu quả thu về sẽ tốt hơn cả dự tính.

30 cách làm sáng tạo với trang 404 Error trên website

Một trang Error 404 có nhiệm vụ rõ ràng là cung cấp cho người dùng web lý do vì sao trang web trước đó không thể sử dụng và hướng dẫn khách truy cập các bước tiếp theo phải làm. Vì một lý do nào đó, website của bạn có thể gặp trục trặc ở bất kỳ chỗ nào, chuẩn bị sẵn cho trường hợp này bằng việc nghĩ đến một trang báo lỗi trong quá trình thiết kế web chính là một cách làm chủ động trước mọi vấn đề phát sinh. 

Khi người dùng web không vào được trang mà mình muốn, thay vì một thông báo lỗi trang đơn giản hiện ra trên nền web trống trơn, bạn hoàn toàn có thể thay thế bằng một trang báo lỗi sinh động và thú vị hơn nhiều. Bằng cách này sẽ giúp xua tan đi cảm giác thất vọng hoặc khó chịu của khách hàng khi thấy trục trặc trên thiết kế của bạn. Có rất nhiều thứ để đưa vào nội dung trang báo lỗi kiểu này, nhưng vì mục đích chính của trang này là báo lỗi và hướng dẫn khách hàng nên mọi thiết kế cần tập trung vào đúng nội dung này để tránh làm mất thời gian của người dùng web. Dòng thông điệp mà chủ website gửi đến người dùng cần ngắn gọn và súc tích. Ngoài việc thông báo tình trạng của website, người ta có thể viết thêm một lời xin lỗi nhỏ tới người dùng web. 

Khi một trang web không hiển thị như yêu cầu của người dùng, điều đó có nghĩa là có một url đã hỏng ở đâu đó. Trong trường hợp này, chúng ta có thể bổ sung một ô tìm kiếm hoặc đường link dẫn về lại thẳng trang chủ. Trong thiết kế website hiện đại, có rất nhiều cách làm trang Error 404 đẹp mắt. Một số công ty thậm chứ còn sử dụng trang Error 404 như một nơi tạo niềm vui, thể hiện sự sáng tạo và thông minh của mình. 

Trong chủ đề ngày hôm nay, chúng tôi đã chọn ra 30 mẫu trang Error 404 đầy sáng tạo cho mẫu thiet ke trang web của bạn. Hãy cùng khám phá và chia sẻ ý tưởng thiết kế của chúng cho cộng đồng của bạn. Như bạn sẽ thấy, phần hình ảnh của những trang này được thiết kế khá dịu mắt, nhiều trang lại có hình họa vui nhộn, tất cả nhằm mục đích làm dịu tinh thần của người dùng web, khiến họ có được cảm giác nhẹ nhàng nhất khi gặp vấn đề không như ý muốn. 

404 Page from Centresource

404 Page from Centresource

404 Page from 6 Wunderkinder

404 Page from 6 Wunderkinder

404 Page from Desall

404 Page from Desall

404 Page from

404 Page from

Error Page from Path

Error Page from Path

Off the Map Medical Missions 404

Off the Map Medical Missions 404

Nice 404 page from The Vasa Museum

Nice 404 page from The Vasa Museum

Simple 404 Page from A Feed Apart

Simple 404 Page from A Feed Apart

Clever 404 Page with clear directions from Deliciously Creative

Clever 404 Page with clear directions from Deliciously Creative

Whoops! Creative 404 Error Page Design from DeliciouslyCreative

Whoops! Creative 404 Error Page Design from DeliciouslyCreative

Silly But Useful 404 Error Page Web Design from Object Adjective

Silly But Useful 404 Error Page Web Design from Object Adjective

404 Error Page Web Design from Twurn

404 Error Page Web Design from Twurn

404 Error Page with Clear Navigation for Easy User Response from Studio7Designs

404 Error Page with Clear Navigation for Easy User Response from Studio7Designs

Really helpful 404 Error Page Design and great copy at Swiss-Miss.com

Really helpful 404 Error Page Design and great copy at Swiss-Miss.com

New YouCastr 404

New YouCastr 404

BrightKite 404

BrightKite 404

twitter.com

twitter.com

fore….oh….FORE!

fore....oh....FORE!

Heinz – error

Heinz - error

The page cannot be found on Deaxon!

The page cannot be found on Deaxon!

D20srd

D20srd

Blizzard

Blizzard

South Park Studios

South Park Studios

Agens

Agens

Uh-oh… something went terribly wrong!

Uh-oh... something went terribly wrong!

Saaspose

Saaspose

Space AngryBirds

Space AngryBirds

Noupe

Noupe

Jumpingjackrabbit

Jumpingjackrabbit

Spongebob

Spongebob

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions