Bạn đã bao giờ đi siêu thị và thấy một hộp màu đỏ nằm xen giữa những hộp sữa trắng xếp thành hàng trên kệ chưa? Khi về nhà và nhớ lại, tên của những loại sữa khác có thể đã mờ nhạt, nhưng riêng chiếc hộp đỏ ấy vẫn hiện lên rõ ràng. Hiện tượng một đối tượng khác biệt giữa những đối tượng tương tự được ghi nhớ tốt hơn chính là “hiệu ứng von Restorff (Von Restorff Effect)”.
Nói một cách đơn giản, hiệu ứng von Restorff là nguyên lý cho rằng “khi có nhiều đối tượng tương tự nhau, đối tượng khác với phần còn lại dễ đọng lại trong trí nhớ nhất”. Hiệu ứng này còn được gọi là hiệu ứng cô lập (Isolation Effect), với ý nghĩa tách riêng đối tượng khác biệt, và được bác sĩ tâm thần kiêm bác sĩ nhi khoa người Đức Hedwig von Restorff lần đầu chứng minh bằng thực nghiệm vào năm 1933.
Trong tài liệu này, chúng ta sẽ lần lượt tìm hiểu từ thí nghiệm trí nhớ đầu tiên cho thấy hiệu ứng này, các cách tạo tương phản để làm nên sự khác biệt, những ví dụ trong đời sống và trên màn hình, đến các nguyên tắc cần tuân thủ khi áp dụng vào thiết kế.
Nguyên lý sự khác biệt tạo nên ký ức và ứng dụng trong thiết kế
Hiệu ứng von Restorff là gì?
Von Restorff thực hiện nghiên cứu này dưới sự hướng dẫn của nhà tâm lý học Gestalt Wolfgang Köhler tại Viện Tâm lý học thuộc Đại học Berlin, và công bố kết quả trên tạp chí “Nghiên cứu Tâm lý học (Psychologische Forschung)” vào năm 1933. Bà tiến hành thí nghiệm bằng cách xen một con số vào danh sách gồm những chuỗi chữ cái vô nghĩa, và người tham gia nhớ lại con số đó tốt hơn nhiều so với các mục khác.
- Mục cô lập (Isolated Item): Mục duy nhất trong danh sách khác biệt về loại hoặc hình thức, là đối tượng được ghi nhớ tốt nhất.
- Các mục đồng nhất (Homogeneous Items): Những mục còn lại tương tự nhau, hòa lẫn vào nhau khiến từng mục chỉ lưu lại mờ nhạt trong trí nhớ.
Điều thú vị là hiệu ứng vẫn xuất hiện ngay cả khi con số nằm ở vị trí thứ hai hoặc thứ ba trong danh sách, lúc quy luật còn chưa bộc lộ. Bà cho rằng nguyên lý tri giác phân biệt hình và nền cũng hoạt động tương tự trong trí nhớ. Theo đó, mức độ giống nhau giữa các thành phần của phần nền bao quanh đối tượng quan trọng hơn chính đối tượng nổi bật ấy. Trong nghiên cứu trí nhớ hiện nay, đặc tính giúp ghi nhớ nhờ sự khác biệt nổi bật như vậy được gọi là tính phân biệt (Distinctiveness), và hiệu ứng von Restorff được xem là ví dụ tiêu biểu.
4 cách tạo tương phản để làm nên sự khác biệt
Trong thiết kế, nguyên lý này được áp dụng dưới dạng tương phản thị giác. “Các quy luật UX (Laws of UX)”, tài liệu tổng hợp những nguyên tắc trải nghiệm người dùng, khuyến nghị làm cho thông tin quan trọng và hành động cốt lõi trở nên khác biệt rõ rệt. Điểm khởi đầu ở đây là sắp xếp các yếu tố còn lại cho đồng nhất trước, thay vì bắt đầu từ đối tượng cần nhấn mạnh. Bởi nếu các yếu tố xung quanh mỗi thứ một kiểu, thì dù có đổi màu cũng không tạo được một đối tượng khác biệt duy nhất.
(1) Màu sắc và độ sáng
Đây là cách thay đổi màu sắc hoặc độ sáng, chẳng hạn một nút xanh lam đậm giữa các nút xám, và là cách nhanh nhất, được sử dụng phổ biến nhất.
(2) Kích thước và độ đậm
Nếu giữa những dòng chữ cùng kiểu chỉ có một dòng được viết lớn và đậm hơn, dòng đó sẽ thu hút ánh nhìn trước cả khi người xem bắt đầu đọc.
(3) Hình dạng và khoảng trống
Một thẻ tròn giữa những thẻ vuông, hoặc một yếu tố được tách riêng bằng khoảng trống xung quanh, vẫn nổi bật dù không đổi màu. Chỉ ghim riêng một mục lên đầu danh sách dài cũng là cách tạo sự khác biệt bằng vị trí.
(4) Chuyển động
Trên một màn hình tĩnh, thông báo rung nhẹ hoặc phát sáng sẽ thu hút ánh nhìn mạnh mẽ. Tuy nhiên, đây cũng là cách dễ gây mệt mỏi tương ứng với mức độ thu hút đó.
Hiểu hiệu ứng von Restorff qua những ví dụ đơn giản
[Ví dụ 1] Thẻ “Đề xuất” trong bảng so sánh gói dịch vụ
Trên màn hình có ba gói dịch vụ đặt cạnh nhau, nếu chỉ thẻ ở giữa có đường viền đậm và dải nhãn “Đề xuất”, nhiều người sẽ đọc thẻ đó trước và ghi nhớ lâu hơn. Như vậy, công ty đã biến lựa chọn mình muốn đề xuất nhất thành một mục cô lập. Khi đó, hai thẻ hai bên cần được chủ động thiết kế cùng màu sắc và hình dạng để thẻ ở giữa càng nổi bật rõ ràng.
[Ví dụ 2] Bút dạ quang trong sách giáo khoa
Nếu chỉ tô dạ quang vài dòng thật sự cần thiết trong phạm vi ôn thi, những dòng đó sẽ hiện lên trong trí nhớ trước khi ôn lại. Nhưng nếu tô cả trang, chính phần được tô lại trở thành nền và không có gì đọng lại trong trí nhớ. Để việc nhấn mạnh phát huy tác dụng, phần không được nhấn mạnh phải đủ rộng.
[Ví dụ 3] Nút thực hiện thao tác không thể hoàn tác
Khi một nút thực hiện thao tác không thể hoàn tác như “Xóa tài khoản” được hiển thị khác biệt bằng màu đỏ và biểu tượng cảnh báo, người dùng sẽ dừng lại một nhịp trước khi vô tình nhấn vào. Nguyên lý hỗ trợ ghi nhớ ở đây đóng vai trò như một biện pháp an toàn giúp ngăn ngừa sai sót.
Những nguyên tắc cần tuân thủ khi sử dụng hiệu ứng von Restorff
Tương phản là công cụ càng dùng nhiều càng giảm sức mạnh. Để phát huy đúng hiệu quả, cần ghi nhớ ba điều sau.
(1) Sử dụng sự nhấn mạnh có chừng mực
Khi mọi thứ đều được nhấn mạnh, sẽ không có gì thật sự được nhấn mạnh. Nếu các yếu tố nổi bật cạnh tranh với nhau hoặc quá sặc sỡ đến mức trông như quảng cáo, người dùng lại bỏ qua phần đó. Nên chọn một đối tượng để làm nổi bật mạnh nhất trên mỗi màn hình, còn những yếu tố khác được sắp xếp với mức nhấn mạnh thấp hơn một bậc.
(2) Không chỉ dựa vào màu sắc
Người dùng bị rối loạn sắc giác hoặc có thị lực kém khó nhận ra sự khác biệt về màu sắc. Hướng dẫn về khả năng tiếp cận nội dung web (WCAG) cũng quy định không truyền đạt thông tin chỉ bằng màu sắc, vì vậy cần đồng thời thay đổi chữ, biểu tượng hoặc độ đậm.
(3) Sử dụng chuyển động một cách thận trọng
Một số người cảm thấy chóng mặt hoặc say chuyển động khi nhìn màn hình có chuyển động. Khi dùng chuyển động để tạo tương phản, nên giữ chuyển động ngắn và nhẹ nhàng, đồng thời thiết kế để tuân theo cài đặt giảm chuyển động của thiết bị.
Hiệu ứng von Restorff cho thấy trí nhớ con người không ghi lại mọi thứ đồng đều mà trước tiên nắm bắt đối tượng khác biệt với phần nền. Vì vậy, việc quyết định những gì sẽ không được làm cho khác biệt quan trọng hơn việc quyết định làm cho thứ gì khác biệt. Chỉ khi có một phần nền được sắp xếp gọn gàng, dịu mắt, đối tượng thật sự cần thiết mới có thể tỏa sáng.
Chỉ chọn một điều thật sự quan trọng và thể hiện nó khác biệt rõ ràng chính là bước đầu tiên để tạo nên thiết kế đọng lại trong trí nhớ.
