Heat bản đồ là gì – phía dẫn sử dụng Heatmap, giải pháp tạo Heatmap như thế nào? Heat map hay bản đồ nhiệt là một công cụ hoàn hảo và tuyệt vời nhất để hiển thị dữ liệu thống kê phức tạp.Nhưng Heat map là gì? Và bí quyết tạo Heatmap ra sao?

Hãy thuộc tìm hiểu đúng mực cách bạn có thể bắt đầu cùng với Heat maps là gì ngay lập tức hôm nay.

Bạn đang xem: Heatmap là gì

Heat maps là gì


Danh Mục bài viết

4 những loại Heat Map5 lúc nào nên sử dụng Heat Map7 Cách sử dụng Heat Map8 giải pháp tạo Heatmap cùng với CrazyEgg9 7 nghiên cứu và phân tích điển hình về heat map

Heat bản đồ là phần mềm phân tích tài liệu sử dụng màu sắc như bí quyết biểu thiết bị thanh sử dụng độ cao và chiều rộng: như một phương tiện trực quan lại hóa dữ liệu.

Nếu nhiều người đang xem một trang web và ao ước biết khu vực nào được chăm chú nhiều nhất, heat maps sẽ hiển thị cho mình một bí quyết trực quan, dễ dàng tiếp xúc và giới thiệu quyết định.

Heat maps hiển thị loại gì

Heat bản đồ sử dụng phổ màu sắc từ nóng đến rét mướt để cho bạn biết phần nào của trang nhận được nhiều sự chú ý nhất.

Ví dụ: heat bản đồ này hiển thị nút độ mà khách truy vấn đã cuộn trang:

*
Heat maps là gì

Với heat map, dữ liệu cho trang web của doanh nghiệp ở ngay lập tức đó: CTA trong màn hình trước tiên phát sáng màu sắc cam sáng hoặc không.

Nếu không, hãy xem xét dịch chuyển nó lên cao hơn bên trên trang nhằm nó phù hợp với địa điểm khách tróc nã cập chăm chú nhất. Để biết những cách dễ dãi khác nhằm tăng tỷ lệ thay đổi của bạn, hãy xem đoạn phim này từ bỏ GM Suneet Bhatt của Crazy Egg:

Bạn rất có thể coi heat map như một hình thức kể chuyện trực quan . Tạo heat map khiến cho bạn hiểu ngay hành động của khách hàng truy cập.

Chúng cũng khiến cho bạn trả lời một thắc mắc quan trọng: “Nội dung quan trọng đặc biệt nhất đề nghị nằm ở chỗ nào trên trang này?”

*

Heat Map chuyển động như cố gắng nào

Phần mượt heat map hoạt động bằng cách thu thập tài liệu từ một website và hiển thị dữ liệu đó trên chính trang web đó.

Đây là bí quyết Crazy Egg thực hiện.

Đầu tiên, Crazy Egg chụp nhanh website tại URL các bạn chọn. Khi HTML của trang tải, các phiên phiên bản của số đông gì đã tải cũng rất được gửi đến máy chủ của chúng tôi, nhờ một đoạn JavaScript ngắn được chèn vào mã website của bạn.

Sau đó, Crazy Egg tạo một phiên bản đồ của toàn bộ các yếu tố trên trang của khách hàng – mọi thứ nhưng mà bất kỳ người nào cũng có thể tương tác. Các thẻ này và những thẻ của bọn chúng và các yếu tố thiết yếu của chúng là mọi gì cửa hàng chúng tôi sử dụng nhằm xây dựng bạn dạng đồ hoạt động vui chơi của người dùng trên trang của bạn.

Tiếp theo, Crazy Egg thu thập toàn bộ dữ liệu hoạt động. Mỗi khi người tiêu dùng thực hiện nay điều nào đấy trên trang web của bạn, Crazy Egg vẫn gắn cờ điều đó.

(Crazy Egg cũng thực hiện một đoạn mã để bảo vệ rằng Crazy Egg biết sẽ là những người dùng duy nhất, bởi vậy bạn không bị trùng lặp hoặc nhiều người tiêu dùng làm rối cùng với số liệu của bạn.)

