Menu
ESC

Nhập từ khóa để tìm kiếm

↑↓ Di chuyển
Enter Mở
ESC Đóng

Đang tải...

Bài 22 — Mental Models & User Expectations

Product Design Essentials Bài 22/60

Mở đầu — vì sao bài này quan trọng

Hãy thử nhớ lại lần gần nhất bạn dùng một ứng dụng mới và cảm thấy "khó chịu một cách mơ hồ" — không có lỗi gì hỏng, không có thông báo đỏ nào hiện ra, nhưng bạn vẫn thấy bối rối, phải dừng lại suy nghĩ, hoặc thậm chí bấm nhầm. Phần lớn những khoảnh khắc khó chịu đó không đến từ tính năng bị lỗi, mà đến từ một thứ vô hình hơn nhiều: sản phẩm hoạt động khác với những gì bạn đã ngầm kỳ vọng trong đầu.

Cái "kỳ vọng trong đầu" đó chính là mental model — mô hình tư duy. Và với một product designer, đây là một trong những khái niệm có sức ảnh hưởng lớn nhất nhưng lại dễ bị bỏ qua nhất. Bạn có thể vẽ giao diện đẹp, chọn màu chuẩn design system, canh lề pixel-perfect — nhưng nếu thiết kế của bạn đi ngược lại mental model của người dùng, họ vẫn sẽ vấp, vẫn sẽ bỏ cuộc, vẫn sẽ gọi điện cho bộ phận chăm sóc khách hàng.

Bài này sẽ giúp bạn hiểu mental model thực sự là gì, vì sao khoảng cách giữa mental model của người dùng và mô hình thực tế của hệ thống lại gây ra phần lớn vấn đề trải nghiệm, và quan trọng nhất: làm thế nào để bạn — với tư cách người thiết kế — phát hiện, đo lường và thu hẹp khoảng cách đó. Đây là tư duy nền tảng, nó sẽ chi phối cách bạn ra quyết định trong mọi bài học về sau, từ form design, error states cho tới onboarding.

Khái niệm cốt lõi

Mental model là gì?

Mental model là sự hiểu biết nội tại của người dùng về cách một sản phẩm vận hành — họ tin rằng "bấm cái này thì sẽ xảy ra cái kia", "biểu tượng giỏ hàng nghĩa là nơi chứa đồ tôi sắp mua", "vuốt từ trái sang phải để quay lại". Mental model không phải là kiến thức chính xác về hệ thống; nó là một phiên bản đơn giản hóa, đôi khi sai lệch, được người dùng tự xây dựng dựa trên hai nguồn chính:

  • Kinh nghiệm trước đó với các sản phẩm tương tự. Một người đã dùng Shopee suốt ba năm sẽ mang theo toàn bộ kỳ vọng về Shopee khi mở Lazada hay TikTok Shop lần đầu.
  • Giả định và suy luận từ tín hiệu thị giác, từ ngôn ngữ đời thường, từ quy ước văn hóa. Hình cái thùng rác nghĩa là "xóa", màu đỏ nghĩa là "nguy hiểm/dừng lại", dấu cộng nghĩa là "thêm".
Điểm mấu chốt cần khắc cốt ghi tâm: người dùng không hành động dựa trên cách sản phẩm thực sự hoạt động, mà dựa trên cách họ NGHĨ nó hoạt động. Designer làm việc với hệ thống thật mỗi ngày nên dễ quên rằng người dùng chỉ nhìn thấy bề mặt và tự suy đoán phần còn lại.

Ba mô hình bạn phải phân biệt

Để làm việc nghiêm túc với khái niệm này, bạn cần tách bạch ba thứ thường bị gộp làm một:

  • Mental model (mô hình tư duy của người dùng): cách người dùng tin rằng hệ thống hoạt động.
  • System model / implementation model (mô hình hệ thống): cách hệ thống thực sự hoạt động ở tầng kỹ thuật — database, API, logic nghiệp vụ.
  • Represented model / interface model (mô hình được biểu đạt): cách giao diện trình bày về hệ thống ra ngoài. Đây chính là phần bạn — designer — kiểm soát.
Công việc cốt lõi của thiết kế trải nghiệm là làm cho represented model khớp với mental model của người dùng, chứ không phải khớp với implementation model. Đây là một sai lầm kinh điển: kỹ sư thường muốn giao diện phản ánh đúng cấu trúc kỹ thuật bên trong, vì với họ điều đó "logic". Nhưng cấu trúc kỹ thuật là logic của máy, không phải logic của con người.

Khoảng cách kỳ vọng (the gulf of expectation)

