Nổi bật hay không? Kiểm tra hình ảnh bằng heat map

Bạn có nghi ngờ rằng trang bán hàng của mình khiến người đọc mất hứng không? Bạn nghĩ chẳng ai đọc nội dung của mình — hoặc ít nhất là họ đang phớt lờ các nút Call to Action (CTA)? Hình ảnh trên website của bạn đang khiến khách truy cập rời đi hay làm họ bối rối?

Khách truy cập của bạn đang nghĩ gì vậy?!?!

Nếu bạn từng tự hỏi những điều này, hoặc chỉ muốn biết khách truy cập thích và không thích điều gì, heat map chính là câu trả lời cực kỳ đơn giản (và hữu ích đến bất ngờ).

Các copywriter và nhà thiết kế hãy chú ý: Điều này sẽ thay đổi cách bạn làm mọi việc. Sẵn sàng chưa? Tôi sẽ hướng dẫn bạn cách dùng heat map để khai thác tối đa nội dung trực quan. Hay nhất là gì? Những chương trình này thường miễn phí hoặc có giá phải chăng (tôi sẽ giới thiệu 5 lựa chọn yêu thích ở cuối bài).

Heat map là gì? Vì sao bạn nên quan tâm?

Heat map, còn được gọi là “hover maps” và “click maps,” là công nghệ vô cùng ấn tượng, chưa kể bản thân chúng còn là những hình thức trực quan hóa dữ liệu rất đáng chú ý. Một chương trình heat map tốt sẽ theo dõi chuyển động của chuột — và có lẽ bạn đã nhận thấy rằng khi đọc một trang, chuột thường di chuyển quanh những từ bạn đang đọc. Chúng ta thường dùng con trỏ như ngón tay trên trang để đánh dấu vị trí đang đọc; nhưng cũng dùng nó khi cân nhắc. Bạn dừng lại giữa dòng suy nghĩ để quyết định câu hỏi muôn thuở: Nhấp chuột? Hay không nhấp chuột.

Bằng cách theo dõi chuyển động của chuột, bạn có thể biết điều gì thu hút ánh nhìn của khách truy cập, họ đang cân nhắc lựa chọn nào và điều gì có thể khiến họ bối rối. Bạn cũng sẽ thấy rất rõ những khu vực trên trang hoàn toàn không hiệu quả.

Heat map thường trông như thế này.

(Heat map bên dưới được lấy từ Mouseflow trong bảng điều khiển WordPress)

Heatmap của Mouseflow

Các vùng màu đỏ là nơi khách truy cập thường rê chuột nhiều nhất. Với tư cách là doanh nhân, bạn có thể dùng thông tin này để tinh chỉnh sản phẩm và dịch vụ, khám phá sở thích của nhóm người dùng, rồi điều chỉnh cho phù hợp.

Với tư cách là người viết hoặc nhà thiết kế, bạn có thể dùng thông tin này để lên chiến lược về những yếu tố cần nhấn mạnh trực quan nhằm thu hút nhiều sự chú ý hơn.

Nghệ thuật nhận ra những gì không hiện diện

Hãy thử làm Sherlock trong chốc lát nhé? Bởi heat map không chỉ hữu ích trong việc cho bạn thấy mọi người đang nhìn thấy — mà còn vô cùng hữu ích khi cho bạn biết khách truy cập không nhìn thấy.

Hãy xem ví dụ này từ Heat map.me. Bạn thấy tất cả các điểm nóng nằm ở đâu không? Có nhận ra những nơi không có điểm nóng không?

Ví dụ từ Heatmap.me

Hình ảnh thường thu hút sự chú ý — đó vốn là mục đích duy nhất của chúng. Vì vậy, nếu hình ảnh của bạn không thu hút được sự chú ý nào thì có nghĩa là bạn đã làm chưa đúng. Hình ảnh này bỏ lỡ hai cơ hội. Thứ nhất, hình ảnh chưa đủ hấp dẫn nên người xem thậm chí chẳng buồn liếc qua. Thứ hai, các nghiên cứu cho thấy chú thích bên dưới hình ảnh được đọc nhiều hơn bất kỳ đoạn văn bản nào khác trên trang. Hình ảnh này không có chú thích.

