Nguyên tắc Gestalt là gì & Làm thế nào để áp dụng chúng

Một trong những lý thuyết tâm lý có ảnh hưởng nhất trong lĩnh vực UX và thiết kế tương tác là lý thuyết Gestalt. Lý thuyết này được thành lập bởi các nhà tâm lý học người Đức và từ “Gestalt” có nghĩa là hình thức hoặc hình dạng trong tiếng Đức. Như tên gọi của nó, ý tưởng đằng sau các nguyên tắc Gestalt là con người coi các nhóm đối tượng là các mẫu chứ không phải các đối tượng riêng lẻ.

Có nhiều bài viết về các nguyên tắc Gestalt nhưng không nhiều trong số đó giúp bạn hiểu cách áp dụng chúng trong công việc của bạn với tư cách là nhà thiết kế UX/UI. Bài viết này sẽ cung cấp cho bạn một số ý tưởng về cách sử dụng các nguyên tắc Gestalt để tạo ra các thiết kế UX và UI tốt hơn giúp mọi người đạt được mục tiêu của mình với ít nỗ lực hơn.

Quy luật tương đồng

Nguyên tắc Tương tự phát biểu rằng khi các đối tượng giống nhau về mặt vật lý, chúng ta có xu hướng nhóm chúng lại với nhau và cho rằng chúng có cùng chức năng . Ví dụ: trong hình ảnh bên dưới, bạn có thể dễ dàng phân biệt đường có hình tròn màu đỏ tía với phần còn lại của hình ảnh do có màu khác.

Một ví dụ về nguyên tắc tương tự. Ảnh của tác giả.

Sử dụng tính tương đồng trong thiết kế UX và UI

Hãy tưởng tượng rằng công ty của bạn đã phát triển một ứng dụng có tên “Il Mio Chef'' được sử dụng bởi những người đam mê ẩm thực Ý trên khắp Hoa Kỳ và Canada (Chúng tôi sẽ sử dụng ứng dụng này chophần còn lại của bài viết này). Một báo cáo gần đây mà nhà nghiên cứu UX của bạn đã gửi cho bạn nói rằng khi gọi đồ ăn Ý, người dùng chủ yếu quan tâm đến nhà hàng nào gần họ nhất. Xét cho cùng, tất cả chúng ta đều muốn món lasagna hoặc pizza của mình được giao khi chúng vẫn còn tươi và ấm, phải không?

Để giúp người dùng ứng dụng dễ dàng biết được nhà hàng nào gần họ nhất, chúng tôi có thể sử dụng nguyên tắc tương tự bằng cách làm nổi bật các nhà hàng này trong giao diện người dùng. Trong hình bên dưới, bạn có thể thấy việc đánh dấu các tùy chọn này bằng màu vàng (ở bên phải) tạo ra sự khác biệt lớn như thế nào bằng cách nhấn mạnh trực quan sự khác biệt giữa các nhà hàng gần nhất và những nhà hàng ở xa hơn. Đây là cách bạn có thể sử dụng nguyên tắc tương tự để giúp người dùng nhanh chóng tìm thấy những gì họ tìm kiếm.

Sử dụng nguyên tắc tương tự Gestalt. Ảnh của tác giả.

Luật tiệm cận

Nguyên tắc tiệm cận phát biểu rằng các vật thể ở gần nhau có vẻ nhiều hơn liên quan hơn các đối tượng được đặt cách xa nhau hơn. Chẳng hạn, hình ảnh đầu tiên và hình ảnh thứ hai có cùng số lượng hình tròn bên trong. Tuy nhiên, trong hình ảnh thứ hai, một số cột nhất định gần nhau hơn và tạo ấn tượng là có ba nhóm riêng biệt thay vì một nhóm lớn.

Khoảng cách gần nhau - ví dụ 1 - một nhóm lớn. Hình ảnh của tác giả.

Tiệm cận - ví dụ 2 - ba nhóm riêng biệt. Hình ảnh của tác giả.

Sử dụng tiệm cận trong thiết kế UX và UI

Hãy lấy một ví dụ từ thực địa trực quan hóa thông tin.

