Trên Home, nhu cầu cần làm ngay và nội dung khám phá tranh nhau cùng một sự chú ý.
Techcombank · Thiết kế lại màn hình Home của app ngân hàng. Một nghiên cứu concept độc lập.
- Vai trò
- Product Designer
- Thời gian
- Tháng 1 đến tháng 5/2026
- Nhóm
- Một mình
- Nền tảng
- Ứng dụng di động
- Phương pháp
- Nghiên cứu thị trường, đối chuẩn đối thủ, phân tích đánh giá công khai (AI hỗ trợ gom nhóm, mẫu được kiểm tra thủ công), đánh giá UX, JTBD, IA, thiết kế tương tác, lập kế hoạch kiểm chứng
Nghiên cứu khi không có dữ liệu nội bộ
Các tín hiệu cho thấy có ma sát. Chúng không chứng minh mức độ phổ biến.
Ba nguồn làm ba việc khác nhau: số liệu thị trường cho bối cảnh hành vi, đối chuẩn đối thủ cho thấy kỳ vọng người dùng đã quen, và đánh giá công khai chỉ ra các điểm gãy lặp lại.
- 73.32%Tăng trưởng khối lượng giao dịch di độngTăng trưởng trung bình hằng năm được trích dẫn cho giai đoạn 2021 đến 2025 (số liệu của Ngân hàng Nhà nước và báo cáo Connected Consumer, theo nghiên cứu gốc). Nó làm ma sát trở nên đắt hơn, vì ngân hàng di động nay đã thành thói quen.
- 10 appĐối chuẩn ngân hàng và fintechSo sánh cách hiển thị số dư, nút ẩn/hiện, điều hướng, truy cập QR và các mẫu giao dịch.
- 153 trên ~1.000Đánh giá công khai liên quan UI/UXGom nhóm có AI hỗ trợ, sau đó các mẫu đại diện được kiểm tra thủ công.
Ranh giới bằng chứng
Các nguồn này đủ để biện minh cho việc điều tra và một hướng concept. Chúng không cho biết có bao nhiêu người dùng hiện tại gặp khó, thời gian cơ sở của họ là bao lâu, hay bản thiết kế lại có cải thiện hành vi hay không.
Hai chủ đề xuất hiện lặp đi lặp lại trong các đánh giá.
- Khả năng tìm thấyCó mặt không có nghĩa là dễ tiếp cận. Một tính năng bị chôn vẫn thất bại khi người dùng cần hành động nhanh.
- Tính nhất quánTrong sản phẩm tài chính, thay đổi giao diện khó đoán có thể bị hiểu là dịch vụ không ổn định.
Trong 153 đánh giá liên quan, 72 nói về trải nghiệm, 62 về giao diện và 19 về cả hai. Dữ liệu đánh giá mang tính phản ứng và thiên lệch do tự chọn: sự lặp lại khiến một chủ đề đáng được kiểm thử, chứ không tự động đại diện cho số đông.
Vì sao Home bắt người dùng phải đi tìm?
Câu trả lời đầu tiên là sự cạnh tranh về thị giác. Chẩn đoán làm việc đi sâu hơn: màn hình dường như không có quy tắc rõ ràng để gán mức ưu tiên theo loại sự chú ý.
Vì sao người dùng có thể mất thêm công sức để tìm một hành động?
Vì nhiều module cạnh tranh nhau với mức ưu tiên thị giác tương đương.
Vì sao nhiều module cùng đòi sự chú ý một lúc?
Vì Home phải phục vụ bối cảnh tài khoản, giao dịch, truy cập tức thì, dịch vụ và nội dung kinh doanh.
Vì sao phục vụ nhiều việc lại tạo ma sát?
Vì các việc cần cẩn trọng, khẩn cấp, trấn an và quảng bá đều được trình bày với cùng một kiểu ưu tiên.
Vì sao các việc khác nhau lại được trình bày giống nhau?
Vì, xét theo bằng chứng công khai, màn hình chủ yếu phản chiếu các module sản phẩm và nhu cầu phân phối.
Vì sao cấu trúc sản phẩm lấn át?
Vì Home vừa là điểm bắt đầu hành động vừa là mặt tiền của cả hệ sinh thái, mà không có mô hình sự chú ý nào chi phối.
Chẩn đoán làm việc: Home thiếu một quy tắc chung, có thể áp dụng để tách các việc theo nhu cầu chú ý: định hướng, trấn an, hành động có cân nhắc, hành động khẩn cấp và khám phá.
Vấn đề không phải là lớp nào đó không hợp lệ. Vấn đề là người dùng phải tự xác định mức ưu tiên trước khi có thể hành động.
Một Home, bốn việc
Mức ưu tiên đi theo độ khẩn cấp và rủi ro.
| Lớp | Người dùng đang hỏi | Cần gì | Hiện đang hỏng ở đâu |
|---|---|---|---|
| Trust | Tôi có đang ở đúng chỗ không, và tiền của tôi có ổn không? | Danh tính hiển thị rõ, số dư ổn định, trạng thái tài khoản rõ ràng. | Sự trấn an phải tranh chỗ với lối tắt và nội dung. |
| Core | Giúp tôi làm xong cho đúng, không chỉ cho nhanh. | Khu vực giao dịch ít nhiễu, có bước xem lại và xác nhận. | Người dùng phải quét một lưới rộng trước khi bắt đầu. |
| Quick | Một phản ứng nhanh khi gấp hoặc khi chưa chắc chắn. | Truy cập cố định tới QR, Thẻ và Thông báo. | Hành động khẩn cấp bị đối xử như lối tắt thường. |
| Growth | Còn gì hữu ích sau khi tôi xong việc chính? | Ưu đãi và dịch vụ đặt sau lớp tiện ích. | Một gợi ý bị cảm nhận như sự làm phiền. |
Home không nên tối ưu mọi việc cho tốc độ. Nó nên khớp mức hiển thị và vị trí với độ khẩn cấp, rủi ro và công sức ra quyết định.
Thay vì bắt đầu bằng một phong cách hình ảnh mới, bản thiết kế lại giao cho mỗi vùng một nhiệm vụ chính và một vị trí có chủ đích trong sự chú ý của người dùng. Context định hướng. Trust ổn định. Core tập trung. Quick tăng tốc. Growth chờ đúng thời điểm.
Năm quyết định, mỗi quyết định có cái giá của nó
Mỗi quyết định bảo vệ một việc và chấp nhận một sự đánh đổi cụ thể.