Ví dụ về Heatmap.me

Khi tối ưu Conversion Rate, bạn nên dùng hình ảnh để thu hút sự chú ý VÀ thêm chú thích có chức năng như CTA hoặc củng cố chủ đề cốt lõi mà bạn muốn khách truy cập ghi nhớ.

Đánh lạc hướng — rất hợp với Houdini, nhưng không hợp với bạn

Mọi người rất dễ bị phân tâm — ôi, vật gì sáng bóng kìa! Tôi đang nói đến đâu rồi nhỉ? À đúng rồi — mọi người rất dễ bị phân tâm, đặc biệt là bởi hình ảnh. Bạn có thể tận dụng điều này bằng cách tạo ra các tín hiệu trực quan hướng mọi người đến đúng chỗ. Hãy xem tín hiệu trực quan tinh tế này: bạn thấy người mẫu đang nhìn về đâu trên trang web hẹn hò này không? Ngay vào CTA (lời kêu gọi hành động).

Ví dụ về CTA (call to action)

Tuy nhiên, nhiều trang web dùng hình ảnh và thiết kế để hướng mắt người xem về đủ mọi phía. Vì thế, thay vì truy cập trang và được dẫn dắt để hoàn thành một nhiệm vụ mong muốn, khách truy cập lại cảm thấy quá tải. Hotjar cho chúng ta thấy điều này diễn ra như thế nào trên thực tế.

Ví dụ về Hotjar

Lý tưởng nhất là hoạt động của con trỏ tập trung vào thông điệp chính và các nút CTA trên trang. Nếu bạn thấy heat map có nhiều vệt con trỏ rải rác, khách truy cập có thể đang bối rối và không biết nên làm gì trên trang. Conversion Rate của bạn sẽ bị ảnh hưởng.

Tuy nhiên, trước khi thiết kế lại toàn bộ trang, hãy xem khu vực nào có mức độ tương tác cao nhất. Khán giả của bạn xem những từ nào là quan trọng (thay vì những từ bạn dự định nhấn mạnh)? Nếu những từ hoặc cụm từ này phù hợp với thông điệp của bạn, hãy cân nhắc làm cho chúng nổi bật hơn. Nếu không, hãy cân nhắc điều chỉnh lại toàn bộ thông điệp (vì khách truy cập có thể đang hiểu sai).

Cải thiện những gì đã tốt hơn nữa

Dùng heat map để tối ưu trang web rất đơn giản — miễn là bạn diễn giải đúng các dấu hiệu. Ví dụ: nếu bạn thấy ít hoạt động ở phần đầu trang nhưng nhiều hoạt động quanh một hình ảnh phía dưới, hãy thử chuyển hình ảnh đó lên trên.

Một số chương trình theo dõi lượt nhấp (đôi khi được tích hợp vào các chương trình tạo heat map, như Crazyegg trong hình bên dưới) không chỉ cho bạn biết khách truy cập nhấp vào đâu mà còn phân loại lượt nhấp theo nguồn giới thiệu và search term. Nhờ đó, bạn có thể biết hình ảnh, CTA và từ ngữ nào trên trang phù hợp với những nhóm khán giả mang lại lợi nhuận cao nhất. Hay nhỉ? Ý tôi là, nóng bỏng! Hãy nhân đôi những gì đang hiệu quả bằng cách đặt các thành phần này ở vị trí nổi bật hơn trên trang.

Ví dụ về Crazyegg

Lời khuyên hữu ích

Quay lại với phép so sánh ngón tay trên trang: bạn có bao giờ để ý rằng ngón tay của mình không thực sự đặt trên từ đang đọc mà có thể ở ngay bên cạnh hoặc phía dưới từ đó không? Điều tương tự cũng xảy ra trên website. Vì vậy, dù các điểm nóng có thể nằm trên một nhóm từ nhất định, hãy luôn nhìn xung quanh để xem liệu có nhóm từ nào khác gần đó thực sự đang thu hút sự chú ý hay không.

Heat map không hoàn hảo. Ngay cả những heat map tốt nhất cũng cần được diễn giải. Hãy hình dung chúng như Nhà tiên tri Hy Lạp: bà sẽ chỉ cho bạn hướng đi đúng và gợi ý nên làm gì khi đến nơi, nhưng phần còn lại tùy thuộc vào bạn.

