Bạn đọc hết một bài viết trên website rồi thoát ra, nhưng liệu có thể nhớ nổi banner bên cạnh vừa hiển thị thương hiệu gì không?
Có thể mắt bạn đã nhìn thấy nó, còn bộ não thì quyết định bỏ qua từ trước.
Không hẳn vì bạn lơ đãng. Chỉ cần nhận ra một khối hình chữ nhật có vị trí và thiết kế trông giống quảng cáo, não sẽ nhanh chóng gắn nhãn đây là thứ không cần thiết để bạn tiếp tục tập trung vào phần nội dung mình đang tìm kiếm.
Với những người mới tìm hiểu về website marketing, phản xạ này trở thành một rào cản âm thầm. Banner, pop-up, nút CTA, thậm chí những thông báo thật sự quan trọng vẫn trở nên vô hình dù đang hiển thị rõ ràng trên màn hình. Hiện tượng này được gọi là mù banner (banner blindness).
Banner blindness là gì?
Mù banner là hiện tượng người dùng vô thức, hoặc đôi khi chủ động, bỏ qua những thành phần trên giao diện có hình dáng, thiết kế hay vị trí trông giống quảng cáo. Ngay cả khi khối nội dung đó chứa thông tin hữu ích, mắt của họ vẫn có xu hướng “nhảy qua” mà không dừng lại để xử lý.
Khái niệm này được hai nhà nghiên cứu Jan Panero Benway và Lane P. Lane đưa ra lần đầu vào năm 1998. Tuy nhiên, gốc rễ của hiện tượng không hẳn nằm ở việc banner “xấu” hay được đặt sai chỗ, mà đến từ cách bộ não tự bảo vệ chúng ta trước tình trạng quá tải thông tin. Mỗi khi lướt web, não phải xử lý hàng chục tín hiệu thị giác cùng lúc. Để không bị quá tải, hệ thống nhận thức tự tạo ra một bộ lọc, giữ lại những gì phục vụ đúng mục tiêu bạn đang tìm kiếm và loại bỏ phần còn lại. Banner thường nằm trong nhóm bị loại đầu tiên.
Mù banner không phải chuyện cảm tính
Hiện tượng này đã được chứng minh qua nhiều nghiên cứu hành vi và các thí nghiệm theo dõi chuyển động mắt (eye-tracking), cho thấy phản xạ bỏ qua diễn ra ngay trong lúc người dùng đọc trang.
Thí nghiệm 5 giây trên một website bán nến
Trong một loạt bài kiểm tra 5 giây (five-second test), các nhà nghiên cứu cho người tham gia lần đầu truy cập cùng một website bán nến trực tuyến. Số lượng banner quảng cáo xung quanh được tăng dần để đo xem chúng ảnh hưởng thế nào đến khả năng nhận biết nội dung chính của trang.
Ở phiên bản gốc chỉ có 1 quảng cáo, 71% người tham gia xác định đúng đây là website bán nến.
Nhưng khi các banner được thêm vào xung quanh, tỷ lệ nhận biết chính xác lại sụt giảm đáng kể.
Điều này có nghĩa là quảng cáo không chỉ bị bỏ qua. Khi xuất hiện quá nhiều, chúng còn trở thành một dạng “rác thị giác”, làm người dùng khó tiếp nhận thông điệp cốt lõi mà website muốn truyền tải. Nếu giao diện quá rối, họ sẵn sàng thoát trang ngay lập tức.
Eye-tracking New York Times: So sánh 2004 và 2016
Một nghiên cứu kinh điển khác sử dụng công nghệ eye-tracking để so sánh cách người dùng đọc trang chủ New York Times ở hai thời điểm 2004 và 2016. Trên phiên bản năm 2016 xuất hiện một banner IBM rất lớn, và lộ trình mắt của người dùng bắt đầu nhảy khắp trang thay vì di chuyển theo quy luật như ở phiên bản 2004. Dữ liệu heatmap cho thấy họ có liếc nhìn banner IBM lúc đầu, nhưng gần như lập tức dời mắt sang nơi khác. Người dùng chủ động “chạy trốn thị giác” khỏi khu vực quảng cáo để tìm lại phần nội dung chữ, cuối cùng vẫn tập trung vào trung tâm và góc trên bên trái trang – những nơi họ đã học được rằng không có quảng cáo.
Vì sao não bộ lại tự động “skip” trước banner?
Dưới góc độ khoa học thần kinh, có 3 cơ chế chính đứng sau phản xạ bỏ qua này.
Giới hạn của trí nhớ ngắn hạn (working memory)
Não chỉ có thể xử lý và lưu giữ một lượng thông tin ý thức rất giới hạn trong trí nhớ ngắn hạn. Để hoạt động giữa một môi trường chứa quá nhiều kích thích, hệ thống nhận thức áp dụng hai lớp chọn lọc: chỉ những gì nằm đúng tiêu điểm mắt (fixated) mới được xử lý với độ phân giải cao nhất, và chỉ thông tin được giữ lại trong trí nhớ ngắn hạn mới tiếp tục được phân tích sâu hơn.
Banner vốn thường nằm ngoài tiêu điểm tìm kiếm của bạn, vậy nên gần như không có cơ hội đi qua cả hai lớp lọc này. Mắt vẫn lướt qua hình ảnh, nhưng não không dành thêm nguồn lực để ghi nhớ hay hiểu nội dung bên trong.
Hành vi định hướng tác vụ (task-oriented)
Chúng ta hiếm khi vào một website mà không có mục tiêu. Bạn thường muốn tìm thông số sản phẩm, so sánh giá hoặc đọc một bài tin tức, và bộ não sẽ ưu tiên những yếu tố giúp mình hoàn thành đúng tác vụ đó. Trong khi đó, banner gần như luôn bị xếp vào nhóm không liên quan. Việc bỏ qua quảng cáo vì vậy không nhất thiết là một quyết định có ý thức, mà chỉ là cách não tiết kiệm thời gian để đưa bạn đến thông tin đang cần.
Sơ đồ nhận thức (cognitive schemas) từ thói quen dùng web
Sau nhiều năm lướt Internet, người dùng dần hình thành những “sơ đồ tinh thần” về cấu trúc quen thuộc của một website. Họ biết quảng cáo thường xuất hiện ở đầu trang hoặc thanh bên phải, từ đó não tự gắn nhãn “vùng chết” cho những vị trí này. Khi sơ đồ trên đã được thiết lập, mắt sẽ bỏ qua cả một khu vực mà không cần biết nội dung bên trong là gì. Điều này cũng lý giải vì sao một thông tin hữu ích vẫn bị lờ đi nếu chẳng may được đặt vào đúng nơi người dùng cho rằng quảng cáo sẽ xuất hiện.
Mù banner “ẩn nấp” ở đâu trên website?
Mù banner không chỉ xảy ra với quảng cáo.
Phản xạ này len lỏi vào nhiều vị trí quen thuộc và khiến những thông điệp quan trọng trên website bị bỏ qua.
Thanh bên phải (right sidebar): Đây là khu vực chịu ảnh hưởng nặng nề nhất, bởi nhiều website đã quen đặt các widget quảng cáo tại đây. Qua thời gian, người dùng học cách bỏ qua toàn bộ sidebar phải, kể cả khi bạn đặt vào đó những liên kết có giá trị như “Bài viết phổ biến” hay “Sản phẩm bán chạy”.
Những yếu tố được thiết kế quá nổi bật (over-designed elements): Khi muốn thông báo “bảo trì hệ thống” hoặc chương trình “giảm giá 50%”, nhiều người làm UX chọn nền đỏ, vàng nhấp nháy cùng phần chữ to và đậm để gây chú ý. Nhưng thiết kế này lại vô tình trùng khớp với sơ đồ nhận thức về một banner quảng cáo rác, khiến người dùng lờ đi chính thông điệp cần được nhìn thấy.
Quảng cáo xen giữa nội dung (in-feed ads): Khi đọc một bài viết theo hình chữ F hoặc kiểu “lớp bánh” (layer cake), người dùng thường quét nhanh qua từng dòng. Nếu giữa các đoạn văn xuất hiện một khối hình ảnh tương phản, không ăn nhập với font chữ và bố cục chung, mắt sẽ tự động nhảy qua để tiếp tục đọc phần chữ bên dưới.
Làm thế nào để thông điệp quan trọng không bị bỏ qua?
Banner blindness không phải là một tình trạng không thể thay đổi. Trong UX/UI Design và tối ưu hóa chuyển đổi (CRO), có 4 nguyên tắc giúp thông điệp cùng nút CTA của bạn có nhiều cơ hội nằm trong tầm mắt người dùng hơn.
Đơn giản hóa thiết kế và giảm “rác thị giác”: Sự rõ ràng giúp bộ não bớt phải lọc bỏ quá nhiều yếu tố cùng lúc. Thay vì nhồi nhét hình ảnh sặc sỡ, bạn có thể tạo thêm khoảng trống (negative space) xung quanh những nội dung thật sự quan trọng để mắt người dùng dễ nhận ra đâu là thứ cần tập trung.
Thiết kế theo phong cách “native”: Một thông điệp hoặc CTA sẽ ít bị bỏ qua hơn nếu font chữ, màu sắc và định dạng tương đồng với phần còn lại của trang. Khi trông giống một phần hữu ích của nội dung thay vì một banner đứng tách biệt, nó cũng ít có nguy cơ bị bộ lọc của não loại bỏ.
Đặt thông tin quan trọng lên trước (front-loading): Vì người dùng scan trang nhanh, thông điệp cốt lõi và giá trị độc bản nên được đưa vào vùng phía trên nếp gấp, dọc theo đường quét tự nhiên. Đó thường là khu vực trung tâm và góc trên bên trái, nơi mắt bắt đầu hành trình tìm kiếm thông tin.
Xây dựng cấu trúc dễ scan: Bạn có thể chia nhỏ bài viết bằng những tiêu đề phụ rõ ràng, sử dụng bullet points và in đậm các giá trị cốt lõi. Nhờ đó, người đọc vẫn nắm được thông tin chính dù chỉ lướt mắt qua trang trong thời gian ngắn.
Sau cùng, mù banner không xảy ra chỉ vì người dùng “ghét” quảng cáo. Đây là cách bộ não bảo vệ họ khỏi tình trạng quá tải thông tin giữa một Internet ngày càng ồn ào. Với người làm website, cố làm banner to hơn, sáng hơn hay sặc sỡ hơn đôi khi chỉ khiến nó trông giống quảng cáo hơn và càng dễ bị bỏ qua. Điều quan trọng không phải là tìm cách “đập vào mắt” người dùng, mà là giúp thông điệp của bạn không bị não hiểu nhầm thành thứ cần phải loại bỏ.