Vì sao chúng ta “chấm điểm” website chỉ sau 50 mili-giây?

Chưa cần đọc nội dung, não bộ đã có những đánh giá đầu tiên về website bạn vừa mở.

Bạn đã bao giờ mở một website, lướt qua nửa giây rồi bấm nút quay lại dù chưa đọc được dòng nào? Thậm chí khi được hỏi lý do, chính bạn cũng không giải thích được vì sao mình không muốn ở lại trang đó.

Cảm giác “nhìn là biết” này liên quan đến phản ứng của não bộ trong 50 mili-giây đầu tiên – khoảng thời gian còn ngắn hơn một cái chớp mắt. Vậy điều gì xảy ra trong khoảnh khắc ấy, và vì sao người làm website, marketing hay bán hàng online cần chú ý đến nó?

Ấn tượng đầu tiên hình thành thế nào?

Não bộ chỉ cần 50 mili-giây (0,05 giây) để hình thành một phán đoán chớp nhoáng về thứ vừa xuất hiện trước mắt, từ một website, người lạ đến một chiếc ô tô. Bạn đã có cảm giác thích hay ghét, tin tưởng hay nghi ngờ, thấy thứ đó phù hợp với mình trước khi kịp suy xét bằng lý trí.

Nghiên cứu của Google cũng ghi nhận vai trò của khoảng thời gian này với ấn tượng đầu tiên. Thậm chí một số cảm nhận thẩm mỹ có thể hình thành sau 17 mili-giây, dù hiệu ứng không rõ rệt ở tất cả đối tượng.

Phản ứng này được lý giải từ cơ chế sinh tồn “chiến đấu hay bỏ chạy” (fight-or-flight), hình thành qua hàng ngàn năm tiến hóa khi não bộ cần nhanh chóng đánh giá môi trường có an toàn hay không, trước khi cơ thể phản ứng. Ngày nay khi ta mở một website, cơ chế “quét” nhanh ấy vẫn tiếp tục hoạt động.

Não bộ làm gì trong 50 mili-giây đầu tiên?

“Lấp đầy” những gì mắt chưa nhìn thấy

Mắt chúng ta không nhìn rõ nét và đầy đủ màu sắc ở mọi nơi cùng lúc. Để tiết kiệm năng lượng, mắt di chuyển thành những bước nhảy nhỏ (saccades), với mỗi lần dừng kéo dài khoảng 50 mili-giây, rồi não bộ ghép các điểm nhìn rời rạc thành một không gian có vẻ sắc nét, liền mạch.

Mô phỏng chuyển động saccade và microsaccade của mắt giữa các điểm nhìn
Các bước nhảy nhỏ của mắt tạo ra chuỗi điểm nhìn để não bộ ghép lại. Nguồn: Nano-Retina Inc.

Phần thông tin thị giác thực sự được tiếp nhận chỉ chiếm khoảng 1%, trong khi 99% còn lại là “thị giác được tính toán”. Não sẽ sử dụng những kinh nghiệm và ký ức có sẵn của bạn để lấp đầy phần còn thiếu.

Vì vậy, ấn tượng đầu tiên về website phần lớn được não “tự dựng” nên từ những mảnh thông tin mà mắt kịp thu nhận.

Hình ảnh được tiếp nhận trước chữ viết

Dây thần kinh thị giác hoạt động nhanh gấp 25 lần dây thần kinh thính giác và kết nối trực tiếp với phần não cổ xưa nhất, vì vậy não bộ xử lý hình ảnh nhanh gấp 50 lần so với việc đọc hiểu văn bản.

Một ví dụ thường được nhắc đến là phản ứng khi gặp rắn. Phần não cổ chỉ mất 2 mili-giây để ra lệnh cho cơ thể lùi lại, trong khi vùng não lý trí cần đến 500 mili-giây để xác định đó có phải rắn thật hay không.

Sự chênh lệch này lý giải vì sao cảm xúc được kích hoạt trước lý trí. Khi nhìn một website, chúng ta đã vô thức đánh giá nó có đáng tin, rõ ràng hay phù hợp với mình không. Đến khi lý trí bắt đầu phân tích, nó có thể chỉ đang tìm lý do cho một quyết định đã hình thành trước đó.

Tải nhận thức khiến cảm xúc giảm xuống

Tải nhận thức (cognitive load) là mức năng lượng tinh thần cần dùng để xử lý thông tin. Khi mức tải này tăng lên, hoạt động cảm xúc sẽ giảm xuống. Một website có quá nhiều chữ và các khối thông tin sẽ khiến não bạn bận “giải mã” giao diện, thay vì cảm nhận về sản phẩm.

