Khoa học nhận thức và thiết kế: Tạo giao diện người dùng tốt hơn

Hãy để tôi vẽ cho bạn một bức tranh. Tôi và bạn, chúng ta đang đứng ở một bến xe, chờ số 37 đến đón. Một chiếc BMW lao tới trước mặt chúng tôi, nước mưa tạt vào giày của chúng tôi. Tôi và bạn, chúng ta đang ở cùng một thực tế, phải không? Chúng ta có cùng phản ứng với sự kiện vừa xảy ra không?

Có thể, nhưng những điều khác nhau lại hiện ra trong đầu chúng ta: Tôi nghĩ đến những chiếc Vans mới tinh của mình đang bị hủy hoại, và bạn nghĩ về khoảng thời gian trên bãi biển cùng gia đình, với sóng biển vỗ về. Nhưng chúng ta đang ở trong cùng một thực tế, phải không?

Hãy tìm hiểu kỹ thuật một chút. Nghiên cứu về suy nghĩ, học tập và tổ chức tinh thần là nhận thức khoa học. Nó dựa trên các khía cạnh của tâm lý học, ngôn ngữ học, triết học và mô hình máy tính. Với suy nghĩ đó, các nhà khoa học nhận thức nghiên cứu trí thông minh và hành vi với trọng tâm là cách hệ thống thần kinh biểu diễn, xử lý và chuyển đổi thông tin.

Và không khiến bạn phải ngán ngẩm với quá nhiều thuật ngữ, tôi sẽ nói điều cuối cùng: khái niệm cơ bản của khoa học nhận thức là “tư duy có thể được hiểu tốt nhất về các cấu trúc biểu diễn trong tâm trí và các quy trình tính toán vận hành trên các cấu trúc đó.” Nếu bây giờ bạn hơi lạc lõng, không sao cả. Tôi hứa điều này cuối cùng sẽ có ý nghĩa. Và nếu bạn tò mò, hãy đi sâu vào và hiểu cách khoa học nhận thức có thể giúp các nhà phát triển và nhà thiết kế tạo ra giao diện người dùng tốt hơn.

Thực tế là gì? Một số người trong chúng ta nghĩ về thực tế như một thực thể độc lập. Một số người trong chúng ta không. Ý tôi là, ngay cả khi một thực tại bên ngoài tồn tại, thì làm sao chúng ta có thể biết được? Các đối tượng trực quan ở thế giới bên ngoài kích hoạt một số quá trình thị giác trong tâm trí của chúng ta, tuy nhiên mọi thứ mà chúng ta nhận thức và biết như thực tế của chúng ta đều là kết quả cuối cùng của quá trình này. Vì vậy, chúng ta có thể đưa ra kết luận rằng thực tế được lọc và ảnh hưởng bởi những sức mạnh kỳ lạ và sáng tạo của tâm trí, suy nghĩ và tưởng tượng của chúng ta.

Ví dụ luôn là cách tốt nhất để tưởng tượng và hiểu, phải không? Hãy tưởng tượng một người mù màu nhìn thế giới bằng mọi sắc thái xám xịt. Người có một thực tế khác, phải không? Hoặc có thể không: anh ta có thể sống trong cùng một thực tế nhưng nhận thức nó khác.

Khi bạn nhắm mắt lại và cố gắng tưởng tượng một điều gì đó cụ thể, nó có thể không đến với bạn dễ dàng như vậy: hình dạng, màu sắc, tất cả đều có vẻ phẳng. Nhưng khi bạn đọc một tác phẩm tuyệt vời có tất cả các chi tiết phong phú và sống động của thế giới, trong một giây, bạn có thể hình dung ra tất cả, phải không? Chà, chỉ cần như vậy, các nhà thiết kế tài năng có thể khắc họa mọi thứ bằng hình ảnh bằng cọ vẽ hoặc máy tính bảng của họ. Trong nghệ thuật, kích thích thị giác được cung cấp trực tiếp cho người quan sát. Và đó, trên thực tế, là liên kết gần nhất mà chúng ta có để trải nghiệm thực tế trực quan của người khác.

Như chúng ta biết, thực tế không phải là phổ quát và đúng hơn là sản phẩm phụ của các quá trình nhận thức khác nhau. Tôi chưa bao giờ nghĩ rằng mình sẽ nói điều này, nhưng điều đó rất hữu ích khi thiết kế giao diện người dùng.

Trong vòng mili giây, tâm trí của chúng ta quyết định nơi để tìm, xác định ranh giới đối tượng, hình ảnh và liên kết chúng với ý nghĩa. Rất nhiều việc tiếp tục diễn ra trong thời gian rất ít. Đó là lý do tại sao bộ não có ý thức của chúng ta chỉ hoạt động với những gì hệ thống tự động của chúng ta đã nhận thức được, chứ không phải những gì thực tế. Và do đó, chúng tôi bị choáng ngợp với sự lựa chọn và hầu hết thời gian, thích những gì được biết đến.