Và này, nếu phát hiện một hình ảnh không hiệu quả, bạn không cần dành cả tiếng đồng hồ trong Photoshop để chỉnh sửa lại. Hãy thử một công cụ như Visage cho phép bạn di chuyển văn bản, biểu đồ và hình ảnh đến bất kỳ vị trí nào trên canvas chỉ bằng thao tác nhấp và kéo nhanh (bạn thậm chí có thể thay đổi kích thước canvas theo cách đó). Tôi dùng công cụ này cho hầu hết mọi việc.

Khi nào bạn không cần Heat Map

Nếu traffic website của bạn thấp, heat map có thể không phản ánh đúng cách website hoạt động khi lượng truy cập tăng lên (trong trường hợp này, hãy thử một công cụ thuật toán như Feng GUI hoặc eyequant để tối ưu bố cục trang và hình ảnh).

Nếu website có một lượng traffic nhất định, bạn có thể xem chính xác người dùng đang làm gì. Khi đó, hãy chuyển từ heat map sang chương trình ghi lại phiên truy cập như SessionCam hoặc Hotjar. Với những công cụ này, bạn có thể theo dõi người dùng thực tế duyệt website, điền biểu mẫu rồi bỏ giỏ hàng (đùa thôi! Mà cũng không hẳn). Nói nghiêm túc, nếu người dùng chỉ điền một phần biểu mẫu, việc ghi lại phiên truy cập có thể giúp bạn tìm ra nhiều câu trả lời.

5 chương trình Heat Map nên thử

1. Mouseflow cho biết mọi người nhấp, chạm, di chuyển và cuộn ở đâu, đồng thời hỗ trợ phạm vi ngày tùy chỉnh, bố cục mobile/responsive và A/B testing. Công cụ này cũng theo dõi hoạt động của người dùng từ trang này sang trang khác, giúp bạn biết khách hàng thành công đã đi theo những hành trình nào và bạn đang mất những người dùng còn lại ở đâu. Có phiên bản miễn phí và cài đặt cực kỳ dễ dàng.
2. Heatmap.me cung cấp heat map theo thời gian thực, hiển thị trên màn hình chỉ sau vài giây và liên tục cập nhật — lý tưởng cho website có nhiều traffic và nội dung thường xuyên thay đổi. Heatmap còn có một tính năng thú vị: phủ heat map trực tiếp lên các trang, để bạn có thể duyệt website và xem mọi người đang chú ý đến nội dung nào. Heatmap có gói cơ bản miễn phí.
3. Hotjar, ngoài tính năng tạo heat map, còn cung cấp các cuộc thăm dò ý kiến trên trang. Vì vậy, nếu bạn hoàn toàn không hiểu hành vi của người dùng, bạn có thể hỏi họ lý do. Báo cáo heat map trên mobile cũng rất hữu ích để kiểm tra trải nghiệm của khách truy cập trên máy tính so với điện thoại hoặc máy tính bảng. Hotjar có gói cơ bản miễn phí.
4. SessionCam ghi lại các phiên thực tế của người dùng, rất hữu ích khi khắc phục sự cố về chuyển đổi. Công cụ này giống như chia sẻ màn hình với người dùng, nhưng ẩn danh nên ít gây cảm giác đáng ngại hơn. SessionCam cũng cung cấp heat map, phân tích biểu mẫu và hành trình chuyển đổi. Có bản dùng thử miễn phí.
5. CrazyEgg cung cấp heat map, theo dõi thao tác cuộn và theo dõi lượt nhấp. Điểm đặc biệt thú vị là công cụ này dùng màu sắc để phân loại lượt nhấp theo nguồn người dùng truy cập (referral hoặc search term), giúp bạn dễ dàng phân khúc. Có bản dùng thử miễn phí, nhưng phiên bản cơ bản đã bao gồm hầu hết tính năng và chỉ có giá 9 USD/tháng cho 10 trang và 10.000 lượt truy cập (phù hợp với website mới và doanh nghiệp nhỏ).

Bạn có câu hỏi, tài nguyên hoặc chủ đề nào muốn thảo luận về heat map không? Hãy để lại bình luận bên dưới!