Trang chủ nên dẫn khách đi đúng nhánh
Trang chủ là trạm dẫn hướng, không phải tấm áp phích nhồi mọi thứ vào một chỗ.
Trang chủ làm đúng một việc: trả lời ba câu hỏi tức thì (đây là ai, làm gì, tôi đi tiếp đâu) rồi dẫn khách sang nhánh phù hợp với họ. Nếu Anh / Chị cố chốt mọi thứ ngay tại trang chủ, kết quả là không gì nổi bật và khách không biết đi đâu tiếp. Hãy coi trang chủ là ngã ba đường, không phải kho chứa.
Trang chủ là trang được xem nhiều nhất, nhưng cũng là trang bị hiểu sai nhiệm vụ nhiều nhất. Nhiều doanh nghiệp cố biến nó thành nơi chốt quyết định, nơi trình bày mọi dịch vụ, nơi đặt mọi lời kêu gọi cùng một lúc. Kết quả là không gì nổi bật, khách vào rồi không biết đi đâu tiếp. Sinh Vũ nhìn trang chủ theo cách khác: đây là trạm dẫn hướng nằm trong một luồng lớn hơn, không phải đích đến cuối.
Trang chủ chỉ cần trả lời ba câu hỏi
Khi một người lần đầu vào trang chủ, não họ hỏi ngay ba câu theo thứ tự: đây là ai, họ làm gì cho tôi, và tôi nên đi đâu tiếp. Nếu trang chủ không trả lời được ba câu này trong vài giây đầu, khách sẽ thoát ra hoặc lạc lối ngay từ màn hình đầu tiên.
Trả lời ba câu này không đòi hỏi nhiều chữ. Tên thương hiệu, một dòng định vị rõ, và một điểm dẫn đường đủ để giữ khách lại và cho họ biết bước tiếp theo. Phần còn lại là việc của các trang sâu hơn.
Vai trò định tuyến là việc chính
Theo Nielsen Norman Group, trang chủ là trang định tuyến quan trọng nhất trên website. Điều hướng phải dễ tiếp cận và trực giác để khách hiểu ngay có gì và ở đâu. Điều đó có nghĩa là trang chủ không phải nơi kết thúc hành trình, mà là nơi mở ra các nhánh đúng cho đúng người.
Doanh nghiệp có một nhóm khách chính: đặt một hành động ưu tiên nổi bật bằng thứ bậc thị giác (kích thước, màu sắc, vị trí), các hành động phụ để nhỏ hơn hoặc dẫn vào trang sâu. Trang chủ ngắn gọn, vai trò của mỗi phần rõ ràng.
Doanh nghiệp có nhiều nhóm khách khác nhau: chia luồng sớm bằng cách cho khách tự chọn họ là ai, ví dụ "Anh / Chị đang tìm kiếm điều gì?" rồi dẫn mỗi nhóm vào nhánh phù hợp. Tránh nhồi nội dung của tất cả nhóm lên cùng một màn hình.
Thứ bậc thị giác làm việc nặng
Không phải mọi thứ trên trang chủ đều quan trọng như nhau, nhưng nhiều website lại trình bày như thể chúng quan trọng ngang nhau: cùng cỡ chữ, cùng màu nút, cùng diện tích. Khi mọi thứ đều được nhấn, không gì còn được nhấn nữa.
Thứ bậc thị giác (visual hierarchy) là cách dùng kích thước, vị trí, màu sắc và khoảng trống để kéo mắt khách về đúng chỗ quan trọng nhất trước. Sinh Vũ áp dụng nguyên tắc này vào cả bố cục lẫn thứ tự nội dung: cái gì cần khách thấy trước thì lên trên và lớn hơn, cái gì phụ thì xuống dưới hoặc nhỏ lại.
Trang chủ cần cho khách một điểm khởi đầu rõ bằng cách gán độ nổi thị giác cho các nhiệm vụ then chốt. Dùng thứ bậc và trọng lượng để kéo mắt về việc ưu tiên.
Nielsen Norman Group, Homepage Design: 5 Fundamental Principles
Lỗi thường gặp khi thiết kế trang chủ
- Nhồi mọi dịch vụ, mọi thông điệp, mọi nút kêu gọi với tầm quan trọng ngang nhau, khiến không gì nổi bật.
- Không trả lời ngay doanh nghiệp là ai và làm gì, để khách phải tự luận từ hình ảnh và tiêu đề.
- Coi trang chủ là nơi chốt quyết định thay vì nơi dẫn khách sang đúng nhánh.
- Điều hướng (navigation) khó thấy hoặc quá phức tạp, khách không biết đi tiếp đâu sau màn hình đầu.
- Cập nhật trang chủ liên tục theo tin tức hoặc khuyến mãi mà không giữ lại lớp định tuyến cố định, khiến khách mới luôn bị lạc.
Góc nhìn của Sinh Vũ
Khi Sinh Vũ thiết kế trang chủ cho một doanh nghiệp, câu hỏi đầu tiên không phải là "muốn trông như thế nào" mà là "khách sẽ vào từ đâu và họ cần đi đến đâu tiếp theo". Trang chủ được dựng từ chiến lược nội dung và luồng ra quyết định của khách, không phải từ danh sách dịch vụ của doanh nghiệp.
Một trang chủ làm tốt vai trò định tuyến thường trông đơn giản hơn Anh / Chị nghĩ. Đơn giản không phải vì thiếu, mà vì mọi thứ đều có chỗ đứng rõ ràng và khách không cần phải cố mới hiểu được.
Nguồn tham khảo
Nielsen Norman Group, Homepage Design: 5 Fundamental Principles; Nielsen Norman Group, Top 10 Guidelines for Homepage Usability; kinh nghiệm thực hành Sinh Vũ.
Câu hỏi thường gặp
Trang chủ có cần đặt nhiều nút kêu gọi hành động (CTA) để tăng chuyển đổi không?
Không. Nhiều CTA (lời kêu gọi hành động) ngang hàng nhau sẽ triệt tiêu lẫn nhau vì không gì thực sự nổi bật. Nguyên tắc là chọn một hành động ưu tiên nhất để làm nổi bằng thứ bậc thị giác, các hành động phụ để nhỏ hơn hoặc dẫn vào trang sâu hơn. Nếu doanh nghiệp có nhiều nhóm khách khác nhau, hãy chia luồng sớm bằng cách hỏi khách họ là ai, thay vì nhồi hết vào một nút.
Doanh nghiệp có nhiều dịch vụ, vậy trang chủ nên trình bày hết không?
Không nên trình bày hết chi tiết. Trang chủ chỉ cần giới thiệu đủ để khách hiểu doanh nghiệp làm gì và dẫn họ vào trang dịch vụ tương ứng để đọc sâu hơn. Càng nhiều nội dung ngang hàng trên trang chủ, khách càng khó biết nên chú ý vào đâu trước. Hãy để trang dịch vụ làm việc của nó.