Vì vậy, làm thế nào chúng ta có thể sử dụng những gì đã biết trong bộ não của chúng ta và tạo ra các giao diện người dùng tốt hơn?

Tầm nhìn, sự chú ý và cảm xúc: tất cả đều đi vào quá trình con người nhận thức mọi thứ và đưa ra các kết nối và quyết định. Hãy bao gồm một vài trong số họ.

Tầm nhìn

Quen thuộc với Luật Gestalt của nhóm? Chúng có một tầm quan trọng lớn trong việc trình bày trực quan trang web của bạn. Hãy xem qua hai trong số họ.

Luật tiệm cận

Quy luật về sự gần gũi nói rằng con người cảm nhận những kích thích gần nhau bằng cách nhóm chúng lại. Đồng thời, các kích thích đứng xa nhau là các bộ phận của hai hoặc nhiều đối tượng khác nhau. Nguyên tắc gần nhau cho phép chúng ta nhóm các phần tử lại với nhau thành các tập hợp lớn hơn và giúp chúng ta hiểu thông tin nhanh hơn nhiều. Ví dụ, nếu có hàng chục nhóm chấm trên một tờ giấy, não của chúng ta sẽ coi chúng là các cụm chấm, thay vì xác định từng nhóm một.

Trí óc của chúng ta rất giỏi trong việc tìm kiếm các mẫu. Bằng cách giới thiệu khoảng trắng, chúng tôi nhận thấy các cột. Vì vậy, bạn không cần phải vẽ các hộp xung quanh mọi thứ để hỏa táng nhóm: chỉ cần một chút khoảng trắng là những gì bạn cần.

Luật đóng cửa

Các nhà tâm lý học Gestalt tin rằng bộ não có xu hướng nhận thức các hình thức và hình dạng dưới dạng hoàn chỉnh của chúng mặc dù thiếu vắng một hoặc nhiều bộ phận của chúng, hoặc ẩn hoặc hoàn toàn không có.

Vì vậy, chúng tôi hoàn thành các biểu mẫu về mặt tinh thần, rất nhanh chóng. Ví dụ: bạn có một trường văn bản: bạn không cần phải vẽ một hình vuông thực tế và thúc đẩy mọi người viết nội dung vào đó: bạn có thể chỉ cần vẽ các cạnh trên các cạnh của đường của bạn và tâm trí của họ sẽ hoàn thành nó dưới dạng một hộp. Vì vậy, chiếc hộp tồn tại trong tâm trí mặc dù nó không thực sự ở đó.

Tầm nhìn ngoại vi

MỘT nghiên cứu tiết lộ một số sự kiện rất thú vị về tầm nhìn ngoại vi. Hãy tưởng tượng một phòng thử nghiệm: một người đi vào và không có manh mối gì về nghiên cứu. Và có một con hổ ở giữa phòng. Nghiên cứu này nhằm theo dõi mất bao lâu để một người nhận ra có một con hổ trước mặt họ. Và đó là khoảng 190MS. Và sau đó, có một bài kiểm tra khác. Một người, một lần nữa, đi vào một căn phòng và không có gì cả. Nhưng sau đó, một con hổ xuất hiện. Điều thú vị là bạn chỉ mất 80MS để nhìn thấy con hổ.

Bây giờ, làm thế nào bạn có thể sử dụng phần thông tin này để thiết kế giao diện người dùng tốt hơn? Giả sử có một thông báo trên trang web của bạn mà bạn muốn người dùng của mình nhìn thấy. Nếu thông báo đã có khi một người truy cập trang web của bạn, thì sẽ có ít khả năng họ nhận ra nó hơn là khi thông báo xuất hiện sau khi họ đã duyệt qua trang web của bạn.

Geons và nhận dạng đối tượng

Khi chúng ta nhìn vào một đối tượng, chúng ta ngay lập tức chia nhỏ nó thành geon chứa nó khi chúng ta đang nhận thức nó. Và chúng tôi làm điều đó với tất cả các đồ vật: từ cốc đơn giản nhất đến máy hút chân không phức tạp hơn.

Đó là bởi vì bộ não của chúng ta nhận ra hình dạng geon nhanh hơn: bằng cách chia nhỏ nó ra, chúng ta sẽ dễ dàng hiểu được vật thể hơn.

Trên thực tế, chúng tôi nhận ra các hình dạng geon nhanh hơn các biểu tượng. Vì vậy, nếu bạn muốn đặt biểu tượng điện thoại vào trang web của mình, hình dạng địa lý của điện thoại sẽ được người dùng nhận biết nhanh hơn so với biểu tượng.

Nhận dạng khuôn mặt