Có không hề ít điều để gia công cho điều đó xảy ra, nhưng toàn cỗ điểm của heat map là các bạn không độc nhất thiết phải biết về điều này để có được quý giá từ nó.

Giả sử ai đó mang lại trang của doanh nghiệp và nhấp vào CTA của bạn . Crazy Egg sẽ khắc ghi lần nhấp đó cùng thêm nó vào tất cả các tin tức khác cơ mà Crazy Egg bao gồm về trang đó.

Sau đó, khi chúng ta xem trang vào bảng điều khiển, bạn sẽ thấy tổng hợp hồ hết thứ mà mọi người tiêu dùng duy nhất đã làm trên trang, trông hệt như sau:

*
Phân tích heat map cung cấp cho chính mình cái chú ý tổng quan lại trực quan về nơi khách truy vấn nhấp vào trang của công ty – càng các nhấp chuột, khoanh vùng càng sáng, tạo thành cái mà công ty chúng tôi gọi là “điểm nóng”.

Điều này có nghĩa là khi chúng ta nhìn vào heat map của mình, bạn có thể nhanh chóng thấy khu vực nào bên trên trang nhận được rất nhiều hành cồn và quanh vùng nào không.

Ngoài heat map, có một số báo cáo có thể cho bạn biết các nhấn vào của bạn tới từ đâu, khách truy vấn đã cuộn bao xa và hơn thế nữa.

Các một số loại Heat Map

Heat maps cuộn

Bạn nên gồm nội dung dài hơn hay ngắn lại hơn nữa trên trang?

CTA đó đề xuất ở đâu?

Heat map cuộn chất nhận được bạn xem tỷ lệ khách truy nã cập của chúng ta đã cuộn ở đâu trước lúc thoát.

Điều này quan tiền trọng cũng chính vì nếu phần lớn độc giả của chúng ta không đọc những bài đăng blog nhiều năm của bạn, thì tốt hơn hết bạn nên dành thời gian tạo những loại nội dung khác.

Heat map cuộn cho bạn biết vị trí quan trọng của CTA trên trang web của bạn: chỗ mà các nhãn cầu nhận thấy nhất. Nó cũng cho mình biết địa điểm thiết kế của bạn không phù hợp.

Peep Laja , tín đồ sáng lập Conversion XL , đến biết: “Những biến hóa màu sắc bỗng ngột, trẻ khỏe có thể cho biết thêm khách truy cập“ nghĩ về rằng bất kể điều gì kế tiếp không còn liên kết với đa số gì đã xẩy ra trước kia (được hotline là ‘kết thúc đúng theo lý’) . “Đây là các điểm sụt giảm tốc mà chỉ google analytics khó hoàn toàn có thể thấy được”.

Heat bản đồ Click

Heat map Click hiển thị cho bạn tổng hợp địa điểm khách truy vấn cập bấm vào trên thiết bị máy vi tính để bàn và va ngón tay của họ trên thiết bị di động (trong trường đúng theo này, bọn chúng được call là heat map cảm ứng). Bản đồ được mã hóa màu để hiển thị các bộ phận được nhấp cùng nhấn các nhất (đỏ, cam, vàng).

Heat map Move

Heat bản đồ Move quan sát và theo dõi vị trí người dùng máy vi tính để bàn di chuyển chuột lúc họ điều phối trang. Những điểm lạnh trong phiên bản đồ dịch chuyển thể hiện tại nơi người tiêu dùng đã dịch chuyển con trỏ của họ trên một trang cùng nghiên cứu cho thấy mối đối sánh tương quan giữa vị trí mọi bạn đang nhìn và địa chỉ của con chuột – nghĩa là bản đồ dịch chuyển cung cấp cho mình dấu hiệu về nơi những người hoàn toàn có thể đang coi họ đi qua trang của bạn

Desktop và mobile heat map

Desktop & mobile heat map giúp cho bạn so sánh năng suất của website trên các thiết bị khác nhau. Ví dụ: nội dung nổi bật trên trang giành cho máy tính nhằm bàn rất có thể nằm sâu hơn những so cùng với màn hình trước tiên trên smartphone — và bạn cần xem liệu cửa hàng có khác nhau không và như thế nào.