- TrustLàm số dư ổn định trước khi làm nó nổi bậtCho module số dư nhiều khoảng thở hơn. Giữ các trạng thái hiện, ẩn, đang tải, ngoại tuyến và lỗi cùng một chiều cao. Nút ẩn/hiện tối thiểu 54×54px.Quy tắc Niềm tin đến từ sự ổn định, không phải kích thước. Cái giá Tốn thêm chiều cao ở phần nhìn thấy đầu tiên.
- ContextGiữ danh tính hiển thị nhưng ở vai phụMột avatar nhỏ gọn và trạng thái tài khoản xác nhận đúng không gian cá nhân, đồng thời tách danh tính khỏi trạng thái tài chính.Quy tắc Ngữ cảnh nên định hướng, không lấn át. Cái giá Thêm một phần tử vào vùng đầu vốn đã đông.
- CoreTách riêng các giao dịch cần cân nhắcGiữ Chuyển tiền nổi bật trong một khu vực tập trung và thu gọn các hành động phụ khi hợp lý.Quy tắc Hành động cẩn trọng cần một điểm bắt đầu ít nhiễu. Cái giá Một số tác vụ ít dùng bị đẩy sâu thêm một cấp.
- QuickDành lối truy cập cố định cho việc khẩn cấpMột vùng ba mục ở phía dưới cho QR, Thẻ và Thông báo, với vùng chạm lớn tối thiểu 48×48px.Quy tắc Bớt phải tìm khi đang gấp. Cái giá Sức chứa của thanh điều hướng dưới bị giới hạn có chủ đích.
- GrowthĐặt nội dung kinh doanh sau lớp tiện íchVẫn hiển thị banner nhưng nằm dưới lớp định hướng và giao dịch, giới hạn chiều cao và chuyển các chiến dịch phụ sang chỗ khác.Quy tắc Gợi ý sau khi đã trấn an. Cái giá Mức hiển thị sớm của chiến dịch có thể giảm, nên tỷ lệ nhấp phải được dùng làm chốt chặn.
Hiện đại hóa thứ bậc, hay cả cách trình bày?
Cả hai hướng dùng cùng một logic phân lớp. Chúng khác nhau ở chỗ sẵn sàng đánh đổi bao nhiêu sự quen thuộc để lấy thay đổi nhìn thấy được.
Phương án A · Có kiểm soát Được chọn
Giữ mô hình tư duy quen thuộc. Thay đổi mức ưu tiên, khoảng cách, hành vi trạng thái và vị trí truy cập nhanh.
Điểm mạnh
- Chi phí học lại thấp hơn
- Triển khai theo giai đoạn an toàn hơn
- Đo nhân quả rõ hơn
Điểm yếu
- Ít ấn tượng về hình ảnh
- Vẫn còn một số ràng buộc cũ
- Có thể không đáp ứng mục tiêu đổi nhận diện
Phương án B · Dạng thẻ
Gói danh tính và số dư vào một thẻ tài chính lớn để có cách trình bày cao cấp, đậm chất fintech hơn.
Điểm mạnh
- Thay đổi hình ảnh mạnh hơn
- Vùng đầu dạng module hơn
- Tín hiệu đổi nhận diện rõ hơn
Điểm yếu
- Đẩy hành động xuống thấp hơn
- Chi phí học lại cao hơn
- Rủi ro hỗ trợ và triển khai nhiều hơn

