Tổ chức Nội dung trên Trang bằng HTML - núm vú

Tính dễ đọc là nguyên tắc quan trọng nhất để tổ chức và hiển thị nội dung trên trang web. Trang web của bạn nên cho phép khách truy cập dễ dàng đọc, hiểu và hành động theo nội dung của bạn. Hành động mong muốn bạn dành cho khách truy cập có thể là nhấp vào và đọc nội dung bổ sung, chia sẻ nội dung với người khác hoặc có thể thực hiện mua hàng.

Nội dung tổ chức kém sẽ dẫn người dùng rời khỏi trang web của bạn trước khi tham gia với nội dung của bạn đủ lâu để hoàn thành hành động mong muốn.

Các số liệu cho thấy hai ví dụ về khả năng đọc trang web. Trong hình này, Craigslist. org đã được tìm kiếm một căn hộ tại New York.

Nguồn: craigslist. org

Các kết quả tìm kiếm được cấu trúc như một danh sách và bạn có thể giới hạn nội dung được hiển thị bằng các bộ lọc và các mẫu tìm kiếm. Mỗi danh sách có nhiều thuộc tính, chẳng hạn như mô tả, số lượng phòng ngủ, khu phố, và, quan trọng nhất, là giá cả. So sánh các thuộc tính tương tự từ các danh sách khác nhau cần có một số nỗ lực - hãy chú ý đến đường kẻ răng cưa mà mắt bạn phải làm.

Hình dưới đây cho thấy kết quả tìm kiếm được thực hiện tại Hipmunk. com cho các chuyến bay từ New York đến London.

Nguồn: hipmunk. com

Cũng như kết quả tìm kiếm của Craigslist, bạn có thể giới hạn nội dung được hiển thị bằng các bộ lọc và các mẫu tìm kiếm. Ngoài ra, mỗi danh sách chuyến bay có nhiều thuộc tính, bao gồm giá cả, hãng, thời gian khởi hành, thời gian hạ cánh và thời gian, tương tự như các thuộc tính của danh sách căn hộ. So sánh các thuộc tính tương tự từ các chuyến bay khác nhau dễ dàng hơn với cách bố trí của Hipmunk. Lưu ý nội dung, trái ngược với Craigslist, có bố cục cho phép mắt bạn theo một đường thẳng xuống trang, do đó bạn có thể dễ dàng xếp hạng và so sánh các lựa chọn khác nhau.

Đừng đánh giá thấp sức mạnh của sự đơn giản khi hiển thị nội dung. Mặc dù bố trí nội dung của Craigslist có vẻ gần như đơn giản, trang web này là một trong 50 trang web được truy cập nhiều nhất trên thế giới. Reddit. com là một ví dụ khác của một trang web hàng đầu 50 với cách bố trí đơn giản.

Trước khi hiển thị nội dung của bạn, hãy tự hỏi một vài câu hỏi trước:

• Nội dung của bạn có một thuộc tính với dữ liệu có liên quan không, hoặc nó làm theo các bước tiếp theo? Nếu có, hãy xem xét sử dụng danh sách.

• Nội dung của bạn có nhiều thuộc tính phù hợp để so sánh không? Nếu có, hãy xem xét sử dụng bảng.

• Bạn có cần phải thu thập dữ liệu từ khách truy cập không? Nếu có, hãy xem xét sử dụng biểu mẫu.

Đừng để những lựa chọn này tràn ngập bạn.Chọn một, xem khách truy cập của bạn phản ứng như thế nào, và nếu cần thiết thay đổi cách bạn hiển thị nội dung. Quá trình đánh giá một phiên bản với một phiên bản khác của cùng một trang web được gọi là thử nghiệm A / B.