Khi nào nên áp dụng Heat Map

Mọi lúc!

Không, thực sự. Nghe có vẻ dễ hiểu, heat map rất hữu dụng và trực quan tới mức bạn nên có một bản đồ số đông lúc mọi nơi và bình chọn nó thường xuyên xuyên.

Dưới đây là một số tình huống mà vấn đề có sẵn tài liệu heat map rất có thể giúp bạn nhanh chóng đưa ra quyết định tiếp thị xuất sắc hơn:

Thiết kế lại trang web

Thiết kế web lại có thể là một công việc tốn kém, tốn thời gian. Điều cuối cùng bạn có nhu cầu là một bản thiết kế lại không hoạt động tốt hơn bản gốc.

Các nhà kiến tạo đồ họa và chuyên gia UX rất có thể sử dụng những công cố lập heat map nhằm hiểu hành vi của người dùng bị tác động như nỗ lực nào bởi những yếu tố bối cảnh như color sắc, độ tương phản với vị trí, sau cuối thúc đẩy trang web đổi khác hiệu trái hơn.

Rõ ràng, những nhà thiết kế đồ họa đang biết tất cả những thứ này về nguyên tắc. Nhưng các đối tượng người tiêu dùng khác nhau cư xử không giống nhau trên những trang web không giống nhau.

Chạy heat map trước khi xây dựng và khởi chạy bạn dạng thiết kế lại trang web hoàn toàn có thể giúp các bạn tránh bị thiếu dấu ấn và kết thúc với một website không biến đổi hoặc đối tượng cụ thể của các bạn cảm thấy khó điều hướng.

Thử nghiệm A / B

Bạn đang làm điều này, buộc phải không? Thử nghiệm A / B mang lại đầy đủ va chạm chuyển đổi quan trọng rất có thể là sự khác hoàn toàn giữa một doanh nghiệp lớn đang phát triển gấp rút và một doanh nghiệp lớn đang tranh đấu để tồn tại.

Heat map hoàn toàn có thể cung cấp cho mình thông tin chi tiết hữu ích, lập tức về đúng đắn những gì khách truy vấn làm không giống nhau trên những phiên bạn dạng khác nhau của trang đích, bài bác đăng trên blog hoặc thậm chí home của bạn.

Khi nhiều người đang thử nghiệm di chuyển nút CTA , chũm đổi bản sao hoặc chuyển đổi hình ảnh, bạn có thể thấy tỷ lệ chuyển đổi của trang cùng hiểu nguyên nhân tại sao một trang thay đổi tốt rộng trang khác. (Hy vọng rằng bài kiểm tra biến đổi tốt hơn!)

Với heat map, chúng ta cũng có thể thấy chính xác các hành động chuyển thay đổi nhau như thế nào. Có thể một trang dài ra hơn nữa sẽ biến đổi tốt hơn, vì chưng vậy chúng ta nghĩ: hãy có tác dụng cho toàn bộ các trang của chúng ta dài ra. Có ý nghĩa.

Nhưng điều gì sẽ xẩy ra nếu trang dài ra hơn nữa có một số biệt lập khác – giả sử bạn dạng sao cuốn hút hơn vào màn hình trước tiên – và sẽ là điều làm cho sự không giống biệt?

Với heat map, bạn có thể thấy ngay nơi mọi fan cuộn và nơi họ nhấp vào, vì vậy các bạn không khi nào ở trong láng tối.

Tiếp thị nội dung

Ngay cả bây giờ, phần nhiều nội dung đã làm được viết. Đó là phần nhiều từ trên một trang.

Khách truy cập trang web của người tiêu dùng có đang đọc và ảnh hưởng với câu chữ của bạn không?

Bản thiết bị cuộn gồm thể cho mình biết bạn dùng của người sử dụng cuộn bao xa xuống trang để bạn biết liệu họ có đang hiểu nội dung của người tiêu dùng hay không. Kiểm tra CTA làm sao được chú ý nhiều nhất bằng bạn dạng đồ bấm vào và các bạn sẽ biết thêm.

Ví dụ: giả sử Michael viết một bài blog tuyệt vời, chăm sâu về kiểu cách sử dụng sản phẩm của bạn anh ấy, DocuLoc, nhằm giữ an toàn cho tài liệu.

