Xu hướng thể hiện chân trang website | Blog 4 mùa | Freelance Graphic & Web Designer


Xu hướng thể hiện chân trang website

Xu hướng thể hiện chân trang website

Trước đây, sitemap (sơ đồ trang) của website là một thành phần không thể thiếu. Trong sitemap, đơn giản, người ta liệt kê ra các trang có trong website với mục đích giúp người xem dễ nhận biết sơ đồ cấu trúc và nội dung thông tin của website. Nhưng hiện nay, đa phần các website đã bỏ phần này đi, thay vào đó, người ta đưa các nội dung chính và quan trọng xuống chân trang của website (footer), nơi mà trước đây chỉ là thông tin về bản quyền và liên hệ. Với một cuộc khảo sát nhỏ nhỏ thông qua 20 website, từ những website lớn cho đến những blog cá nhân, ta sẽ thấy được xu hướng sử dụng footer của website để thể hiện thông tin như thế nào.

Lợi ích khi sử dụng chân trang để thể hiện thông tin

Thu hút người dùng và các liên kết và tăng thời gian truy cập website:

Đa phần tất cả chúng ta đều không đọc toàn bộ nội dung của website mà thướng kéo scroll và lướt qua các thông tin. Sau khi kéo scroll qua một loạt thông tin ở trên mà không có nội dung gì khiến người đọc chú ý, họ sẽ tắt website của bạn đi. Nếu chúng ta bổ xung các thông tin quan trọng ở footer với cách thể hiện không cần quá ấn tượng, nó vẫn sẽ thu hút sự chú ý của người dùng. Điều này chắc chắn sẽ có lợi cho website của bạn khi thời gian truy cập website và số lượng trang được xem sẽ tăng lên.

Người xem website sẽ không bỏ lỡ thông tin

Với cách đặt riêng một trang sitemap như trước đây, thật sự giá trị của nó rất kém, vì đa phần người dùng đều lười biếng không muốn click vào trang này. Cách thể hiện của nó quá khô cứng để người xem có thể cảm thấy hấp dẫn tìm tòi nội dung trong đó. Với cách thể hiện mới mẻ bằng cách đặt các thông tin (mà trước đây có trong trang sitemap) xuống footer, chắc chắn người xem sẽ không bỏ qua quá nhiều thông tin mà website của bạn cung cấp.

Tăng tính liên kết

Việc đưa các thông tin của website xuống footer không nhất thiết phải nêu ra toàn bộ, vì nếu làm như thế, chẳng khác gì bạn đã tạo ra một trang sitemap nhàm chán như trước đây. Hãy sử dụng nó để thể hiện các thông tin quan trọng, những điểm nổi bật. Tôi chắc chắn nếu bạn làm tốt điều này, sự gắn kết giữa người xem và website sẽ tăng đáng kể.

Tiết kiệm thời gian cho người xem

Với các thông tin được thể hiện một cách mạch lạc,rõ ràng tại footer, bạn sẽ giúp người xem rất dễ dàng tìm kiếm được thông tin.

Tăng cường nội dung của website

Trang web của bạn có ít thông tin và trông ngắn một mẩu? Thật đáng buồn, nhưng nếu biết cách đặt thông tin vào footer, bạn sẽ thấy khả quan hơn rất nhiều.

Giảm được một cú click chuột

Nghe có vẻ hài hước nhưng với một thể giới năng động thì điều này không đáng cười chút nào cả. Nếu bạn đặt sitemap ra một trang riêng biệt thì việc xem toàn bộ nội dung của sitemap không chỉ dừng ở một cú click chuột, người xem sẽ còn phải chờ trang được load về rồi mới có thể thấy được các thông tin mà họ tìm.

Chúng ta hãy cùng xem 20 website, từ những site lớn cho đến những blog cá nhân không hề nổi tiếng để hiểu rõ hơn về xu hướng sử dụng footer để thể hiện thông tin.