Donald Norman, cha đẻ của nhiều khái niệm về thiết kế lấy con người làm trung tâm, mô tả hai khoảng cách: gulf of execution (người dùng không biết phải làm gì để đạt mục tiêu) và gulf of evaluation (người dùng không hiểu chuyện gì vừa xảy ra sau khi họ hành động). Cả hai khoảng cách này đều sinh ra từ sự lệch pha giữa mental model và represented model.

Khi khoảng cách nhỏ, sản phẩm cho cảm giác "trực giác", "dễ dùng", "tự nhiên" — những lời khen mà thực ra chỉ có nghĩa là thiết kế khớp với điều người dùng đã kỳ vọng sẵn. Khi khoảng cách lớn, người dùng phải dừng lại, suy nghĩ, học lại — và mỗi lần như vậy là một cơ hội để họ rời bỏ sản phẩm.

Quy ước (convention) là mental model dùng chung

Lý do designer thường được khuyên "đừng sáng tạo lại bánh xe" với các pattern phổ biến là vì các pattern đó đã trở thành mental model dùng chung của hàng triệu người. Logo ở góc trên trái đưa về trang chủ, giỏ hàng ở góc trên phải, gạch ba ngang (hamburger) mở menu — đây không phải "luật" mà là kỳ vọng tập thể. Đi ngược lại quy ước không phải lúc nào cũng sai, nhưng mỗi lần đi ngược, bạn đang đặt cược rằng giá trị mới mang lại đủ lớn để bù cho chi phí học lại mà bạn áp đặt lên người dùng.

Tình huống thực tế

Ví dụ 1 — Ví điện tử MoMo và mental model "số dư là tiền của tôi"

Khi các ví điện tử như MoMo, ZaloPay phổ biến tại Việt Nam, một mental model rất mạnh được hình thành: "số tiền hiển thị trong ví là tiền của tôi, tôi tiêu được ngay." Mental model này được vay mượn từ trải nghiệm tiền mặt và tài khoản ngân hàng.

Vấn đề phát sinh khi sản phẩm giới thiệu các trạng thái mới mà mental model cũ không lường tới: tiền "đang xử lý", giao dịch "tạm giữ" (hold) khi đặt phòng khách sạn, hay hoàn tiền (refund) mất 3–5 ngày làm việc. Người dùng thấy số dư giảm nhưng đơn hàng bị hủy, và họ hoảng vì trong mental model của họ "tiền biến mất là mất luôn". Lượng yêu cầu hỗ trợ tăng vọt không phải vì hệ thống sai, mà vì represented model không kịp giải thích một khái niệm mới cho một mental model cũ.

Cách xử lý tốt: thay vì chỉ trừ số dư, giao diện hiển thị rõ một dòng "Đang tạm giữ: 1.200.000đ — sẽ hoàn về ví trong 24 giờ nếu giao dịch không thành công", kèm trạng thái có thể bấm vào xem chi tiết. Bài học: khi bạn buộc phải đưa vào một khái niệm nằm ngoài mental model hiện có, đừng giấu nó — hãy làm cho nó hiện diện và tự giải thích ngay tại nơi người dùng cảm thấy bất an nhất.

Ví dụ 2 — Nút "lưu" biến mất và mental model "tôi phải tự lưu"

Một nền tảng SaaS nội bộ cho doanh nghiệp tại TP.HCM nâng cấp công cụ soạn tài liệu, chuyển sang cơ chế tự động lưu (auto-save) giống Google Docs để loại bỏ rủi ro mất dữ liệu. Về mặt kỹ thuật đây là cải tiến rõ ràng. Nhưng nhóm vận hành ghi nhận một làn sóng phản ánh: nhân viên lớn tuổi liên tục hỏi "nút lưu đâu rồi?", nhiều người không dám đóng tab vì sợ mất bài, một số còn chụp màn hình lại vì "không tin là nó tự lưu".

Nguyên nhân: mental model "muốn giữ thì phải bấm Lưu" đã ăn sâu hàng chục năm từ Word, Excel. Khi nút Lưu biến mất, người dùng không có tín hiệu nào xác nhận rằng công việc của họ an toàn — gulf of evaluation bị bỏ ngỏ.

Cách xử lý tốt: đội thiết kế thêm một chỉ báo trạng thái nhỏ ở góc — "Đã lưu lúc 14:32" tự đổi thành "Đang lưu..." rồi "Đã lưu mọi thay đổi". Họ giữ luôn tổ hợp phím Ctrl+S nhưng để nó kích hoạt một thông báo "Tất cả thay đổi đã được lưu tự động". Tỉ lệ phản ánh giảm mạnh trong hai tuần. Bài học: khi bạn thay đổi một cơ chế mà mental model cũ đã quen, đừng chỉ âm thầm bỏ tín hiệu cũ — hãy bắc cầu bằng cách cung cấp phản hồi mới rõ ràng để trấn an mental model đang hoang mang.

