Chuyên môn · Theo ngành

Thiết kế trải nghiệm số cho trang nội dung và truyền thông

Giao diện đẹp không cứu được trang nếu bài đọc bị quảng cáo che, chữ nhỏ khó đọc và paywall chặn cứng ngay từ lần đầu.

Chốt nhanh

Với trang nội dung và truyền thông, sản phẩm cốt lõi là chính bài đọc, vì vậy trải nghiệm đọc thoải mái, điều hướng mạch lạc và tốc độ tải nhanh phải đi trước mọi hiệu ứng giao diện. Nếu Anh Chị có mô hình doanh thu từ thu phí thuê bao hoặc bản tin, cần thiết kế rào nội dung đủ mềm để không chặn hoàn toàn khách mới và công cụ tìm kiếm. Trang phải sạch và nhanh, đặc biệt trên điện thoại, vì đây là nơi phần lớn người đọc tiếp cận nội dung lần đầu.

Nhìn nhanh
Hợp với
doanh thu từ quảng cáo cần giữ trang sạch, nhanh, quảng cáo không lấn nội dungdoanh thu từ thu phí cần paywall mềm vẫn cho nếm thửxây quan hệ dài hạn cần đầu tư bản tin và đăng ký
Không hợp
paywall chặn cứng ngay khiến khách mới và công cụ tìm kiếm bật raquảng cáo và pop-up che nội dung, phá nhịp đọc
Ngành hay dùng
truyền thôngbáo chínội dung số

Với trang nội dung và truyền thông, bài đọc chính là sản phẩm. Khách ghé vào vì nội dung, không phải vì giao diện. Giao diện đẹp hỗ trợ nội dung, nhưng không thể bù cho trang tải chậm, quảng cáo che bài, hay paywall chặn cứng ngay từ dòng đầu. Sinh Vũ thiết kế từ trung tâm đó ra ngoài: trải nghiệm đọc trước, trang trí sau.

Trải nghiệm đọc là nền tảng

Trước khi bàn đến mô hình kinh doanh hay giao diện, Anh Chị cần hỏi: người đọc có đọc được thoải mái không? Các yếu tố quyết định gồm bề rộng dòng chữ, cỡ chữ, khoảng trắng giữa các dòng và tương phản giữa chữ và nền. Dòng quá dài hoặc quá ngắn đều gây mỏi mắt. Chữ nhỏ và tương phản thấp đuổi người đọc đi trước khi họ kịp đọc hết đoạn đầu.

Trên điện thoại, yêu cầu này còn khắt khe hơn vì màn hình nhỏ và ngón tay thay thế chuột. Nếu trang của Anh Chị có phần lớn lượt đọc đến từ điện thoại, đây là nơi cần đầu tư thiết kế trước tiên, không phải phiên bản máy tính bàn.

Điều hướng và khám phá giữ chân người đọc

Khách đọc xong một bài mà không thấy bài tiếp theo phù hợp thì rời đi. Bài liên quan, chuyên mục rõ ràng và ô tìm kiếm hoạt động tốt là ba thứ giữ người đọc ở lại lâu hơn. Đây không phải tính năng phụ, mà là phần cốt lõi của trải nghiệm nội dung.

Sinh Vũ thường thấy trang nội dung đầu tư kỹ vào giao diện trang chủ nhưng bỏ quên phần điều hướng sau khi đọc xong bài. Kết quả là người đọc vào, đọc xong, thoát ra, không quay lại.

Mô hình doanh thu và đánh đổi cần quyết định

Cách trang kiếm tiền quyết định trực tiếp cách thiết kế trải nghiệm. Không có mô hình nào hoàn hảo, chỉ có đánh đổi cần nhìn thấu.

Doanh thu từ quảng cáo: Ưu tiên giữ trang sạch và nhanh. Quảng cáo phải hiện diện nhưng không được lấn nội dung, nhất là trên điện thoại. Trang nặng quảng cáo, nhiều pop-up che bài sẽ đuổi người đọc và làm giảm giá trị quảng cáo theo thời gian. Doanh thu từ thu phí thuê bao: Thu phí thuê bao (subscription) làm nản người dùng mới, công cụ tìm kiếm và liên kết nếu chặn cứng. Thiết kế paywall mềm, tức là cho đọc thử một số bài trước khi yêu cầu đăng ký, giúp cân bằng giữa doanh thu và việc giữ cửa mở cho khách mới cùng Google.

Thu phí thuê bao làm nản người dùng mới, công cụ tìm kiếm và liên kết. Đây là đánh đổi phải cân khi thiết kế rào nội dung, không phải quyết định kỹ thuật đơn thuần.

Nielsen Norman Group, The Case for Micropayments

Với bản tin (newsletter), phần đăng ký và đọc bản tin trên điện thoại hay gặp vấn đề. Bố cục nhiều cột, nút nhỏ và ảnh lớn thường vỡ trên màn hình nhỏ. Nếu bản tin là kênh quan hệ dài hạn với người đọc, cần thiết kế riêng cho di động, không phụ thuộc hoàn toàn vào template mặc định của công cụ gửi mail.