1. Digg

Digg cho ta thấy các tiêu đề của họ rất rõ ràng và tập trung chủ yếu vào việc tìm kiếm thông tin của người dùng. Còn tại footer, các thông tin được thể hiện để tập trung vào công ty.

Digg

2. Mozilla

Nhờ những thôn tin ở chân trang, bạn có thể dễ dàng thấy được toàn bộ nội dung mà Mozilla có

Mozzila

3. Apple

Nếu bạn có một website lớn thì bạn sẽ đặt gì ở thông tin? Nếu đưa toàn bộ thì thật là điên rồ, không hiểu cái footer sẽ dài bao nhiêu… Hãy thử cách làm của Apple, chia thành nhiều phần khác nhau. Vào phần của Mac thì chỉ có thông tin về Mac.

Apple

4. Good Barry

Good Barry sử dụng chân trang để đưa các thông tin quan trọng nhất.

Good Barry

5. Nhà Trắng

Trong thiết kế website mới của Nhà Trắng, việc duyệt web đã dễ dàng hơn rất nhiều bằng các trình đơn và sơ đồ trang được đặt ở footer.

White House

6. Miro

Footer của Miro khá đặc biệt khi được đặt thêm phần tìm kiếm ngay phía trên nội dung thông tin.

Miro

7. Six Apart

Six Apart sử dụng chân trang để liên kết các trang web trong cùng một network.

Six Apart

8. Clear Spring

Thông tin dưới chân trang của Clear Spring là một Sitemap hoàn chỉnh và chuẩn mực.

Clear Spring

9. Square Space

Square Space

10. Sugar Sync

Chân trang của Sugar Sync thể hiện các trang chính, menu chính của site.

Sugar Sync

11. FreeAgent Central

Một menu với các liên kết điển hình.

Freegent Central

12. FiveRuns

Chân trang của FiveRuns được chia đến 6 cột nhưng không hề có cảm giác chật chội. Các thành phần nội dung trong đó được bố trí rất dễ nhìn.

Five Runs

13. Red Nose Day

Việc sử dụng các hình ảnh “mũi đỏ” ở chân trang khiến giao diện bớt nhàm chán và cũng là một điểm nhấn tốt.

Rednoseday

14. Tigers

Trang của bạn quá ngắn vì không có nhiều nội dung? Hãy làm như Tiger, đặt một sitemap gọn gàng dưới chân trang và như vậy, website của bạn đã khá hơn rất nhiều.

Tigers

15. Get Satisfaction

Các menu chính của website được đặt dưới footer giúp người xem dễ  tìm thông tin.

Get statis faction

16. Flashloaded

Flashloaded là trang bán các sản phẩm flash, footer của họ dùng để liệt kê các phân nhóm sản phẩm mà họ có.

Flashloaded

17. Jamie Oliver

Nội dung footer của website cá nhân Jamie Oliver là một sitemap đầy đủ với nhiều nội dung nhưng cách thể hiện không hề rườm rà chút nào.

Jamie Oliver

18. Redbrick Health

Cũng là 5 cột như Jamie Oliver nhưng gọn gàng và sạch sẽ hơn.

Red Brick Health

19. 47th Media

47th Media là một ví dụ tốt về cách thể hiện footer của một portfolio. Footer được sử dụng để thể hiện các thông tin mới nhất.

Forty Seven Media

20. Jason Santa Maria

Jason Santamaria

Các mẹo nhỏ trong cách thể hiện chân trang

1. Phân loại: Đưa các liên kết vào cùng một nhóm.

2. Tiêu đề: sử dụng các tiêu đề cho mỗi phân loại.

3. Nhất quán: Cách thể hiện nội dung phải đồng nhất.

Gợi ý



1 phản hồi

  1. Cảm ơn bài viết hay cực đinh luôn đó nhá!!!!!!!!!!!!!!

Gửi phản hồi

*


*