Một trang web có tỷ lệ thoát cao chưa chắc vì nội dung tệ. Đôi khi, người dùng không biết nên nhìn vào đâu trước.
Nhiều người làm website cho rằng khách rời đi vì nội dung chưa hấp dẫn, hoặc thiết kế chưa đẹp. Nhưng não bộ chỉ cần 50-200 mili giây để quyết định ở lại hay rời một trang web. Trước khi người dùng kịp đọc một chữ nào, não đã tự động quét qua toàn bộ giao diện để tìm chỗ dừng đầu tiên cho ánh mắt.
Nếu chỗ dừng này không tồn tại, hoặc nằm sai chỗ, những nội dung được đầu tư kỹ phía sau cũng khó có cơ hội được nhìn thấy. Vậy mắt chúng ta chọn nơi dừng lại như thế nào, và bạn có thể làm gì để từ đó dẫn người dùng đi tiếp?
Điểm tương tác đầu tiên (Entry point) là gì?
Entry point, hay điểm tương tác đầu tiên, là vị trí hoặc yếu tố thị giác nổi bật nhất mà mắt tự động tìm đến và dừng lại khi bạn vừa tiếp xúc với một giao diện. Điều này xảy ra trong 50-200 mili giây đầu tiên, dù đó là website, ứng dụng di động hay quảng cáo.
Trước khi chúng ta chủ động đọc nội dung hay thực hiện bất kỳ hành động nào, não đã thực hiện một chuỗi chuyển động nhảy mắt tự động gọi là saccades. Những chuyển động này giúp tìm điểm neo thị giác đầu tiên để định hướng không gian và nội dung. Đây là hành trình quét thị giác (visual scanning path) mà người dùng nào cũng trải qua, dù không nhận ra.
Điểm vào này quyết định ấn tượng đầu tiên và thiết lập mức độ tin tưởng ban đầu. Nó cũng giảm rào cản nhận thức (cognitive friction), đồng thời quyết định người dùng tiếp tục khám phá hay thoát trang. Đây là lý do entry point được xem là một khái niệm nền tảng trong khoa học giao diện số và tối ưu hóa tỷ lệ chuyển đổi (CRO).
Vì sao não bộ luôn tìm một điểm nhìn trước?
Não xử lý trước khi ta kịp đọc
Theo nhà tâm lý học Daniel Kahneman, hệ thống 1 (System 1 Processing) vận hành tự động, nhanh chóng và tốn ít năng lượng. Khi trang web vừa mở, hệ thống này đã xử lý những kích thích sơ cấp để tìm điểm vào. Trong khi đó, hệ thống 2 phụ trách tư duy logic và đọc hiểu sâu còn chưa kịp kích hoạt.
Não chú ý đến những gì khác thường
Về mặt sinh học, não người được lập trình để tự động chú ý đến chuyển động, ánh sáng thay đổi đột ngột, màu sắc tương phản cao hoặc kích thước bất thường. Những tín hiệu này từng giúp tổ tiên chúng ta phát hiện nguy hiểm hoặc cơ hội sinh tồn. Đây là phản xạ định hướng tiến hóa (orienting reflex), khiến ánh mắt tự động tìm đến các yếu tố ấy.
Không có điểm nhìn, não phải làm việc nhiều hơn
Theo lý thuyết tải nhận thức (cognitive load theory), giao diện không có điểm vào rõ ràng buộc người dùng phải dùng bộ nhớ làm việc để tự tìm thông tin. Điều này gây cảm giác hỗn loạn thị giác và làm tăng tải nhận thức tiêu cực.
Khả năng kích hoạt cảm xúc tích cực ở vùng Nucleus Accumbens cũng giảm xuống. Đây là khu vực não liên quan trực tiếp đến quyết định mua hàng. Vì vậy, việc thiếu một điểm vào rõ ràng vừa khiến người dùng khó chịu, vừa âm thầm làm giảm khả năng họ quyết định mua.
Mắt ưu tiên điều gì trên một giao diện?
Năm 2000, nhà nghiên cứu khoa học nhận thức Pete Faraday phát triển mô hình ưu tiên thị giác (Visual Priority Model). Mô hình này hệ thống hóa thứ tự não bộ tự động phản ứng với các thuộc tính thiết kế, từ mạnh nhất đến yếu nhất:
- Chuyển động (motion): Yếu tố này kích hoạt vùng thị giác ngoại vi và phản xạ sinh tồn giúp phát hiện vật thể di động. Vì vậy ánh mắt gần như luôn bị kéo về nơi đang chuyển động, lấn át mọi yếu tố tĩnh khác. Video nền hay hiệu ứng chuyển động trên nút CTA thu hút chú ý rất mạnh cũng vì lý do này, nhưng dễ gây xao nhãng nếu lạm dụng.
- Kích thước (size): Với các yếu tố tĩnh, vật thể lớn hơn được não mặc định là ở gần hơn và quan trọng hơn. Vì vậy chúng thu hút điểm dừng mắt đầu tiên.
- Hình ảnh/đồ họa (image): Vỏ não thị giác xử lý hình ảnh nhanh gấp 50.000-60.000 lần so với đọc hiểu văn bản. Nhờ vậy, hình ảnh truyền tải ý nghĩa gần như tức thì.
- Màu sắc/độ tương phản (color & contrast): Chúng kích hoạt hiện tượng “pop-out”, giúp não phân biệt nhanh vật thể chính với nền.
- Kiểu chữ/định dạng (typography): Chữ in đậm hay từ khóa được tô màu tạo điểm ngắt thị giác trong một khối văn bản đồng nhất.
- Vị trí không gian (position): Đây là tầng ưu tiên yếu nhất trong 6 tầng, chỉ phát huy tác dụng khi người dùng đã chủ động bắt đầu đọc lướt. Nó phụ thuộc vào thói quen đọc và những kỳ vọng sẵn có của họ.
Thứ tự này gần như cố định. Vì vậy, một yếu tố ở vị trí “đẹp” như góc trên bên trái vẫn không thể thắng yếu tố đang chuyển động, dù vị trí ấy có đúng chuẩn thiết kế đến đâu.
Làm gì để entry point dẫn người dùng đi tiếp?
Biết yếu tố nào được nhìn thấy trước vẫn chưa đủ để tạo ra một trải nghiệm mạch lạc. Faraday còn đề xuất 4 nguyên tắc để sắp xếp các điểm vào trên giao diện.
Mỗi vùng tầm nhìn chỉ nên có một điểm vào chính
Một video tự chạy, nút CTA đỏ khổng lồ và tiêu đề vàng nhấp nháy đều muốn thu hút sự chú ý. Nhưng khi đặt cạnh nhau, chúng khiến người dùng rơi vào trạng thái tê liệt thị giác. Tệ hơn, người dùng có thể xem cả khu vực đó là quảng cáo rồi bỏ qua.
Vì vậy, mỗi vùng tầm nhìn chỉ nên có một điểm vào chính. Các yếu tố xung quanh cần “nhường” bớt sự chú ý cho nó. Chẳng hạn nếu bạn chọn tiêu đề làm điểm vào chính, hãy giảm độ tương phản hoặc kích thước của hình ảnh và CTA.
Tạo lộ trình cho những điểm nhìn tiếp theo
Điểm vào chính có nhiệm vụ thu hút chú ý ban đầu. Sau đó, điểm thứ cấp cung cấp ngữ cảnh và giá trị, còn điểm tam cấp thúc đẩy hành động chuyển đổi. Các tín hiệu như mũi tên, đường nét liên tục hay hướng nhìn của nhân vật trong ảnh có thể dẫn mắt qua 3 điểm này theo một lộ trình tự nhiên.
Một ví dụ là hero section ở khu vực trên nếp gấp (above the fold) của website. Khi áp dụng mô hình Faraday, tiêu đề lớn thường là điểm vào chính, còn tiêu đề phụ (sub-headline) và hình ảnh sản phẩm là điểm thứ cấp. Nút CTA có màu tương phản, được bao quanh bởi khoảng trắng đủ rộng, đóng vai trò điểm tam cấp.
Nguyên tắc này cũng áp dụng được với bảng giá SaaS, một khu vực tưởng chừng không liên quan đến thị giác. Lỗi phổ biến nhất là để các cột giá có cùng kích thước, màu sắc và kiểu chữ, khiến người dùng rơi vào trạng thái “tê liệt lựa chọn”.
Để khắc phục, bạn có thể chọn gói mong muốn, thường là gói Pro, làm điểm vào chính bằng cách tăng kích thước, thêm viền nổi bật và badge “Được khuyên dùng”. Giá tiền trở thành điểm thứ cấp, còn nút đăng ký là điểm tam cấp.
Đặt điểm vào ở nơi người dùng trông đợi
Độ nổi bật thị giác cần khớp với kỳ vọng nhận thức sẵn có của người dùng. Chẳng hạn ta quen thấy logo ở góc trái và giỏ hàng ở góc phải trên cùng. Một nút CTA rất nổi bật nhưng bị giấu ở chân trang vẫn khiến người dùng bối rối, bởi nó nằm ngoài những khuôn mẫu họ đã quen.
Chú ý cả người đọc lướt lẫn người đọc kỹ
Hơn 80% người dùng chỉ đọc lướt để nắm ý chính, trong khi số còn lại đọc kỹ từng dòng. Vì vậy, giao diện cần có tiêu đề phụ, thẻ callout và từ khóa in đậm cho nhóm đọc lướt, đồng thời giữ cấu trúc đoạn văn rõ ràng cho người đọc kỹ.
Với nội dung dạng bài viết, bạn có thể dùng drop caps ở đầu bài, pull quotes ở giữa bài hay hệ thống tiêu đề phụ in đậm. Những yếu tố này tạo các điểm dừng mắt rải đều trên trang, giúp giữ chân người đọc lâu hơn khi họ cuộn xuống.
Khi nào điểm vào phản tác dụng?
Không phải càng thêm nhiều yếu tố nổi bật, giao diện càng chuyển đổi tốt. Có 4 sai lầm thường gặp mà bạn cần chú ý:
Xung đột thị giác: Khi nút “Mua ngay” và “Dùng thử” cùng đỏ rực, nằm sát nhau, người dùng nhìn thấy 2 yếu tố có mức ưu tiên tương đương trong cùng một vùng. Ánh mắt bị giằng xé khiến họ có xu hướng hoãn quyết định, thay vì chọn một trong hai.
Điểm vào giả: Một hình minh họa sặc sỡ hay banner chuyển động có thể rất thu hút, nhưng lại không chứa giá trị thông tin hay hành động nào. Mắt người dùng khi đó lãng phí điểm dừng vào chúng, còn nội dung thực sự quan trọng bị bỏ qua.
Lạm dụng chuyển động: Slider tự động, pop-up nhấp nháy hay quá nhiều hiệu ứng khi cuộn trang dễ kích hoạt cơ chế phòng vệ tự nhiên của não. Người dùng xem cả khu vực đó là “quảng cáo rác” và chủ động lờ đi.
Điểm dừng giả: Đây là trường hợp một khối ảnh lớn, hoặc đường kẻ ngang với khoảng trắng rộng, vô tình tạo cảm giác trang đã kết thúc. Điều này khiến người dùng ngừng cuộn, bỏ lỡ toàn bộ nội dung thuyết phục ở bên dưới.
Bạn có thể tự kiểm tra điểm vào bằng cách nào?
Bạn có thể rà soát ngay giao diện của mình bằng 6 câu hỏi rút gọn từ khung đánh giá Faraday:
- Khi nheo mắt hoặc làm mờ giao diện, bạn có nhìn thấy rõ nhất yếu tố được chọn làm điểm vào chính không?
- Khu vực trên nếp gấp có tránh được tình trạng 2 yếu tố cùng tranh giành sự chú ý không?
- Điểm dừng mắt thứ 2 và thứ 3 có nằm trên một lộ trình đọc tự nhiên, được dẫn dắt bằng tín hiệu điều hướng rõ ràng không?
- Nút CTA có màu tương phản hoàn toàn với tông màu chủ đạo, và có đủ khoảng trắng để tách biệt khỏi nền không?
- Các từ khóa mang giá trị cốt lõi có được in đậm hoặc highlight, và các cấp H1-H2-H3 có tỷ lệ kích thước rõ ràng không?
- Những yếu tố trang trí dư thừa đã được bỏ đi, và các điểm vào có nằm đúng nơi người dùng mặc định kỳ vọng không?
Nếu một trong 6 câu trả lời là “không”, đó thường chính là nơi giao diện đang âm thầm mất khách, trước cả khi họ kịp đọc một dòng nội dung nào.