Khu vực báo chí: nhỏ nhưng quan trọng

Nếu Anh Chị muốn được nhà báo hay đối tác nhắc đến, khu vực báo chí (press area) trên web là cần thiết. Nhà báo tìm kiếm nhanh và thiếu kiên nhẫn. Họ cần thông tin liên hệ rõ, logo sẵn định dạng tải về và bộ dữ liệu nền về tổ chức, tất cả tải được ngay, không cần đăng nhập hay điền form.

Khu vực này không cần cầu kỳ, cần gọn và nhanh. Thiếu nó, cơ hội được đưa tin có thể mất vào tay đối thủ đơn giản vì nhà báo không tìm được đúng người liên hệ trong vòng một phút.

Lỗi thường gặp và cách tránh

  • Quảng cáo và pop-up che nội dung, phá nhịp đọc ngay từ giây đầu. Nếu có quảng cáo, kiểm tra trên điện thoại trước khi lên sóng.
  • Paywall chặn cứng ngay bài đầu tiên: khách mới bật ra, Google không lập được chỉ mục, liên kết từ mạng xã hội mất tác dụng.
  • Bản tin thiết kế đẹp trên máy tính nhưng vỡ bố cục trên điện thoại khi người đọc mở mail.
  • Trang tải chậm vì chồng chất mã theo dõi và script quảng cáo, đặc biệt hại trên mạng di động yếu.
  • Không có bài liên quan hoặc điều hướng sau bài đọc, khách đọc xong một bài là thoát, không quay lại.

Góc nhìn của Sinh Vũ

Sinh Vũ đặt bài đọc làm trung tâm của mọi quyết định thiết kế. Sinh Vũ lo chiến lược nội dung, luồng trải nghiệm và giao diện, gồm cả chuẩn SEO nền (baseline SEO, tức các yêu cầu tối thiểu để công cụ tìm kiếm đọc được trang) và tốc độ tải. Phần hệ quản trị nội dung (CMS) lớn, cổng thanh toán thuê bao và hạ tầng phân phối lưu lượng cao cần nền tảng hoặc đội kỹ thuật chuyên dụng, không phải việc Sinh Vũ tự xử lý một mình.

Sinh Vũ không cam kết lượng truy cập hay thứ hạng tìm kiếm cụ thể, vì đó phụ thuộc vào chất lượng nội dung, tần suất xuất bản và nhiều yếu tố ngoài phạm vi thiết kế. Điều Sinh Vũ cam kết là trang đủ sạch, đủ nhanh và đủ mạch lạc để nội dung của Anh Chị có cơ hội được đọc và được tìm thấy.

Nguồn tham khảo

Nielsen Norman Group: The Case for Micropayments; E-Mail Newsletters: Increasing Usability; Press Area Usability. Kinh nghiệm thực hành Sinh Vũ Studio.

Câu hỏi thường gặp

Nên đặt paywall (rào thu phí) ngay từ bài đầu hay cho đọc thử một số bài miễn phí?

Paywall chặn cứng ngay từ lần đầu khiến khách mới và công cụ tìm kiếm bật ra gần như hoàn toàn. Mô hình phổ biến hơn là cho đọc thử một số bài mỗi tháng, sau đó mới yêu cầu đăng ký, gọi là paywall mềm hay metered paywall. Cách này giữ cửa mở cho khách mới và giúp Google lập chỉ mục nội dung, đồng thời vẫn tạo động lực đăng ký cho người đọc thường xuyên.

Bản tin (newsletter) có cần thiết kế riêng không, hay dùng template mặc định của công cụ gửi mail là đủ?

Phần đọc bản tin trên điện thoại hay gặp vấn đề ngay cả với các template mặc định, vì bố cục nhiều cột, ảnh lớn và nút bấm nhỏ thường vỡ hoặc khó bấm trên màn hình nhỏ. Sinh Vũ khuyến nghị thiết kế bản tin một cột, chữ đủ lớn và nút đăng ký hoặc hành động đặt ở vị trí dễ chạm. Nếu bản tin là kênh doanh thu chính, đầu tư thiết kế riêng cho di động là đáng.

Khu vực báo chí (press area) trên web có thực sự cần thiết không?

Nếu Anh Chị muốn được nhà báo, đối tác hoặc nhà đầu tư nhắc đến, khu vực báo chí là cần thiết. Nhà báo tìm kiếm nhanh và thiếu kiên nhẫn với trang nặng nề, vì vậy khu vực này cần thông tin liên hệ rõ ràng, logo và tài liệu tải về nhanh, không cần thiết kế cầu kỳ. Thiếu khu vực này, cơ hội được đưa tin có thể mất vào tay đối thủ đơn giản vì nhà báo không tìm được đúng người liên hệ.

← Về Trải nghiệm số
{INJ}