Mở đầu — vì sao bài này quan trọng
Hãy tưởng tượng bạn vừa hoàn thành một loạt phỏng vấn, khảo sát và quan sát người dùng. Bạn có trong tay hàng chục trang ghi chú, những trích dẫn đắt giá, những con số về tỷ lệ hoàn thành. Nhưng khi bước vào phòng họp với ban lãnh đạo, bạn nhận ra một sự thật đau đớn: không ai có thời gian đọc hết đống dữ liệu đó, và tệ hơn, không ai cảm nhận được nỗi đau của người dùng qua những dòng chữ khô khan.
Đây chính là lúc Journey Map (bản đồ hành trình) phát huy sức mạnh. Trong một khóa học về nghiên cứu UX nâng cao, có thể bạn đã nghe qua khái niệm này ở cấp độ cơ bản. Nhưng bài học hôm nay không dừng ở "vẽ một đường ngang chia thành các giai đoạn". Chúng ta sẽ đi sâu vào hai loại journey map quan trọng nhất mà một nhà nghiên cứu chuyên nghiệp phải phân biệt rạch ròi: As-Is (hiện trạng) và Future-State (trạng thái tương lai).
Đây là điểm mà rất nhiều người làm UX ở Việt Nam nhầm lẫn: họ vẽ một bản đồ trông "đẹp" nhưng không rõ nó đang mô tả cái đang có hay cái mong muốn. Sự nhầm lẫn này khiến journey map trở thành một tấm poster treo tường, thay vì một công cụ ra quyết định. Journey mapping đúng nghĩa là một bước tổng hợp và diễn giải dữ liệu nghiên cứu — nó biến insight thành một câu chuyện có cấu trúc mà cả đội thiết kế, sản phẩm và kinh doanh đều hiểu và hành động được.
Khái niệm cốt lõi
Journey Map là gì
Journey Map là biểu diễn trực quan (visual representation) toàn bộ trải nghiệm end-to-end của một người dùng khi tương tác với sản phẩm hoặc dịch vụ, được sắp xếp theo trình tự thời gian. Điểm mấu chốt: journey map phải bám vào dữ liệu nghiên cứu thực tế, không phải phỏng đoán trong phòng họp. Một bản đồ hành trình vẽ từ trí tưởng tượng của đội sản phẩm chỉ là một "assumption map" (bản đồ giả định) — nó có giá trị làm điểm khởi đầu, nhưng không được nhầm lẫn với sự thật đã được kiểm chứng.
Các thành phần cấu tạo
Một journey map hoàn chỉnh thường gồm các lớp (layer) sau, xếp chồng theo chiều dọc, trải dài theo trục thời gian ngang:
- Persona / Actor — nhân vật của hành trình. Một journey map chỉ nên mô tả một persona cho một kịch bản (scenario). Trộn nhiều persona vào một bản đồ là lỗi kinh điển khiến câu chuyện trở nên mờ nhạt.
- Phase (Giai đoạn) — các chặng lớn của hành trình, ví dụ: Nhận biết → Cân nhắc → Mua hàng → Sử dụng → Trung thành. Phase giúp người xem định hướng tổng thể.
- Actions / Touchpoints (Hành động / Điểm chạm) — người dùng thực sự làm gì ở mỗi bước, và họ tương tác qua kênh nào (app, website, tổng đài, cửa hàng vật lý...).
- Thoughts (Suy nghĩ) — những câu hỏi, kỳ vọng, băn khoăn trong đầu người dùng. Đây là nơi các trích dẫn nguyên văn (verbatim quotes) từ phỏng vấn tỏa sáng.
- Emotions (Cảm xúc) — đường cong cảm xúc (emotion curve) lên xuống qua từng bước. Đây là "linh hồn" của journey map, thứ khiến stakeholder đồng cảm.
- Pain points & Opportunities (Điểm đau & Cơ hội) — nơi trải nghiệm gãy vỡ, và nơi ta có thể can thiệp để cải thiện.
- Backstage / Ownership (Hậu trường / Người phụ trách) — hệ thống, phòng ban nào đứng sau mỗi điểm chạm. Lớp này biến journey map thành công cụ vận hành, không chỉ trưng bày.
As-Is vs Future-State — trái tim của bài học
Đây là phần cần phân biệt thật kỹ.
As-Is Journey Map (Bản đồ hiện trạng) mô tả hành trình đang diễn ra ngay lúc này, với tất cả sự lộn xộn, ma sát và điểm đau thực tế của nó. Nó trả lời câu hỏi: "Người dùng hiện đang trải nghiệm điều gì?". Bản đồ As-Is bắt buộc phải dựa trên dữ liệu quan sát và nghiên cứu thực tế — bạn không được tô hồng. Mục tiêu của As-Is là chẩn đoán: phơi bày những chỗ đau để cả tổ chức nhìn thấy vấn đề.
Future-State Journey Map (Bản đồ trạng thái tương lai) mô tả hành trình lý tưởng mà ta muốn tạo ra. Nó trả lời câu hỏi: "Sau khi ta thiết kế lại, trải nghiệm nên trở thành như thế nào?". Bản đồ Future-State mang tính tầm nhìn và thiết kế — nó dựa trên insight từ As-Is cộng với sự sáng tạo, nguyên tắc thiết kế và mục tiêu kinh doanh. Đây là công cụ để căn chỉnh (align) cả đội về một đích đến chung.
Nguyên tắc vàng: luôn làm As-Is trước, Future-State sau. Bạn không thể thiết kế tương lai đáng tin cậy nếu chưa hiểu thấu hiện tại. Nhảy thẳng vào Future-State là cái bẫy khiến đội ngũ vẽ ra một "giấc mơ" xa rời nỗi đau thật của người dùng.
Một cách hình dung: As-Is là tấm X-quang chẩn đoán bệnh; Future-State là phác đồ điều trị. Bác sĩ giỏi không kê đơn trước khi chụp chiếu.
Tình huống thực tế
Ví dụ 1: Chuỗi cà phê "Highlands-style" và app đặt hàng
Một chuỗi cà phê lớn tại Việt Nam (gọi là chuỗi X) muốn tăng tỷ lệ đặt hàng qua app thay vì xếp hàng tại quầy. Đội nghiên cứu UX thực hiện 12 buổi phỏng vấn theo ngữ cảnh (contextual inquiry) tại các cửa hàng ở TP.HCM và Hà Nội.
Bản đồ As-Is vẽ ra hành trình của persona "Minh, nhân viên văn phòng, 28 tuổi, mua cà phê giờ nghỉ trưa". Đường cảm xúc tụt dốc thảm hại ở ba điểm: (1) mở app thấy phải tạo tài khoản mới → khó chịu; (2) không biết cửa hàng nào gần nhất còn mở → hoang mang; (3) đặt xong nhưng đến nơi vẫn phải chờ vì bếp không nhận đơn đúng giờ → bực bội, "lần sau khỏi đặt app cho mệt". Dữ liệu định lượng đi kèm: 41% người mở app rồi bỏ giữa chừng ở bước đăng ký.
Bài học rút ra: Bản đồ As-Is này phơi bày một sự thật mà ban giám đốc không ngờ tới — vấn đề không nằm ở giao diện đẹp hay xấu, mà ở khâu vận hành backstage (bếp không đồng bộ với đơn app). Nếu đội chỉ vẽ Future-State ngay từ đầu, họ đã lao vào redesign giao diện đặt món, trong khi gốc rễ nằm ở quy trình bếp.
Ví dụ 2: Ngân hàng số và hành trình mở tài khoản eKYC
Một ngân hàng số tại Đông Nam Á (gọi là ngân hàng Y) muốn cải thiện trải nghiệm mở tài khoản trực tuyến bằng eKYC (định danh điện tử). Đội UX xây dựng cả hai bản đồ.
As-Is: Hành trình của "Lan, 34 tuổi, lần đầu dùng ngân hàng số" cho thấy bảy bước, trong đó bước chụp CCCD và selfie thất bại tới ba lần vì app không hướng dẫn rõ ánh sáng và góc chụp. Cảm xúc rơi xuống đáy ở phút thứ 6, và dữ liệu cho thấy 33% người dùng bỏ cuộc ngay tại đây. Có một trích dẫn được ghim lên bản đồ: "Nó cứ báo lỗi mà không nói tôi sai chỗ nào, tôi tưởng app bị hỏng."
Future-State: Đội thiết kế lại hành trình lý tưởng, trong đó mỗi bước chụp có hướng dẫn thời gian thực (khung viền chuyển xanh khi đủ sáng), có thanh tiến trình rõ ràng "3/7 bước", và có phương án dự phòng gọi video-call hỗ trợ nếu thất bại 2 lần. Đường cảm xúc trong bản đồ Future-State được giữ ổn định ở mức tích cực suốt hành trình.
Bài học rút ra: Hai bản đồ đặt cạnh nhau tạo thành một câu chuyện thuyết phục tuyệt đối trong buổi họp: "Đây là nỗi đau hiện tại (con số 33% bỏ cuộc), và đây là tương lai ta cam kết xây dựng." Chính sự đối chiếu As-Is → Future-State giúp đội xin được ngân sách phát triển, điều mà một bản đồ đơn lẻ không làm nổi.
Ví dụ 3: Sàn thương mại điện tử và hành trình đổi trả hàng
Một sàn TMĐT vừa (giả định tên là ShopViet) nhận nhiều phàn nàn về khâu đổi trả. Đội nghiên cứu phát hiện qua diary study rằng nỗi đau không nằm ở lúc yêu cầu đổi trả, mà ở khoảng chờ đợi im lặng sau đó — người dùng không biết đơn của mình đang ở đâu.
As-Is cho thấy một "vùng chết" cảm xúc kéo dài 3–5 ngày, nơi người dùng nhắn tin liên tục vào chat mà không ai trả lời. Future-State đề xuất thêm các "điểm chạm chủ động" (proactive touchpoints): thông báo tự động mỗi khi trạng thái thay đổi, dù chỉ là "shipper đã nhận hàng hoàn".
Bài học rút ra: Đôi khi cơ hội cải thiện lớn nhất không phải là thêm tính năng mới, mà là lấp khoảng trống giao tiếp mà chỉ journey map mới lộ ra được — vì nó nhìn theo dòng thời gian, chứ không nhìn theo màn hình riêng lẻ.
Hướng dẫn từng bước
Dưới đây là quy trình xây dựng journey map cho cả hai loại, áp dụng được ngay cho dự án của bạn.
Bước 1 — Xác định phạm vi (scope). Chọn một persona và một scenario cụ thể. Ví dụ: "Minh đặt cà phê giờ trưa qua app", không phải "khách hàng dùng dịch vụ của chúng ta". Phạm vi càng hẹp, bản đồ càng sắc.
Bước 2 — Gom và mã hóa dữ liệu. Tập hợp toàn bộ dữ liệu nghiên cứu: bản ghi phỏng vấn, số liệu analytics, nhật ký diary study. Đánh dấu (tag) từng mẩu dữ liệu theo giai đoạn hành trình mà nó thuộc về. Đây là bước biến journey map từ "phỏng đoán" thành "có căn cứ".
Bước 3 — Vẽ bản đồ As-Is trước. Dựng các giai đoạn (phase) trên trục ngang. Với mỗi giai đoạn, điền lần lượt: hành động → điểm chạm → suy nghĩ (dùng trích dẫn thật) → cảm xúc → điểm đau. Tuyệt đối trung thực, kể cả khi sự thật khó nghe.
Bước 4 — Vẽ đường cong cảm xúc. Nối các mức cảm xúc thành một đường liền. Những điểm trũng sâu nhất chính là các "moments of truth" (khoảnh khắc quyết định) — nơi đáng đầu tư nhất.
Bước 5 — Xác định cơ hội (opportunities). Tại mỗi điểm đau, ghi lại câu hỏi "Làm sao để...?" (How Might We). Đây là cầu nối chuyển từ As-Is sang Future-State.
Bước 6 — Vẽ bản đồ Future-State. Dựa trên các cơ hội đã xác định, hình dung lại hành trình lý tưởng. Giữ nguyên cấu trúc giai đoạn để dễ đối chiếu, nhưng vẽ lại đường cảm xúc theo hướng ta mong muốn, kèm giải pháp thiết kế cụ thể ở từng bước.
Bước 7 — Bổ sung lớp hậu trường (backstage). Với bản đồ Future-State, ghi rõ ai/hệ thống nào chịu trách nhiệm cho mỗi cải tiến. Không có lớp này, Future-State chỉ là mơ mộng không ai thực thi.
Bước 8 — Trình bày và kiểm chứng. Đặt hai bản đồ cạnh nhau khi trình bày. Sau khi triển khai, hãy quay lại đo lường xem hành trình thực tế có tiến gần Future-State không — journey map là tài liệu sống, không phải poster.
Lỗi thường gặp & mẹo
Lỗi 1 — Vẽ As-Is từ trí tưởng tượng. Đây là lỗi phổ biến nhất. Nếu bản đồ hiện trạng không có một trích dẫn thật, một con số thật nào, nó chỉ là bản đồ giả định. Mẹo: gắn ít nhất một bằng chứng nghiên cứu (quote hoặc data point) vào mỗi giai đoạn.
Lỗi 2 — Nhầm lẫn As-Is và Future-State trong cùng một bản đồ. Nửa trên tô hồng, nửa dưới bi quan, người xem không biết đâu là thực tại đâu là mong muốn. Mẹo: luôn dán nhãn rõ ràng "AS-IS" hoặc "FUTURE-STATE" ở góc bản đồ, dùng màu sắc khác nhau.
Lỗi 3 — Nhồi nhiều persona vào một bản đồ. Câu chuyện loãng, cảm xúc mâu thuẫn. Mẹo: một bản đồ, một persona, một scenario. Cần nhiều thì làm nhiều bản đồ.
Lỗi 4 — Bỏ quên lớp cảm xúc. Một bản đồ chỉ liệt kê hành động khô khan sẽ không lay động được stakeholder. Mẹo: đường cảm xúc là "vũ khí đồng cảm" — hãy làm nó nổi bật.
Lỗi 5 — Coi Future-State là bản thiết kế cuối cùng. Future-State là tầm nhìn định hướng, không phải spec chi tiết. Mẹo: xem nó như la bàn, còn thiết kế chi tiết vẫn cần kiểm chứng qua thử nghiệm sau này.
Mẹo tổng hợp: Journey map đẹp mà không dẫn tới hành động là thất bại. Luôn kết thúc mỗi bản đồ bằng danh sách 3–5 "hành động ưu tiên" rút ra từ khoảng cách giữa As-Is và Future-State.
Bài tập thực hành
Hãy chọn một sản phẩm hoặc dịch vụ bạn quen thuộc (ví dụ: app gọi xe, ví điện tử, hoặc quy trình đăng ký khóa học online).
- Xác định phạm vi: Viết ra một persona cụ thể và một scenario duy nhất (một câu).
- Dựng As-Is: Vẽ 4–6 giai đoạn. Với mỗi giai đoạn, ghi: hành động, một suy nghĩ (tưởng tượng dưới dạng trích dẫn của người dùng), mức cảm xúc (thang 1–5), và điểm đau nếu có. Nếu bạn có thể phỏng vấn 1–2 người dùng thật, hãy thay các phần tưởng tượng bằng dữ liệu thật.
- Tìm cơ hội: Với hai điểm đau sâu nhất, viết mỗi điểm một câu "Làm sao để...?".
- Dựng Future-State: Vẽ lại hành trình lý tưởng, giữ nguyên các giai đoạn, nhưng chỉ rõ giải pháp thiết kế và đường cảm xúc mới ở hai điểm bạn vừa cải thiện.
- Rút hành động: Liệt kê 3 hành động ưu tiên và ghi ai sẽ chịu trách nhiệm cho mỗi hành động.
Tóm tắt
Journey Mapping là công cụ tổng hợp dữ liệu nghiên cứu thành một câu chuyện trực quan theo dòng thời gian, gồm các lớp: persona, giai đoạn, hành động/điểm chạm, suy nghĩ, cảm xúc, điểm đau và hậu trường. Điểm cốt lõi của bài học này là phân biệt hai loại bản đồ: As-Is mô tả trung thực hiện trạng dựa trên dữ liệu thật để chẩn đoán vấn đề, còn Future-State phác họa trải nghiệm lý tưởng để căn chỉnh cả đội về đích đến. Nguyên tắc bất di bất dịch là làm As-Is trước, Future-State sau — vì bạn không thể thiết kế tương lai đáng tin nếu chưa thấu hiểu hiện tại.
Sức mạnh thật sự nằm ở khoảng cách giữa hai bản đồ: chính khoảng cách đó biến thành danh sách ưu tiên hành động và là lập luận thuyết phục nhất để xin nguồn lực. Hãy nhớ ba nguyên tắc: bám dữ liệu thật, một bản đồ một persona, và luôn kết thúc bằng hành động. Journey map không phải poster treo tường — nó là tài liệu sống dẫn dắt quyết định thiết kế.