Mental model?

Mental model?

Mental model?

September 15, 2024

Trong công việc của UX design, mình đoán ít nhất một lần bạn đã nghe qua thiết kế phù hợp với mental model của user, vậy mental model là gì vậy? Nó có quyền năng gì?

Mental model

Mental model là cách chúng ta hình dung, giải thích và và hiểu về thế giới, về cách một sự việc hoặc hệ thống sẽ hoạt động. Khả năng này được hình thành thông qua trải nghiệm, những kiến thức đã có, bản năng và kỳ vọng. Nói một cách đơn giản hơn, thì nó là thấu kính của mỗi một người khi nhìn vào một sự vật hiện tượng để giải nghĩa, suy diễn và cho ra một cái hiểu, 1 thái độ gì đó.

VD: ai quen dùng các web đặt máy bay thì sẽ kì vọng thanh search ngày đi ngày về, điểm đến nằm ngay trên đầu trang. Hay ví dụ ai đã bị chó cắn thì sẽ không có ấn tượng tốt với chó, vì khi thấy chó họ sẽ thấy sự nguy hiểm trong đó.

Và mental model có thể thay đổi theo thời gian (bởi vậy trong ngành ta mới có từ “educate user”). Ví dụ: icon “sparkle” gần đây được dùng cho các tính năng AI, khi market & trong app sử dụng thường xuyên, user sau này nhìn thấy sẽ hiểu được feature đó có apply công nghệ AI.

📌

Tip: khi bạn test với user, thấy user “ ủa, tôi tưởng là…

>> đây chính là mental model. Vì để họ “tưởng là…” có nghĩa họ đang dựa trên những kinh nghiệm quá khứ, thói quen hay một cách suy đoán nào đó có sẵn từ trước.

Type of mental model

Mental model là những kiến thức, khung hiểu biết đã có.

Existing mental model : Tận dụng lại cách hiểu trước đó (ví dụ khi lướt web, nếu ta click vào logo trên top navigation thì nó sẽ quay về homepage).
Universal mental model : Cách con người suy đoán, diễn giải chung chung mà đa phần con người đều vậy (ví dụ: gestalt - nghiên cứu được nếu ta đặt các cụm thông tin gần nhau thì con người sẽ nghĩ khối thông tin ấy có tính liên quan, hoặc nếu dùng chung 1 style thì thông tin ấy có tính tương đồng).
Conceptual mental model : Là khi product đã educate user gì đó, và qua một thời gian, nó trở thành thói quen, kinh nghiệm của user khi dùng chính product đó (ví dụ: nhấn giữ vào một item để hiển thị thêm các sub action).

Khái niệm top-down processing & bottom-up processing

2 khái niệm nói để 2 cách não bộ chúng ta xử lý và diễn giải thông tin.

https://res.cloudinary.com/dpzknshvi/image/upload/v1753685303/uxcomic-imgs/23e5d164-78d8-8072-a79d-e80eeabde759.jpg

Bottom-up processing

Là quá trình khi bạn tiếp xúc với một khái niệm mới lạ , bạn xử lý thông tin trên dữ liệu thô thu thập được từ các giác quan để hình thành nên một ý nghĩa cụ thể nào đó.

Ví dụ lần đầu bạn sử dụng photoshop phải làm quen với từng tool, từng function một. Quá trình này bắt đầu từ qua việc như nhìn & đoán xem icon đó nghĩa là gì, đọc term đó nghĩa là gì, click thử này kia để xem nó hoạt động ra sao và có ý nghĩa như thế nào.

Lúc này não bộ nó sẽ phải phân tích nhiều & xử lý chậm hơn.

https://res.cloudinary.com/dpzknshvi/image/upload/v1753685304/uxcomic-imgs/23e5d164-78d8-80b6-b76d-fdeb05853055.jpg

Top-down processing

Là quá trình bạn xử lý, giải nghĩa thông tin dựa trên kiến thức, kinh nghiệm và kỳ vọng sẵn có để có thể hiểu. Não bộ xử lý nhanh hơn.

Một ví dụ thực tế mình thấy rất hay để nói về “top dowm processing” này là metaphor (ẩn dụ), ta dùng những minh hoạ ta đã biết để hiểu một thứ mới tốt hơn, ta dùng những ví dụ để nói về cái mới, điều này giúp ta nắm bắt được vấn đề tốt hơn.

Ví dụ: “trái tim sắt đá” ý nói con người thô kệch, vô cảm, vì sao ta nghĩ được thế, vì sắt đá mang trong nó tính chất ấy, nó vô hồn, nó cứng cỏi. Ngược lại “uyển chuyển như nước” cho thấy khả năng linh hoạt qua vượt mọi địa hình >> khả năng khéo léo xử lý tình huống.

📌

Bởi vậy mới nói =))

“Giang sơn dễ đổi, bản tính khó dời” - Top down processing
“Vạn sự khởi đầu nan” - Bottom up processing

