18 thiết kế ý tưởng tuyệt vời (Facelift) của các trang web đáng chú ý
Nếu nội dung là vua, thiết kế nên là nữ hoàng. Đây là một yếu tố cực kỳ quan trọng đối với thành công của một trang web, vì nó quyết định cách cấu trúc và hiển thị nội dung, và thiết kế xấu chỉ đơn giản là phá hỏng trải nghiệm người dùng, do đó làm hỏng lưu lượng truy cập trang web.
Thông thường chúng tôi thiết kế web phải chơi trò chơi giao dịch trong khi chúng tôi đang thiết kế một trang web. Chúng tôi hoặc đánh đổi vẻ đẹp cho chức năng, hoặc chức năng để dễ đọc, vì không thể tạo ra một thiết kế làm hài lòng tất cả mọi người ở mọi khía cạnh.
Vậy thiết kế nào tốt hơn? Các nhà thiết kế web thích đặt câu hỏi này và một số người thậm chí còn thử thách bản thân để chơi trò chơi giao dịch tốt hơn bằng cách thiết kế lại các trang web nổi tiếng như Facebook và YouTube, do đó hình thành các thiết kế tiềm năng trong bài đăng giới thiệu này. Tốt hơn hay tệ hơn, bạn là người dùng quyết định điều đó, hãy tận hưởng!
Theo thống kê chính thức của mình, Facebook đã phục vụ hơn 500 triệu người dùng hoạt động, với 700 tỷ phút dành cho nó. Đối với loại thống kê này, sẽ rất căng thẳng khi thiết kế một trang web cho nó. Nó cũng có thể là lý do tương tự tại sao rất nhiều nhà thiết kế đã thử thách bản thân để thiết kế lại Facebook. Chúng ta hãy xem một số nỗ lực tuyệt vời từ các nhà thiết kế dưới đây:
Thiết kế ý tưởng Bởi: Barton Smith
“Facebook Facelift là một dự án tự khởi xướng để thách thức hình thức và chức năng của Facebook. Giao diện được sắp xếp hợp lý, có cấu trúc và tuyến tính dễ hiểu hơn, nâng cao trải nghiệm người dùng và khả năng tiếp thu nội dung.”
Trang chính. (Nguồn hình ảnh: Barton Smith)
Trang hình ảnh. (Nguồn hình ảnh: Barton Smith)
Trang sự kiện. (Nguồn hình ảnh: Barton Smith)
Trang liên hệ. (Nguồn hình ảnh: Barton Smith)
Trang thông báo. (Nguồn hình ảnh: Barton Smith)
Thiết kế ý tưởng Bởi: Kiến trúc sư thông tin
Thiết kế sáng tạo này ra đời từ tháng 12 năm 2006 và sau đó được điều chỉnh theo các tiêu chuẩn thiết kế hiện đại, để có sự so sánh công bằng với thiết kế hiện tại của Facebook. Ý tưởng là tạo ra một ứng dụng giống như thư với giao diện chứa bố cục 3 cột đàn hồi tách biệt rõ ràng bộ lọc, luồng thông tin và phản ứng, được giải thích rõ ràng trong bài đăng của họ.
Trang chính. (Nguồn hình ảnh: Kiến trúc sư thông tin)
Thiết kế ý tưởng Bởi: Justin Dauer
“Một trong những mục tiêu chính của tôi là chuyển giao diện sang phần trình bày kiểu ứng dụng web. Facebook có khoảng 175 triệu người đăng nhập hàng ngày; tất cả các nhiệm vụ lặp đi lặp lại vốn có trong việc sử dụng như vậy đều có lợi cho hình thức tiếp cận này. Khi tôi chuẩn bị thiết kế lại này, giao diện người dùng giống như ứng dụng mới của Twitter đã ra mắt và cho tôi một khoảnh khắc xác thực giống như Stuart Smalley.”
Trang chính. (Nguồn hình ảnh: thiết kế giả)
Thiết kế ý tưởng Bởi: Peter Knoll
Một thiết kế rất đẹp của Peter Knoll. Đồ họa được cải thiện rất nhiều để làm cho toàn bộ trang web trông hấp dẫn và đầy hứa hẹn. Giao diện cũng gọn gàng hơn nhiều với kiểu chữ đẹp được áp dụng để dễ đọc.
Trang chính. (Nguồn hình ảnh: Peter Knoll)
Thiết kế ý tưởng Bởi: AndasoloARTS
Biến thể Facebook được thực hiện bởi AndasoloARTS, nó thậm chí còn được bán! Cách phối màu khá giống với thiết kế của Peter Knoll, nhưng nhìn chung nó là một thiết kế khác. Lại một thiết kế rất bóng bẩy với ý tưởng tối giản.
Trang chính. (Nguồn hình ảnh: AndasoloARTS)
Thiết kế ý tưởng Bởi: Jonaska
Một thiết kế lấy cảm hứng từ thiết kế Facebook của AndasoloARTS, cũng khá độc đáo! Tôi thích việc thực hiện chia sẻ trạng thái và hộp tìm kiếm, một biến thể được thiết kế tốt thực sự.
Trang chính. (Nguồn hình ảnh: Jonaska)
Thiết kế ý tưởng Bởi: Czarny-Design
Làm thế nào về một thiết kế gợi cảm với các yếu tố góc tròn? Một cách tiếp cận thiết kế hoàn toàn độc đáo cho Facebook với cách phối màu hơi thay đổi, bạn có thể chấp nhận nó không?
Trang chính. (Nguồn hình ảnh: Czarny-Design)
Chỗ của tôi
Từng là người khổng lồ của mạng xã hội, Myspace cuối cùng đã bị vượt qua bởi đối thủ chính của nó, Facebook. Được đổi tên thành My___ bây giờ, nó nhằm mục đích trở thành điểm đến giải trí xã hội hàng đầu bao gồm âm nhạc, phim ảnh, người nổi tiếng, TV và trò chơi, được cung cấp bởi niềm đam mê của người hâm mộ. Các thiết kế bên dưới đã được thử cho Myspace cũ, nhưng thật tuyệt khi nhìn vào những gì nhà thiết kế nghĩ rằng Myspace nên là.
Thiết kế ý tưởng Bởi: Rafael Oliveira
“Điều gì sẽ xảy ra nếu mặc định Myspace có giao diện rõ ràng, xác định và đẹp hơn, nhưng vẫn có tùy chọn để cá nhân hóa nó, nhưng theo cách dễ hiểu hơn? Đó là câu hỏi tôi tự đặt ra khi bắt đầu điều này, và nó trở thành một dự án tuyệt vời. Bên cạnh thiết kế trực quan, tôi đã đề xuất một số cải tiến về khả năng sử dụng, dựa trên nội dung đã có trên trang web và xem sơ đồ trang web của họ.”
Trang chính. (Nguồn hình ảnh: Rafael Oliveira)
Menu kênh. (Nguồn hình ảnh: Rafael Oliveira)
Trang hình ảnh. (Nguồn hình ảnh: Rafael Oliveira)
Trang hồ sơ tùy chỉnh. (Nguồn hình ảnh: Rafael Oliveira)
Trang nghệ sĩ. (Nguồn hình ảnh: Rafael Oliveira)
Trang nghệ sĩ - Tùy chỉnh. (Nguồn hình ảnh: Rafael Oliveira)
Trang kênh video. (Nguồn hình ảnh: Rafael Oliveira)
Xử lý hơn 1 tỷ yêu cầu tìm kiếm trên toàn thế giới, Google là trang web nổi tiếng nhất hành tinh Trái đất. Nó còn được gọi là vương quốc cố gắng thống trị internet bằng cách xây dựng các sản phẩm thân thiện với người dùng như Android, Gmail và Analytics. Vì Google có rất nhiều nhà thiết kế hàng đầu làm việc về thiết kế trang web của họ, bất kỳ nỗ lực thiết kế lại nào cũng là một thách thức trực tiếp đối với các nhà thiết kế của họ. Hấp dẫn.
Thiết kế ý tưởng Bởi: Craig Reville
“Vì Google đã quyết định thiết kế lại mọi thứ một chút, tôi nghĩ tôi sẽ đi theo cách tôi muốn xem và sử dụng Google. Tôi không phát cuồng với các biểu tượng hoặc logo chủ yếu vì các nhà thiết kế biểu tượng có thể làm việc tốt hơn và tôi thích logo đơn giản như thế. Bất kỳ và tất cả thông tin phản hồi đánh giá cao.”
Trang chính. (Nguồn hình ảnh: Craig Reville)
Trang kết quả tìm kiếm. (Nguồn hình ảnh: Craig Reville)
Trang kết quả tìm kiếm - Khái niệm thứ 2. (Nguồn hình ảnh: Craig Reville)
Trang kết quả tìm kiếm hình ảnh. (Nguồn hình ảnh: Craig Reville)
Thiết kế ý tưởng Bởi: FloxDesign
Một chút giống như Bing, nhưng theo một cách sử thi hơn. Trân trọng, tôi muốn có thiết kế tuyệt vời này cho trang chính Google của tôi, làm ơn.
Trang chính. (Nguồn hình ảnh: FloxDesign)
YouTube
Xếp thứ 3 về toàn cầu và số 4 về lưu lượng truy cập trang web của Hoa Kỳ, YouTube là trang web để khám phá, xem, tải lên và chia sẻ video. Hầu hết nội dung đã được tải lên bởi các cá nhân, nhưng các phương tiện truyền thông nổi tiếng như CBS, BBC, Vevo và Hulu đã cung cấp video của riêng họ như một phần của chương trình hợp tác YouTube. Bạn có dám thiết kế lại một trang web đang được xem hơn 2 tỷ lần mỗi ngày không? Họ đã làm nó.
Thiết kế ý tưởng Bởi: Michele Byrne
Một thiết kế lại kiểu dáng đẹp trong đó nhấn mạnh nhiều hơn về xem và chia sẻ video. Cách tiếp cận độc đáo được áp dụng cho thiết kế này, mặc dù giao diện người dùng hơi giống với Vimeo. Dù sao cũng cố gắng.
Trang chính. (Nguồn hình ảnh: Michele Byrne)
Trang video. (Nguồn hình ảnh: Michele Byrne)
Trang người dùng. (Nguồn hình ảnh: Michele Byrne)
Thông tin video. (Nguồn hình ảnh: Michele Byrne)
Video được đề xuất. (Nguồn hình ảnh: Michele Byrne)
Thiết kế ý tưởng Bởi: Josh Collie
“Một trong những điểm hấp dẫn nhất của tôi với YouTube trong nhiều năm qua là không thể tìm kiếm các video khác trong khi xem video, cũng như đọc các bình luận mà không có video cuộn khỏi đầu màn hình. Thiết kế bên dưới cố gắng giải quyết vấn đề này bằng cách có 3 cột có thể cuộn riêng biệt bao gồm tìm kiếm, video và nhận xét.”
Trang chính. (Nguồn hình ảnh: Josh Collie)
Trang người dùng. (Nguồn hình ảnh: Josh Collie)
Thiết kế ý tưởng Bởi: Thadeu Morgado
Một thử nghiệm thiết kế lại cho trang chính của YouTube. Phong cách khá giống nhau, ngoại trừ toàn bộ bố cục đã được cấu trúc lại và một thanh trượt lớn, bóng bẩy được thêm vào để tập trung hơn vào các video nổi bật.
Trang chính. (Nguồn hình ảnh: Thadeu Morgado)
Amazon
Amazon đã lên mạng vào năm 1995 và bây giờ nó đã trở thành công ty thương mại điện tử đa quốc gia, nơi chứa nhiều lựa chọn sách, tạp chí, âm nhạc, DVD, điện tử, máy tính, phần mềm, giày dép, hầu như mọi thứ! Bởi vì họ có một doanh nghiệp lớn như vậy, các nhà thiết kế trên toàn thế giới đã thử thách bản thân trong việc cải tiến thiết kế để làm cho nó thậm chí còn đẹp hơn và tất nhiên, thân thiện với người dùng.
Thiết kế ý tưởng Bởi: Trevor Cleveland
“Tôi muốn khám phá ba khái niệm độc đáo để thiết kế lại trang chủ của Amazon trong màn hình đầu tiên. Amazon là một trong những trang web mua sắm trực tuyến hàng đầu, nhưng thiết kế trang chủ chất lỏng của họ được đặt cho kích thước màn hình với kích thước nhỏ, khiến trang web trông rất vui vẻ trên các máy tính mới hơn với độ phân giải cao hơn. Vì vậy, tôi muốn trình bày ba ý tưởng để tăng tốc độ cho Amazon.”
Khái niệm đầu tiên - Trang chính. (Nguồn hình ảnh: Trevor Cleveland)
Khái niệm đầu tiên - Menu. (Nguồn hình ảnh: Trevor Cleveland)
Khái niệm thứ hai - Trang chính. (Nguồn hình ảnh: Trevor Cleveland)
Khái niệm thứ hai - Menu. (Nguồn hình ảnh: Trevor Cleveland)
Khái niệm thứ ba - Trang chính. (Nguồn hình ảnh: Trevor Cleveland)
Khái niệm thứ ba - Menu. (Nguồn hình ảnh: Trevor Cleveland)
Thiết kế ý tưởng Bởi: Maurice Kindermann
Không có nỗ lực thiết kế lại nếu không có vấn đề gì trong thiết kế hiện tại, thiết kế Amazon của Maurice Kindermann là ví dụ tốt nhất cho trường hợp này. Thất vọng với thiết kế hiện tại của Amazon, Maurice đã thiết kế lại trang để giải quyết ba vấn đề cụ thể: độ phân giải màn hình quá lớn, tùy chọn mua bị phân mảnh và lượng nội dung tràn ngập.
Trang chính. (Nguồn hình ảnh: Maurice Kindermann)
IMDb
IMDb (Cơ sở dữ liệu phim Internet) là một cơ sở dữ liệu trực tuyến về thông tin liên quan đến phim, chương trình truyền hình, diễn viên, nhân viên đoàn sản xuất, trò chơi video và nhân vật hư cấu có trong phương tiện giải trí trực quan. Thiết kế lại trang web này theo cách hiển thị thông tin hiệu quả sẽ là một thách thức lớn đối với các nhà thiết kế web.
Thiết kế ý tưởng Bởi: Vladimir Kudinov
“Tại sao không có thiết kế IMDB hiện tại? Nó bị quá tải. Số lượng lớn thông tin phi cấu trúc. Trong khi hầu hết người dùng của các trang web đó chú ý chủ yếu đến hình ảnh, video và hơn thế nữa.
Vì vậy, tôi đã làm một thiết kế sạch sẽ và kiểu dáng đẹp. Tại đây, người dùng nhận được một màn hình có thông tin về bộ phim: hình ảnh, diễn viên, trailer, cốt truyện và nhiều hơn nữa. Anh ta không phải xoắn, xoay, để đọc. Tất cả những gì cần thiết - là nhìn vào màn hình.”
Trang phim. (Nguồn hình ảnh: Vladimir Kudinov)
Thực đơn. (Nguồn hình ảnh: Vladimir Kudinov)
Thành phần người chơi bật lên. (Nguồn hình ảnh: Vladimir Kudinov)
Bảng điều khiển hàng đầu. (Nguồn hình ảnh: Vladimir Kudinov)
Thiết kế ý tưởng Bởi: Rob Hendricks
“Không khó để thấy lý do tại sao trang web IMDB hiện tại rất lộn xộn. Thực tế là họ có rất nhiều nội dung. Kiến trúc thông tin phù hợp là chìa khóa trong việc thay đổi điều này.”
Trang chính. (Nguồn hình ảnh: Rob Atomic)
Foursquare
Với Foursquare, người dùng có thể chia sẻ vị trí hiện tại của họ bằng cách “kiểm tra” thông qua một ứng dụng điện thoại thông minh hoặc SMS, đánh dấu thông tin về các địa điểm và để lại gợi ý có liên quan về các địa điểm gần đó. Các thương nhân địa phương cũng sử dụng Foursquare để thu hút và giữ chân khách hàng của họ. Thiết kế lại cho Foursquare thực sự rất khó khăn vì đây là một dịch vụ hoàn toàn độc đáo nên cần nhiều nghiên cứu hơn.
Thiết kế ý tưởng Bởi: Clay Parker Jones
Clay Parker Jones tin rằng bản đồ là một bổ sung tiện lợi thực sự cho trang người dùng của Foursquare vì dịch vụ là tất cả về vị trí. Nhấp vào bản đồ sẽ thu gọn các số liệu thống kê thông tin với 4 chế độ xem khác nhau có sẵn. Các tiện ích bổ sung khác cho trang này là các nguồn cấp dữ liệu, lượt thích, mẹo và đề xuất, gần giống như một trang mạng xã hội thông thường!
Trang người dùng. (Nguồn hình ảnh: exitcreative)
Suy tư
Không quan trọng với thiết kế, mọi người dùng đều cần có thời gian để điều chỉnh thiết kế mới. Câu hỏi là, với tư cách là một người dùng, bạn có muốn thay đổi bất kỳ thiết kế nào ở trên không, hoặc bạn có tốt với thiết kế hiện tại không? Bạn có nghĩ rằng những thiết kế này giải quyết vấn đề trải nghiệm người dùng của bạn? Tôi tin rằng những thiết kế này được tạo ra để tiếp nhận ý kiến của bạn, vì vậy hãy thoải mái chia sẻ những gì bạn nghĩ về chúng, mọi ý kiến đều có giá trị!
