Để có trang 404 hoàn hảo: những ví dụ xuất sắc

Thứ ba - 05/05/2015 13:31

Dưới đây là một số ví dụ về các trang 404 điển hình để bạn tham khảo.

Để có trang 404 hoàn hảo: những ví dụ xuất sắc

Mỗi thiết kế mang một phong cách độc đáo khác nhau nhưng điểm chung là đều sử dụng tốt các thành phần cần phải có khi thiết kế trang 404. Có trang 404 nhìn chung có giao diện đơn giản, có thể sử dụng hình ảnh minh họa hoặc không, nhưng riêng phần thông tin và link đi kèm thì không thể thiếu. 

craigslist

Craigslist mang tới một trang báo lỗi đơn giản cho thiết kế website chuyên nghiệp của bạn. Nó có link dẫn tới trang chủ. 

Craigslist thiet ke web 404

Niki Brown

Một số link quan trọng dẫn tới một số nội dung trên thiết kế website chính đã được đính kèm ở trang 404 này. Thậm chí nó còn có chỗ để bật nhạc cho bạn nghe, điều này khiến mọi người còn muốn quay lại với trang báo lỗi này thêm vài lần nữa. 

Niki Brown thiet ke web 404

cubeecraft

Bạn có thể tải ảnh từ link trên trang báo lỗi này. Thiết kế trang này là một ví dụ tuyệt vời cho việc xây dựng trang báo lỗi 404. 

CubeCraft thiet ke web 404

Project-euh

Trang này cung cấp một link động, đây là cách độc đáo để thể hiện trang 404. Mỗi phần của trang sẽ chuyển đến một trò chơi, văn bản, âm thanh...

http://www.project-euh.com/404/? thiet ke web 404

Technorati

Trang báo lỗi có thiết kế đơn giản, có hiển thị bài đăng mới nhất của website chính, giúp người xem cập nhật được nội dung của website đó. 

Technorati.com thiet ke web 404

Acme

Đây là một cách thể hiện khác của trang 404, xem ra nó còn thiết khá nhiều thành phần so với những ví dụ còn lại. 

http://www.acme.com/404 thiet ke web 404

Expansion Broadcast

Nếu không tìm thấy những gì bạn đnag kiếm thì hãy điền vào form ở trang báo lỗi. Đây là một cách thông minh để tương tác với người dùng. Nó thậm chí còn có sự liên kết với Twitter và Facebook feeds.

Expansion Broadcast thiet ke web 404

Attrition

Thông điệp đơn giản súc tích là những gì trang này thể hiện. 

Attrition thiet ke web 404

Orange Coat

Một bảng flowchat đơn giản để hướng dẫn người dùng các bước tiếp theo cần làm ngay. 

Orange Coat thiet ke web 404

Disney

Bạn sẽ tìm được những thông tin thú vị trong phần FAQs, feedback, download link...với trang 404 này. 

Disney thiet ke web 404

Design Zillas

Thiết kế đẹp mắt, link mạng xã hội và thông tin liên hệ, những điểm nhấn chính làm nên hiệu quả của trang 404 bạn đang xem. 

http://www.designzillas.com/404 thiet ke web 404

Twingly

Thiết kế khá nhẹ nhàng và ngộ nghĩnh với chủ đề “Ninja”.

Twingly thiet ke web 404

webo group

Trang 404 error page đơn giản mà không kém phần ngộ nghĩnh.

http://www.webogroup.com/404/ thiet ke web 404

Griffin Technology

Một thiết kế cơ bản với link đến phần liên hệ Webmaster và đội hỗ trợ. 

Griffin Tech thiet ke web 404

nosh

Video đã được đưa vào trang báo lỗi, nhưng điều ngộ nghĩnh là video này không hoạt động, đó là cách truyền tải thông điệp về việc trang web chính đang bị lỗi. Bù vòa đó, bạn sẽ thấy một số thông tin hữu ích và đường link tải ứng dụng miễn phí cho iPhone hoặc Android tại đây.

Nosh thiet ke web 404

YepLike

Đây thực sự là một thiết kế đáng ngạc nhiên nếu so với cả bộ sưu tập trong bài này.

Yeplike thiet ke web 404

TrentWalten

Không mang tới nhiều thông tin nhưng các dùng hình ảnh ngẫu nhiên lại rất đáng tham khảo. 

Trent Walton thiet ke web 404

Marvel

Chức năng tìm kiếm nâng cao của trang này cho phép tìm kiếm sâu hơn nội dung trên thiết kế website doanh nghiệp này. Và họ không quên gắn các link quan trọng lên đó. 

Marvel thiet ke web 404

Mozilla

Mozilla có trang error giới thiệu một số mẹo cho người dùng và link dẫn đến trang chủ và bug tracker link.

Mozilla thiet ke web 404

THCNET

Thiết kế khá lạ mắt với một bảng thông báo đơn giản. Dù sao trang 404 này cũng đã làm tốt nhiệm vụ của mình. 

THCNET thiet ke web 404

Limpfish

Limpfish có thiết kế đơn giản với không gian cho sự hài hước trong nội dung và đường dẫn thẳng tới trang chủ chỉ sau một cú click. 

Limpfish thiet ke web 404

Starbucks

Trang báo lỗi cho phép người dùng đọc thông tin quan trọng với một số link: homepage, sitemap, và trang feedback. Thiết kế của nó thuộc dạng khá cơ bản. 

Starbucks thiet ke web 404

Heinz

Heinz giữ mọi thứ thật đơn giản nhờ việc sử dụng hình ảnh sản phẩm và một số link quan trọng. 

Heinz thiet ke web 404

Inspiration Bit

Có hàng tá link cho bạn lựa chọn ở trang báo lỗi này và chắc hẳn bạn sẽ có ý định click vào một cái nào đó. 

InspirationBit thiet ke web 404

Realmac Software

Chắc chắn bạn sẽ không thể nhịn cười với cách làm trang báo lỗi như thế này. Nó cũng cung cấp link quan trọng đến trang twitter, flickr và vimeo của hãng sở hữu thiết kế website ấn tượng này. 

Real Mac Software thiet ke web 404

Home Star Runner

Trang 404 này mời bạn nghe một vài giai điệu nhạc và ngắm những nét vẽ hoạt hình có phụ đề hài hước. 

Home Star Runner thiet ke web 404

StudyTonight

Studytonight mang tới cách làm khá thông minh bằng những dòng chữ dưới đây. 

StudyTonight thiet ke web 404

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