Bạn có biết rằng nếu một nhóm người đi trước mặt bạn, bạn sẽ nhận ra một gương mặt quen thuộc trong đám đông rất nhanh? Và bạn thậm chí sẽ không phải quét tất cả các khuôn mặt. Tuy nhiên, nó khác với văn bản. Khi nhận được email, bạn lướt qua tất cả các tên để tìm người bạn đang tìm. Nhưng trong trường hợp khuôn mặt, chúng tôi nhận ra chúng ngay lập tức.

Vì vậy, để làm cho giao diện người dùng của bạn tốt hơn, trích dẫn trên trang web của bạn với khuôn mặt của tác giả thay vì chỉ tên sẽ giúp người dùng dễ dàng kết nối, nhận ra ai đó quen thuộc. và tiêu thụ thông tin nhanh hơn.

Chú ý

Giả sử bạn có tiêu đề của một bài đăng trên blog. Bạn quyết định đặt toàn bộ tiêu đề trong một dòng, làm cho nó thành một dòng dài, hay bạn muốn có các dòng ngắn và ngắt văn bản thành hai hoặc ba dòng? Người ta đã chứng minh rằng với những dòng dài, chúng ta tiêu thụ thông tin nhanh hơn: đọc một dòng dễ dàng hơn một vài dòng bất chấp độ dài của nó. Nhưng nếu bạn hỏi mọi người, họ sẽ nói rằng họ thích những dòng ngắn hơn, vì nó tạo cảm giác thoải mái. Tuy nhiên, chúng tôi biết rằng những dòng dài sẽ hiệu quả và tối ưu hơn khi cần chìm vào một số thông tin nhất định. Vì vậy, lần tới khi bạn tạo giao diện người dùng của mình, hãy ghi nhớ điều này.

Cảm xúc

Một trong những cảm xúc quan trọng nhất mà chúng tôi muốn nâng cao ở người dùng là sự tin tưởng. Là con người, chúng tôi được thiết kế để đưa ra quyết định tin cậy một cách nhanh chóng. Ngay cả khi đưa ra một quyết định cơ bản, chẳng hạn như tự nghĩ xem mình có nên ăn thứ gì đó lạ không, đi bộ cạnh một tòa nhà đang xây dựng, chúng ta quyết định tin tưởng hay không tin tưởng.

Ấn tượng đầu tiên rất quan trọng khi cảm xúc tin tưởng xuất hiện. Khi bạn đi đến một nhà hàng và nhìn thấy người đầu bếp, đứng cao với chiếc mũ đầu bếp của mình, sạch sẽ và gọn gàng: bạn tạo ấn tượng đầu tiên và đó là thời điểm bạn đưa ra quyết định tin tưởng món ăn ở nhà hàng đó. Đó là cách tương tự trong thế giới hình ảnh.

Bạn muốn đọc về tài chính và tìm hai blog. Sau khi quét nhanh hai trang web, bạn nghiêng về phía một trang web tin tưởng hơn trang web kia: và tất cả là do giao diện của chúng. Giả sử một trong các trang web có màu xanh lam. Màu xanh lam thường gợi cho mọi người nhớ đến bầu trời và đại dương và họ hình thành một cảm xúc tin tưởng đối với mọi thứ có màu xanh lam.

Chà, điều đó đúng, ngoại trừ một số trường hợp, ví dụ, một người chết đuối dưới biển khi còn nhỏ. Vì vậy, bạn đưa ra quyết định về blog nào để tin tưởng và khi bạn nhận được thông tin bổ sung về mỗi blog, bạn bắt đầu kể cho mình những câu chuyện bịa ra để biện minh cho giả định ban đầu của bạn. Giả sử blog mà bạn tin cậy ngay từ đầu đã nhận xét tiêu cực: bạn tự nhủ rằng đó có thể chỉ là một người tức giận đang có một ngày tồi tệ.

Mặc dù màu sắc của trang web và một bình luận tiêu cực chỉ là ví dụ, tôi nghĩ bạn hiểu tôi muốn nói gì. Khi tạo giao diện người dùng cho các ứng dụng, trang web của bạn, v.v., hãy nhớ rằng ấn tượng đầu tiên quan trọng rất nhiều.

Nếu bạn dựa vào khoa học nhận thức và hiểu cách mọi người đưa ra quyết định, những gì đang diễn ra trong bộ não của họ khi duyệt qua các trang web, bạn sẽ có thể tạo giao diện thu hút sự chú ý, hiển thị chi tiết và làm cho lựa chọn của người dùng đơn giản hơn. Và nếu bạn là người muốn tạo một trang web cho chính họ với sự trợ giúp của một trình tạo trang web trực tuyến, hãy nói Ucraftbạn sẽ vẫn cần kiến ​​thức về khoa học nhận thức để tạo ra một giao diện thân thiện, dễ sử dụng và hữu ích cho trang web của bạn.

Xuất bản ngày 15 tháng 7 năm 2018