Quyết định của tôi là Phương án A.
Mục tiêu được nêu là giảm ma sát hằng ngày, không phải tuyên bố đổi nhận diện. Nếu mục tiêu kinh doanh thật sự là thay đổi cảm nhận, Phương án B mới là lựa chọn trung thực, nhưng nó cần một kế hoạch nghiên cứu, chiến lược chuyển đổi và ngân sách rủi ro khác. Phép so sánh là công cụ hỗ trợ quyết định, không phải bằng chứng định lượng.
Chưa có chỉ số, chưa có tuyên bố
Concept này chưa được phát hành. Bước tiếp theo hợp lệ là đo mức cơ sở, không phải đánh bóng giao diện.
- Đo mức cơ sởĐo thời gian đến hành động, tỷ lệ thành công, điểm vào, tỷ lệ nhấp banner và các phiếu hỗ trợ liên quan đến việc không tìm thấy.
- Thử với cả hai nhóm người dùngTuyển 8 đến 10 người tham gia thuộc cả nhóm dùng thường xuyên và ít dùng, vì họ gặp khó theo những cách khác nhau.
- So sánh kết quả có chốt chặnLàm QR nhanh hơn mà không làm chuyển tiền chậm đi; làm rõ hơn mà không phá sự quen thuộc hay hiệu quả kinh doanh.
- Triển khai theo từng lớpNền tảng hình ảnh, rồi Số dư, rồi Truy cập nhanh, rồi Growth, mỗi lớp có cổng quyết định và ngưỡng hoàn tác riêng.
| Chỉ số | Quyết định nó bảo vệ | Hướng | Trạng thái |
|---|---|---|---|
| Thời gian đến QR | Truy cập nhanh cải thiện hành động khẩn cấp | Giảm so với hiện tại | Cần mức cơ sở |
| Thời gian đến chuyển tiền | Tách hành động không làm hại việc cốt lõi | Không tăng đáng kể | Chốt chặn |
| Tỷ lệ hoàn thành tác vụ cốt lõi | Thứ bậc cải thiện khả năng tìm thấy và hoàn thành | Mục tiêu đặt sau khi có mức cơ sở | Cần mức cơ sở |
| Điểm quen thuộc | Thay đổi có kiểm soát bảo vệ hành vi đã quen | Không giảm mạnh | Chốt chặn |
| Tỷ lệ nhấp banner | Đặt muộn hơn không phá giá trị tăng trưởng | Không giảm đáng kể | Chốt chặn |
| Phiếu hỗ trợ | Thay đổi điều hướng không làm mất tính năng | Không tăng báo cáo "không tìm thấy" | Chốt chặn |
Sự rõ ràng về hành vi thắng sự mới lạ về hình ảnh. Một lưới gọn hơn trông đẹp hơn được một thời gian, nhưng các chiến dịch mới sẽ tạo lại đúng sự cạnh tranh đó nếu quy tắc ưu tiên và người chịu trách nhiệm không đổi.
- Product, Design và Growth thống nhất loại việc nào được chiếm lớp nào, và cần bằng chứng gì để đổi mức ưu tiên.
- Theo dõi theo việc, không theo module: điểm vào, thời gian đến hành động, hoàn thành, lỗi và phục hồi cho QR, chuyển tiền, quản lý thẻ và thông báo.
- Phát hành từng lớp có thể đo độc lập, kèm ngưỡng hoàn tác rõ ràng, thay vì một đợt thiết kế lại gộp chung.
Nghiên cứu này không tuyên bố điều gì
Đánh giá công khai cho thấy chủ đề, không cho biết tỷ lệ người dùng bị ảnh hưởng. Một thứ bậc gọn hơn không đảm bảo thao tác nhanh hơn cho đến khi được kiểm thử. Dời banner có thể tăng độ tiếp nhận hoặc làm giảm mức hiển thị, nên tỷ lệ nhấp và chuyển đổi phía sau phải quyết định. Ngay cả thay đổi có kiểm soát cũng có thể phá thói quen của người dùng hằng ngày và cần cơ chế hoàn tác.
Seek Discomfort!
Sẵn sàng hợp tác? Hãy kể tôi nghe bạn đang xây dựng gì.
vuhm.work@gmail.com- Điện thoại
- (+84) 92 7474 800
- Giờ làm việc
- Thứ 2 đến Thứ 6, 9:00 đến 18:00