Anh ấy xác định các trường đúng theo sử dụng, khắc ghi những gì quý khách hàng hiện tại đang làm cho và đi sâu về tại sao tại sao điều đó quan trọng đặc biệt và nguyên nhân rất nhiều giải pháp hiện tại không hoạt động.

Nếu anh ta siêu spam với quảng cáo về nó, sẽ không ai đọc nó; nhưng anh ấy biết điều đó, bởi vậy bài đăng đa số là về những thử thách của bối cảnh an ninh, chưa phải về sản phẩm.

Anh ấy đăng bài viết lên blog của mình, tweet và chia sẻ nó, và nó nhấn được lượt truy cập khá.

Càng xa càng tốt.

Tuần sau, anh ta khám nghiệm các report về khách hàng của mình.

Michael không có một phần nội dung kém công dụng mà mọi người đang vứt qua; anh ta có một bộ máy gen dẫn đầu đào thải những người tiêu dùng tiềm năng không cân xứng trước lúc họ contact với anh ta!

Anh ta rất có thể học tất cả những điều đó chỉ cần dành vài ba phút để tham khảo dữ liệu, giúp anh ta bao gồm thêm thời gian để viết cuốn opus nhiều năm 7.000 từ tiếp theo của mình.

Kiểm tra UX và kỹ năng sử dụng

Với tất cả cơ hội này nhằm theo dõi khu vực khách truy vấn đang nhấp cùng họ sẽ cuộn bao xa, câu hỏi kiểm tra trải nghiệm người dùng và tài năng sử dụng sẽ rất hợp lý.

Giả sử bạn là một nhà kinh doanh nhỏ trực đường và bạn nhận thấy rằng không ít người đang thêm các mặt hàng vào giỏ hàng của họ, nhưng tiếp nối họ lại bỏ giỏ hàng vào phút cuối.

Đã mang đến lúc tiến hành một thử nghiệm UX nhỏ để xem điều gì vẫn xảy ra.

Sử dụng heat map cùng lớp tủ để xem địa điểm mọi người đang nhấp vào – và khu vực họ đang gặp khó khăn.

Nút thanh toán của người sử dụng có màu xanh lá cây lam không? Có thể là nó cảm thấy không được nổi bật. Hãy demo một cái nào đó nhiều màu sắc hơn hoặc cao hơn trên trang.

Người buôn bán có vẫn nhấp vào thứ gì đó không thể nhấp được không? Hoặc chắc hẳn rằng họ hiện giờ đang bị phân tâm vì chưng thanh điều hướng?

Loại quăng quật những yếu hèn tố khiến xao nhãng đó khỏi một đổi thay thể của trang và tiếp nối A / B kiểm soát hai trang giúp xem trang nào chuyển đổi khách hàng những hơn.

Kênh đưa đổi

Thử nghiệm trải nghiệm người tiêu dùng và kĩ năng sử dụng, cũng như công dụng của những nỗ lực tiếp thị nội dung của doanh nghiệp cũng sẽ giúp đỡ bạn nâng cấp cách khách hàng tiềm năng di chuyển xuống kênh chuyển đổi.

Như shop chúng tôi đã đề cập ở trên, Nếu một trong những ít fan đang gọi hết một trong những phần nội dung, nhưng toàn bộ họ đều đk danh sách email, các bạn đang nâng cao chất lượng người tiêu dùng tiềm năng cho nhóm bán sản phẩm của mình.

Bạn hoàn toàn có thể thấy toàn bộ những vấn đề đó thông qua phiên bản đồ cuộn và phiên bản đồ hoa giấy.

Tuy nhiên, nếu như khách hàng thấy nhiều khách du lịch truy cập vào trang đích cần seo của mình, nhưng số đông không có ai cung cấp cho chính mình email của họ hoặc nhấp vào phiếu áp dụng chính sách ưu đãi giảm giá của bạn, hãy chú ý vào heat map của chúng ta để xem họ sẽ nhấp vào đâu, ví như có.

Có thể đã đến thời gian A / B test nghiệm một vài trang khác biệt để cải thiện khả năng áp dụng và loại bỏ những phiền nhiễu hoàn toàn có thể khiến khách truy cập bị mắc kẹt.

