Above the fold là gì? 5 giây đầu quyết định khách ở hay đi
Khách của bạn phần lớn xem web trên điện thoại, và trong 5 giây đầu họ chỉ thấy đúng một khung màn hình — chưa cuộn, chưa bấm gì cả. Cái khung đó quyết định họ ở lại xem tiếp hay quay về lướt Facebook. Bài này nói về cách sắp xếp màn hình đầu tiên ấy, thứ dân làm web hay gọi là “above the fold”.
Above the fold là gì? Nói bằng lời thường
Above the fold là phần trang web hiện ra ngay khi khách vừa mở, không cần cuộn. Chữ này mượn từ báo giấy: tờ báo gấp đôi nằm trên sạp, người đi ngang chỉ thấy nửa trên, nên tin quan trọng nhất luôn được xếp phía trên nếp gấp. Trang web cũng vậy, chỉ khác là “nếp gấp” chính là mép dưới màn hình điện thoại.
Trên máy tính, khung này khá rộng. Nhưng trên điện thoại — nơi phần lớn khách của bạn đang xem — nó bé hơn nhiều: đủ chỗ cho một tấm ảnh, vài dòng chữ và một cái nút là hết. Vì đất chật như vậy nên bạn phải chọn rất kỹ cái gì được đứng ở đó, còn cái gì phải dời xuống dưới.
Màn hình đầu tiên giống mặt tiền của quán: khách liếc một cái là quyết định có bước vào hay đi tiếp.
Màn hình đầu phải trả lời được 3 câu
Khách mở trang với đúng một thắc mắc trong đầu: “chỗ này có gì cho mình không?”. Màn hình đầu tiên trả lời được 3 câu dưới đây thì họ cuộn tiếp, không thì họ thoát:
- Bán gì? — một dòng tít nói thẳng món hàng hay dịch vụ, không văn hoa.
- Cho ai? — khách đọc xong phải thấy “à, đúng chỗ dành cho mình”.
- Làm gì tiếp theo? — một nút rõ ràng: nhắn Zalo, gọi ngay, xem bảng giá.
Ví dụ một spa viết: “Chăm sóc da chuyên sâu cho mẹ sau sinh tại Đà Nẵng” kèm nút “Nhắn Zalo đặt lịch”. Một câu mà trả lời đủ cả ba: bán dịch vụ da, cho mẹ sau sinh ở Đà Nẵng, muốn đặt thì bấm nút. Ngược lại, tít kiểu “Nơi vẻ đẹp thăng hoa” thì đọc xong vẫn chưa biết gì — và đừng mong khách cuộn xuống để tự tìm câu trả lời. Họ không kiên nhẫn tới vậy đâu.
Một màn hình đầu tốt trông ra sao
Lấy một homestay view biển làm ví dụ. Màn hình đầu tốt chỉ cần ba thứ: một tấm ảnh phòng thật nhìn thẳng ra biển, một dòng “Homestay view biển ngay bãi An Bàng — giá từ 550k/đêm”, và một nút “Nhắn Zalo giữ phòng”. Khách mở trang, chưa kịp đếm hết 5 giây đã biết đủ: phòng đẹp cỡ nào, giá khoảng bao nhiêu, đặt thì bấm đâu.
Giờ so với phiên bản tệ mà mình gặp rất nhiều: cũng homestay đó nhưng đầu trang là một slider — dải ảnh tự chạy — năm sáu tấm thay nhau trượt qua, tấm nào cũng đè một câu chữ trắng lên nền trời sáng nên chẳng đọc nổi. Slider lại nặng, ba giây đầu chỉ thấy một khung xám đang xoay. Khách chờ hết 5 giây mà chưa biết phòng trông ra sao, giá bao nhiêu. Một tấm ảnh đẹp nhất cộng một câu rõ ràng cộng một cái nút — bộ ba đó thắng slider gần như mọi lần.
Mấy lỗi hay gặp nhất ở màn hình đầu
Banner to đùng nhưng không có nút bấm. Quán ăn treo nguyên tấm banner khai trương chiếm trọn màn hình, ảnh món rất đẹp, nhưng khách muốn đặt bàn thì không biết bấm vào đâu — số điện thoại nằm tít cuối trang. Đẹp mà không dẫn khách đi đâu thì cũng như tờ rơi quên in số điện thoại.
Chữ quá nhỏ trên điện thoại. Trang được duyệt trên màn hình máy tính nên nhìn rất ổn, nhưng thu về màn hình 6 inch thì dòng tít li ti, khách phải bấm hai ngón tay phóng to mới đọc được. Mà theo mình thấy, khách đã phải zoom là sắp thoát rồi.
Logo và slogan chiếm nửa màn hình. Nhiều chủ quán quý logo nên để nó thật to, kèm câu slogan bên dưới, thế là hết nửa khung hình đầu tiên. Nhưng logo là để bạn tự hào, không phải để bán hàng. Khách cần biết họ được gì, chứ không cần ngắm logo to. Logo chỉ cần một góc nhỏ phía trên là đủ lịch sự.
Bài kiểm tra 5 giây, bạn tự làm được ngay
Nhờ một người chưa từng xem trang — vợ, chồng, đứa cháu, ai cũng được — mở web trên điện thoại của họ. Cho nhìn đúng 5 giây rồi úp máy xuống, hỏi ba câu: chỗ này bán gì, cho ai, muốn liên hệ thì bấm đâu. Trả lời trôi cả ba là màn hình đầu của bạn ổn. Ấp úng câu nào, bạn biết ngay phải sửa chỗ nào.
Nhớ thử bằng 4G thay vì Wi-Fi nhà bạn. Ảnh nặng thì với mạng yếu, 5 giây đầu của khách chỉ là một màn trắng — lúc đó bố cục đẹp mấy cũng vô nghĩa.