Lần này, hãy tưởng tượng bạn là một giám đốc điều hành muốn xem ứng dụng “Il Mio Chef” của bạn hoạt động như thế nào. Bạn muốn xem các KPI đo lường hiệu suất tài chính, mức độ tương tác và sự hài lòng của người dùng. Lúc đầu, chuyên gia trực quan hóa thông tin của bạn tạo bảng điều khiển bên dưới khiến bạn và tất cả các giám đốc điều hành khác bị lạc trong các con số và thậm chí còn đặt ra nhiều câu hỏi hơn. Sau một tháng, nhiều người trong số các bạn ngừng sử dụng bảng điều khiển này hoàn toàn.

Bảng điều khiển KPI - Il Mio Chef. Hình ảnh của tác giả.

Tại thời điểm này, bạn quay lại gặp chuyên gia trực quan hóa thông tin của mình và yêu cầu cô ấy giúp mọi người hiểu bức tranh tổng thể dễ dàng hơn bằng cách thiết kế lại bảng điều khiển. Nguyên tắc tiệm cận có ích trong trường hợp này và bạn có thể xem thiết kế mới bên dưới. Nó chứa ba nhóm được chia theo loại KPI và nó giúp mọi người hiểu ứng dụng đang hoạt động như thế nào xét về hiệu suất tài chính, mức độ tương tác và sự hài lòng. Nhóm các đối tượng lại với nhau và sử dụng nhiều khoảng trắng hơn giữa các nhóm có thể giúp người dùng của bạn tiếp thu thông tin nhanh hơn.

Sử dụng nguyên tắc gần gũi của Gestalt trong thiết kế bảng điều khiển. Hình ảnh của tác giả.

Luật CủaTính liên tục

Nguyên tắc của Tính liên tục phát biểu rằng một khi mắt bắt đầu dõi theo một đối tượng, nó sẽ tiếp tục đi theo “chuyển động” theo hướng đó cho đến khi gặp một đối tượng khác. Chuyển động này giúp chúng ta cảm nhận đối tượng như một phần của cùng một con đường mà chúng ta phải đi qua để tìm kiếm thông tin. Hình ảnh bên dưới cho thấy cách chúng ta có thể sử dụng nguyên tắc liên tục để tạo ra các mẫu hình ảnh hướng dẫn mắt theo một hướng cụ thể.

Một ví dụ về nguyên tắc Liên tục. Ảnh của tác giả.

Sử dụng tính liên tục trong UX và thiết kế giao diện người dùng

Nhà nghiên cứu UX của bạn đã trình bày một báo cáo mới cho thấy rằng động lực chính để người dùng sử dụng ứng dụng “Il Mio Chef” là khám phá ẩm thực, vì ứng dụng này cho phép họ tiếp cận các nhà hàng đồ ăn Ý mới mỗi tuần. Bạn nhìn vào số liệu cho biết số lần mọi người vuốt qua các tùy chọn của họ với thiết kế giao diện người dùng hiện tại trong hình ảnh bên dưới (bên trái) và thấy rằng trung bình họ không bao giờ vuốt nhiều hơn hai lần để xem những tùy chọn nào có sẵn cho họ.

Sử dụng nguyên tắc liên tục (phía bên phải của hình ảnh bên dưới), nhà thiết kế UX của bạn đã giúp tăng con số đó lên trung bình khoảng 10 lần vuốt. Làm thế nào điều đó xảy ra? Bằng cách ẩn một phần của hình ảnh và làm nổi bật thực tế, bạn cần vuốt sang trái hoặc phải để xem có gì trong đó, mắt người dùng của bạn được hướng dẫn để tạo ra chuyển động “vuốt” theo đúng nghĩa đen và hơn thế nữacó động lực để khám phá nhiều nhà hàng hơn và những gì họ cung cấp. Đây là điều mà thiết kế trước đó hoàn toàn không thúc đẩy bạn làm, ngay cả khi bạn vốn đã có động lực để làm như vậy.

Sử dụng nguyên tắc Gestalt về tính liên tục trong thiết kế UX/UI. Hình ảnh của tác giả.

Tóm lại , việc sử dụng các nguyên tắc Gestalt được trình bày trong bài viết này trong thiết kế UX và UI của bạn có thể giúp người dùng của bạn tìm thấy thông tin nhanh hơn và hiểu rõ hơn Nó. Ngoài ra, nó có thể làm tăng mức độ hài lòng của họ đối với sản phẩm của bạn bằng cách thúc đẩy họ thực hiện những hành động mà họ yêu thích nhất.

‍

Bìa bao gồm tác phẩm nghệ thuật của Miklos Philips, được chỉnh sửa trong Vectornator.