Điều này ngăn cản sự kích hoạt của nucleus accumbens – vùng não xử lý cảm giác thèm muốn và khoái cảm. Dù có thêm nhiều nội dung thuyết phục, bạn vẫn khó “rung động” khi phải dành quá nhiều năng lượng để hiểu những gì đang xuất hiện trước mắt.

Ngược lại, sự trật tự và hài hòa trong thiết kế tạo cảm giác dễ xử lý thông tin (cognitive ease), từ đó giúp quá trình tiếp nhận diễn ra mượt mà hơn (processing fluency) và hình thành lòng tin. Vì vậy để khơi gợi cảm xúc mua hàng, giảm tải nhận thức là việc cần làm trước khi thêm những lời thuyết phục.

Thiết kế tác động đến cảm xúc mua hàng thế nào?

Một nghiên cứu sử dụng chụp cộng hưởng từ chức năng (fMRI) đã so sánh hoạt động não bộ khi người tiêu dùng Đức xem 2 website bán giày. Những người tham gia chưa từng biết đến Zappos, nhằm hạn chế ảnh hưởng từ việc đã quen thuộc với thương hiệu. Giao diện Zappos năm 2010 được chia thành nhiều hộp thông tin nhỏ với lượng chữ lớn, tạo cảm giác lộn xộn.

Suốt 10 giây đầu, kết quả fMRI gần như không ghi nhận hoạt động cảm xúc ở vùng nucleus accumbens. Não người xem lúc này bận đọc và tìm hiểu trang web hơn là cảm nhận.

Ở website Shoe Guru, người tham gia được nhìn một hình ảnh chiếc giày lớn trên bố cục tối giản. Chỉ sau 6 giây, hoạt động ở vùng nucleus accumbens đã đạt đỉnh, gắn với cảm giác muốn sở hữu sản phẩm ngay lúc đó.

Các lát cắt não trên ảnh fMRI với vùng hoạt động được đánh dấu màu
fMRI là công cụ được dùng để so sánh phản ứng não trước hai cách trình bày website. Nguồn: Wikimedia Commons.

Thiết kế cũng ảnh hưởng đến việc chúng ta có tin một website hay không. Trong một nghiên cứu về lòng tin với các website y tế, 94% phản hồi tập trung vào thiết kế, trong khi chỉ 6% liên quan đến nội dung. Những yếu tố bị phàn nàn bao gồm bố cục lộn xộn, popup gây nhiễu và chữ quá nhỏ.

Khi không thích một chi tiết thiết kế trên trang chủ, người tham gia rời đi mà không tìm hiểu thêm về nội dung bên trong.

Làm gì để website tạo ấn tượng tốt hơn?

Tạo cảm giác đáng tin ngay từ đầu

Theo giáo sư B.J. Fogg tại Đại học Stanford, có 4 yếu tố được não bộ quét qua trong vài mili-giây để đánh giá độ tin cậy của website. Bạn có thể chú ý đến những điểm sau khi thiết kế:

  • Thiết kế chuyên nghiệp: Màu sắc và bố cục cần nhất quán, tránh tạo cảm giác website được làm tạm bợ.
  • Cấu trúc thông tin rõ ràng: Các phần được sắp xếp gọn gàng, có định hướng thị giác để người xem dễ theo dõi.
  • Sự rõ ràng và tập trung: Một hình ảnh chủ đạo (key visual) giúp neo ánh nhìn, thay vì để sự chú ý bị chia nhỏ giữa nhiều banner phụ.
  • Các biểu tượng uy tín: Logo đối tác lớn, chứng nhận bảo mật hay huy hiệu chất lượng giúp website “mượn” uy tín, giảm sự cảnh giác ban đầu của người xem.

Đơn giản và quen thuộc

Theo nghiên cứu của Google, người dùng bị thu hút nhất bởi website có độ phức tạp thị giác thấp và giao diện quen thuộc. Đó là những thiết kế gọn gàng, có khoảng trống có chủ đích và tuân theo các quy ước mà chúng ta đã quen sử dụng.

Chẳng hạn khi vào trang bán hàng, bạn thường tìm giỏ hàng ở góc trên bên phải – vị trí quen thuộc mà ta không cần mất công tìm kiếm. Tuy nhiên nếu bố cục quá khác lạ hay menu bị giấu đi, bạn sẽ dễ bối rối và tăng tải nhận thức ngay từ lúc vào trang.

Dành chỗ cho hình ảnh sản phẩm