Bạn học được gì từ Heat Map

Dữ liệu heat map rất có thể giúp bạn hối hả xem:

Dòng tiêu đề nào đắm đuối khách truy cập và khiến họ nhấp vàoHình ảnh nào đắm say sự để ý và mọi người làm những gì về nó – các bạn sẽ ngạc nhiên khi có tương đối nhiều người cố gắng nhấp vào trong 1 hình hình ảnh không được liên kếtĐiều gì khiến cho khách truy vấn mất tập trung khỏi câu chữ cốt lõi của doanh nghiệp (Nhiều người dùng heat map lần trước tiên bị sốc về cách người tiêu dùng của họ điều hướng trang web không giống với kỳ vọng của họ.)Liệu khách truy cập có nhìn thấy hộp chọn tham gia email của người tiêu dùng hay không (Số lượt chọn tham gia với nhấp qua thấp rất có thể do một trong những thứ dễ dàng như hộp chọn tham gia không nổi bật. heat map có tác dụng cho điều ấy trở nên ví dụ và cụ thể để chúng ta có thể sửa chữa trị nó. )

Bạn cũng hoàn toàn có thể sử dụng heat map nhằm tìm hiểu:

Điều hướng của bạn có đang hoạt động hay không (Người dùng tất cả biết nó ở kia không?)Nếu mọi người có thể tìm những tùy lựa chọn tìm kiếm dễ dàng dàngLiệu khách truy vấn có sẽ đọc nội dung của người sử dụng hay không và nội dung đó là bao nhiêu (Đây là 1 trong những trường thích hợp sử dụng rất to lớn cho bản đồ cuộn!)

Hãy tìm hiểu kỹ rộng và chúng ta cũng có thể thấy:

Vị trí để nội dung quan trọng đặc biệt nhất đối với mục tiêu của khách truy vấn (Trong một phân tích gần đây, ConversionXL thừa nhận thấy rằng thời gian xem của người dùng được bày bán gần như đúng đắn theo hình thức Pareto: 80% trong screen đầu tiên, 20% dưới màn hình đầu tiên. ( Màn hình đầu tiên là gì ? ))Nơi hầu hết người sử dụng nhìn vào một trong những trang (Thông thường đây là phần trên cùng và phía bên trái – phần lớn người có xu hướng đọc những trang web theo kiểu ‘F’ hoặc ‘Z’ , vị vậy những trang web được thiết kế với để tạo nên điều kiện dễ ợt cho việc này, nhưng nội dung dựa trên hình hình ảnh thường gọi theo chiều ngang .)Sự khác biệt giữa hầu như gì bầy ông với phụ nữ, khán giả lớn tuổi hơn với trẻ tuổi rộng và những người dân từ những vị trí địa lý không giống nhau muốn tự nội dungNhững hình hình ảnh nào đang được xem, cách người tiêu dùng tương tác với bọn chúng và cách sử dụng chúng tác dụng hơn

Tất cả những điều đó tạo buộc phải một cách dễ ợt để xác định các vấn đề tác động đến chuyển đổi và một cách tiện lợi để tiếp tục tối ưu hóa các bản sửa lỗi của người sử dụng cho chúng.

Nó hơi y hệt như có tầm nhìn X quang đến trang web của doanh nghiệp và tôi chẳng thể là bạn duy nhất nhiều khi mong ao ước điều đó.

Cách áp dụng Heat Map

Đọc heat map cấp tốc hơn và trực quan rộng so với vấn đề lấy thông tin hữu ích ra khỏi các cột số liệu. Nhưng bọn chúng vẫn cần phải giải thích.

Cách hiểu heat map

Hãy chăm chú một vài lấy một ví dụ về heat map thời hạn thực. Dưới đây là cách cửa hàng chúng tôi sử dụng công chũm lập heat map để hiểu cách người dùng tương tác với website của họ.

Xem thêm: Xe Cafe Racer Là Gì - Cafe Racer Từ Đâu Có

Công cầm heat map hiển thị trang chủ, hiển thị xác suất khách truy cập đã nhấp vào từng mục trên trang.