Ứng dụng thế nào?

Như mình thấy top-down process sẽ giúp mình giải nghĩa nhanh hơn vì dựa trên những kiến thức sẵn có, còn bottom-up thì sẽ take mental effort hơn vì cần phải học.

Ví dụ: khi bạn chạy xe trên một con đường lạ, bạn sẽ phải chú ý đến các biển báo và chỉ dẫn nhiều, còn khi đã lái trên con đường quen thuộc thì bạn ít để ý hơn vì đã dựa trên trí nhớ.

https://res.cloudinary.com/dpzknshvi/image/upload/v1753685305/uxcomic-imgs/23e5d164-78d8-80de-8298-d603d67b6acf.jpg

Tận dụng mental model (khung hiểu biết đã có) để tối ưu cho não bộ xử lý theo hướng top-down processing >> nó giúp user dễ học, dễ dùng hơn (mental model có thể hiểu đơn giản là một dạng “short-cut” trong tư duy, họ adapt những gì đã biết trước đó để hiểu, để dùng một thứ mới).

Điều này lý giải sự cần thiết của tính đồng bộ trong thiết kế , tại sao nên tối đa tận dụng các element, pattern quen thuộc để user không phải learn nữa, mà họ có thể dùng nó mượt mà ngay (vì user đã có kinh nghiệm sử dụng thông qua product của mình hoặc các product khác trên thị trường). Ví dụ: product nào cũng sẽ dùng “kính lúp” để indicate cho tính năng search, app banking nào cũng để số dư ngay trên cùng của trang home, các main CTA trên app đều dùng màu primary…

Why mental model matter

Giảm mental effort - User không phải học lại một patten mới.
Tăng usability - user hoàn thành task một cách nhanh & hiệu quả hơn.
Tăng trust - user thấy system hoạt động đúng logic, ổn định sẽ giúp họ thấy an toàn, dễ đoán, dễ control hơn. Ngược lại nếu sai với mental model của họ thì sẽ dẫn đến các sai lầm khi sử dụng >> giảm niềm tin (thậm chí cảm thấy bị lừa).

Reminder

Trước khi làm sản phẩm, ux designer/ux researcher nên nghiên cứu các sản phẩm tương tự hoặc cách target user suy nghĩ hành động hoặc rà lại các pattern sử dụng quen thuộc hiện có trên app mình.

Từ đó nắm bắt đc hành vi, thói quen sử dụng của user để tạo ra design phù hợp mà không phải tạo mới quá nhiều (vì tạo mới ở đây chưa chắc đã tốt bằng việc mapping đúng mental model của user).

VD: Messenger bắt chước Story của Snapchat, khi bật công tắc ngoài đời ta thấy nó sáng lên cũng giống như trạng thái click chọn checkbox, radio hay toggle trên UI ta cũng dùng màu để biểu trưng cho sự “sáng lên” này…

Để dễ hình dung thì thiết kế phù hợp với mental model giống như bạn cần nói “ ngôn ngữ quen thuộc” với user, ở địa phương đó hay dùng từ gì thì bạn cũng nên dùng từ ấy.

📌

Có một cách ẩn dụ khá hay về mental model, thiết UX giống như kể một câu chuyện đùa, nếu bạn phải giải thích nó thì câu chuyện đã bớt buồn cười rồi. Nghe nói quê :)))))

Còn trường hợp nếu cần thiết kế một gì đó khác lạ, tức có nghĩa bạn đang cần user xây một mental model mới, điều designer cần làm là phải cung cấp các gợi ý, hướng dẫn, onboarding hoặc cố gắng áp dụng world mapping để quá trình học của user được dễ dàng.

Ví dụ: product tour, tooltip, các tính năng liên quan đến AI trên thị trường đều có biểu tượng sparkle thì nếu product mình có tính năng AI thì cũng nên có biểu tượng sparkle ấy),…hoặc ta tận dụng các icon mang tính universal (ai cũng biết) như nút “back = ←”; nút “đóng = X” ; nút “thêm = +”…

Harsh truth

Đó là khi ta hoặc team ta là những người định hình nên product hay feature đó hoạt động ra sao >> ta dễ dàng thấy nó dễ dùng và nghĩ rằng user cũng thấy tương tự, nhưng có khi thực tế mental model của user rất khác, họ sẽ gặp trở ngại hoặc sử dụng nó theo chiều hướng khác hoàn toàn. Vậy nên hãy thường xuyên test với user để điều chỉnh phù hợp, nhận diện được khoảng gap này càng sớm càng tốt.

https://res.cloudinary.com/dpzknshvi/image/upload/v1753081540/uxcomic-imgs/14a5d164-78d8-8024-9ec2-cea743957dfd.png

Reference

Relevant Item

Why people said “Good design is invisible”?

Why people said “Good design is invisible”?

Understand, Empathize user?

Understand, Empathize user?

UX as a Cupid
♟️ ♟️ ♟️

UX as a Cupid