Với thời trang và hàng tiêu dùng, quyết định mua sắm phần lớn dựa vào vẻ ngoài của sản phẩm. Một hình ảnh lớn, rõ nét và chân thực có thể khơi gợi cảm xúc nhanh hơn đoạn mô tả dài. Bạn có thể dành thêm không gian cho hình ảnh để người xem chú ý đến sản phẩm.

Một website bán giày từng thay đổi bố cục danh mục từ 4 sản phẩm/hàng xuống còn 3 sản phẩm/hàng, giúp hình ảnh mỗi đôi giày lớn hơn. Sau thay đổi này, tỷ lệ thêm vào giỏ hàng và doanh số chung đều tăng thêm 25%.

Chọn thiết kế phù hợp với khách hàng

Bên cạnh bố cục, màu sắc, khoảng cách giữa các phần tử và biểu cảm trong hình ảnh chủ đạo cũng mang những “mã ngầm” cảm xúc. Não bộ tiếp nhận các tín hiệu này ngay trong 50 mili-giây đầu tiên, trước khi ta có thời gian suy nghĩ về chúng.

Màu đen, thiết kế tối giản và khoảng cách lớn thường gợi cảm giác quyền lực, sang trọng và đẳng cấp. Đây là phong cách phù hợp với những thương hiệu như Hugo Boss hay Apple.

Tuy nhiên nếu áp dụng phong cách này cho website bán hàng phổ thông, thì khách hàng có thể mặc định sản phẩm đắt đỏ rồi ngần ngại, rời đi. Vì vậy, bạn cần chọn cách thể hiện phù hợp với nhóm khách hàng mình hướng đến. Gu thẩm mỹ của người thiết kế không phải lúc nào cũng trùng với cảm nhận của người mua.

Làm sao biết người xem cảm thấy gì về website?

Trong các phòng thí nghiệm tiếp thị thần kinh, phản ứng của người xem thường được theo dõi bằng 3 công nghệ. Mỗi công nghệ ghi nhận một khía cạnh khác nhau của quá trình tiếp nhận:

  • Điện não đồ (EEG): Đo tải nhận thức khi người tham gia xem thiết kế.
  • Nhận diện biểu cảm khuôn mặt: Ghi nhận các vi biểu cảm xuất hiện một cách vô thức.
  • Phản ứng dẫn truyền da (GSR): Đo cường độ cảm xúc thông qua lượng mồ hôi tiết ra.
Người tham gia đội mũ điện cực EEG trong phòng thí nghiệm thần kinh học
EEG giúp ghi nhận phản ứng điện não trong các thí nghiệm về quá trình tiếp nhận. Nguồn: Boston University.

Những công nghệ này đều khá chính xác. Tuy nhiên chúng cũng đắt đỏ và phức tạp, khó áp dụng với phần lớn người làm website. Bạn có thể tham khảo một cách đơn giản hơn là bài kiểm tra 5 giây.

Theo đó, bạn cho người dùng xem ảnh chụp thiết kế trong đúng 5 giây, sau đó ẩn đi và hỏi về những gì họ vừa nhìn thấy. Các câu hỏi có thể là: “Liên tưởng đầu tiên của bạn là gì? Bạn thấy những gì? Cảm thấy thế nào? Vì sao?”.

Giao diện Five second test với thiết kế danh mục rau và câu hỏi “What is one vegetable you saw?”
Thiết kế biến mất sau 5 giây, rồi người tham gia trả lời điều họ còn nhớ. Nguồn: Lyssna.

Khoảng thời gian này quá ngắn để đọc kỹ hay phân tích bằng lý trí, nên phản hồi giúp bạn nhận biết những mã ngầm cảm xúc mà giao diện tạo ra trong 50 mili-giây đầu tiên.

Ấn tượng đầu tiên khó “làm lại”

Khi đã có ấn tượng không tốt về một website, người xem cần nhiều lần tương tác tích cực về sau để thay đổi cảm nhận ban đầu. Trong khi đó, thẩm mỹ thị giác thường có sức ảnh hưởng lớn hơn trải nghiệm sử dụng ở lần đầu tiếp xúc. Chúng ta có xu hướng đánh giá cao một website đẹp, ngay cả khi thao tác trên đó không dễ dàng.

Vì vậy trước khi viết nội dung, giới thiệu sản phẩm hay tìm cách thuyết phục khách hàng, bạn cần chú ý đến cảm nhận mà giao diện mang lại. Bởi nếu người xem đã muốn rời đi trong 50 mili-giây đầu tiên, thì họ có thể không ở lại để đọc những gì bạn muốn nói.