Ví dụ 3 — Vuốt để xóa trong ứng dụng giao đồ ăn

Một startup giao đồ ăn giả định (tạm gọi là FoodGo) thiết kế màn hình giỏ hàng, cho phép "vuốt sang trái để xóa món". Pattern này quen thuộc với người dùng iPhone qua app Mail. Nhưng dữ liệu sử dụng cho thấy một tỉ lệ đáng kể người dùng Android lớn tuổi không hề phát hiện ra thao tác này — họ tìm mãi không thấy nút xóa và bỏ luôn món họ vốn không muốn mua, dẫn tới đơn hàng sai và tỉ lệ hủy đơn cao hơn.

Vấn đề: thao tác vuốt là một pattern ẩn (hidden gesture). Nó nằm trong mental model của một nhóm người dùng nhưng không nằm trong mental model của nhóm khác. Designer đã cho rằng "ai cũng biết vuốt để xóa" — một giả định nguy hiểm.

Cách xử lý tốt: giữ thao tác vuốt như một lối tắt cho người thành thạo, nhưng bổ sung một biểu tượng thùng rác hiển thị rõ trên mỗi dòng món. Hai con đường cùng dẫn tới một kết quả, phục vụ hai mental model khác nhau. Bài học: đừng để một chức năng quan trọng chỉ tồn tại sau một pattern ẩn; luôn có một lối hiển thị tường minh cho người dùng có mental model khác bạn.

Hướng dẫn từng bước

Dưới đây là quy trình thực dụng để bạn làm việc với mental model trong một dự án thật.

Bước 1 — Khám phá mental model hiện có của người dùng. Trước khi vẽ bất cứ thứ gì, hãy trả lời: người dùng của bạn đã quen với những sản phẩm nào? Họ đang mang theo kỳ vọng từ đâu? Phỏng vấn 5–7 người dùng, đưa cho họ một tác vụ và hỏi "bạn nghĩ chuyện gì sẽ xảy ra nếu bấm vào đây?" trước khi họ bấm. Câu trả lời chính là mental model của họ lộ ra.

Bước 2 — Vẽ ra mental model bằng lời. Viết thành câu: "Người dùng tin rằng [hành động] sẽ dẫn tới [kết quả] vì họ đã quen với [nguồn gốc]." Làm vậy cho 5–10 hành động quan trọng nhất trong sản phẩm. Bạn sẽ ngạc nhiên khi thấy bao nhiêu giả định ngầm chưa từng được nói ra.

Bước 3 — So sánh với represented model bạn định thiết kế. Đặt cạnh nhau: mental model của người dùng và những gì giao diện của bạn đang ngụ ý. Đánh dấu mọi điểm lệch. Mỗi điểm lệch là một nguy cơ vấp.

Bước 4 — Quyết định cho từng điểm lệch. Với mỗi chỗ lệch, bạn có ba lựa chọn: (a) đổi thiết kế để khớp lại mental model — thường là lựa chọn tốt nhất; (b) giữ thiết kế nhưng bắc cầu bằng phản hồi, microcopy, onboarding để dạy lại mental model — chấp nhận khi giá trị đủ lớn; (c) bỏ qua — chỉ khi điểm lệch nhỏ và hiếm gặp.

Bước 5 — Dùng ngôn ngữ và ẩn dụ (metaphor) của người dùng. Đặt tên nút, đặt nhãn, chọn biểu tượng theo từ vựng người dùng dùng hằng ngày, không theo từ vựng kỹ thuật nội bộ. "Giỏ hàng" chứ không phải "danh sách item tạm thời".

Bước 6 — Kiểm chứng bằng usability test. Cho người dùng thực hiện tác vụ trên prototype và quan sát chỗ họ ngập ngừng, bấm nhầm, hoặc thốt lên "ủa". Mỗi khoảnh khắc đó là một khoảng cách mental model bạn chưa thu hẹp được. Lặp lại từ bước 4.

Lỗi thường gặp & mẹo

Lỗi 1 — Thiết kế theo implementation model. Để giao diện phản ánh cấu trúc database hay luồng xử lý kỹ thuật. Người dùng không quan tâm bảng transactions có mấy trạng thái; họ chỉ muốn biết "tiền của tôi đang ở đâu". Mẹo: mỗi khi đặt nhãn, tự hỏi "đây là từ của hệ thống hay từ của người dùng?".

Lỗi 2 — Giả định người dùng có mental model giống bạn. Designer là người dùng bất thường nhất: bạn biết quá nhiều. Cái rõ ràng với bạn thường mù mờ với người mới. Mẹo: đừng bao giờ tin câu "ai cũng biết cái này"; hãy đi kiểm chứng với người ngoài đội.

Lỗi 3 — Phá vỡ quy ước mà không có lý do đủ lớn. Đặt giỏ hàng ở góc trái, dùng biểu tượng lạ cho chức năng quen thuộc. Mỗi lần phá quy ước là một lần bắt người dùng học lại. Mẹo: chỉ phá vỡ khi bạn chắc chắn giá trị mới vượt xa chi phí học lại — và hãy đo lường nó.

Lỗi 4 — Đưa khái niệm mới vào mà không giải thích. Như ví dụ "tạm giữ tiền": một trạng thái mới nằm ngoài mental model cũ luôn cần được hiện diện và tự giải thích. Mẹo: đặt lời giải thích ngay tại nơi và đúng lúc người dùng cảm thấy bất an, không nhét vào trang FAQ.

Lỗi 5 — Bỏ tín hiệu phản hồi khi đổi cơ chế. Như ví dụ auto-save: gỡ nút Lưu mà không thêm chỉ báo "đã lưu". Mẹo: khi thay một cơ chế quen thuộc, luôn cung cấp tín hiệu mới để đóng gulf of evaluation.

Mẹo tổng quát: mental model luôn thay đổi theo thời gian. Người dùng Việt Nam năm 2026 đã quen với quét QR thanh toán, vuốt để làm mới (pull-to-refresh), đăng nhập bằng sinh trắc học — những thứ vài năm trước còn xa lạ. Hãy theo dõi mental model đang dịch chuyển trong nhóm người dùng của bạn, đừng đóng băng ở quá khứ.

Bài tập thực hành

Bài tập 1 — Bản đồ kỳ vọng. Chọn một ứng dụng bạn dùng hằng ngày (ví dụ MoMo, Grab, Shopee). Liệt kê 8 hành động quan trọng nhất. Với mỗi hành động, viết một câu theo mẫu: "Tôi kỳ vọng [hành động] sẽ dẫn tới [kết quả], vì tôi đã quen với [nguồn]." Sau đó thực hiện thật từng hành động và đánh dấu chỗ nào sản phẩm làm khác kỳ vọng. Mỗi điểm lệch — hãy ghi chú nó tạo cảm giác gì.

Bài tập 2 — Phát hiện pattern ẩn. Tìm trong một app bạn quen ít nhất hai chức năng chỉ truy cập được qua thao tác ẩn (vuốt, nhấn giữ, lắc). Tự hỏi: một người dùng lần đầu, không ai chỉ dẫn, có khám phá ra chúng không? Đề xuất một lối hiển thị tường minh song song.

Bài tập 3 — Phỏng vấn dự đoán. Tìm một người không làm trong ngành thiết kế. Mở một giao diện mới với họ và trước mỗi lần họ bấm, hỏi "bạn nghĩ bấm cái này sẽ ra gì?". Ghi lại 10 dự đoán. So sánh với thực tế. Bạn vừa thu thập được mental model thật của một người dùng — và sẽ thấy nó khác xa giả định của bạn ra sao.

Tóm tắt

Mental model là sự hiểu biết nội tại của người dùng về cách sản phẩm vận hành, xây dựng từ kinh nghiệm trước đó và các giả định. Người dùng hành động dựa trên cách họ nghĩ hệ thống hoạt động, không phải cách nó thực sự hoạt động. Nhiệm vụ của designer là làm cho represented model — phần giao diện bạn kiểm soát — khớp với mental model của người dùng, chứ không phải khớp với cấu trúc kỹ thuật bên trong.

Khi khoảng cách giữa hai mô hình nhỏ, sản phẩm cho cảm giác trực giác; khi nó lớn, người dùng vấp, bối rối và rời bỏ. Các quy ước phổ biến chính là mental model dùng chung — đi ngược lại chúng luôn có chi phí. Ba câu chuyện về ví điện tử, auto-save và thao tác vuốt cho thấy một mẫu hình chung: rắc rối hiếm khi đến từ tính năng hỏng, mà đến từ kỳ vọng bị lệch. Hãy khám phá mental model trước khi vẽ, vẽ chúng ra thành lời, so sánh với thiết kế của bạn, xử lý từng điểm lệch, và luôn kiểm chứng bằng quan sát người dùng thật. Đây là tư duy nền, và bạn sẽ mang nó theo trong mọi quyết định thiết kế phía trước.