User Flow: Một trải nghiệm liền mạch giúp người dùng có thể đạt được mục tiêu

Trong bài viết này, chúng ta sẽ tìm hiểu tại sao sơ đồ User Flow lại quan trọng đối với thiết kế web và UI Design và tìm hiểu cách để tạo ra một trải nghiệm liền mạch?

Bạn có muốn hiểu người dùng của mình đang ở đâu, mục tiêu của họ là gì và làm thế nào để đạt được mục tiêu đó? Đây là lý do tại sao User Flow dùng tồn tại.

luong-nguoi-dung-1-1024x532.jpg

User Flow là gì?

User Flows (hay còn gọi là “luồng trải nghiệm người dùng”) là một đồ thị thể hiện những phần mà người dùng sẽ tương tác để hoàn thành một việc, một nhiệm vụ khi tương tác với sản phẩm, thiết kế của bạn.

Có rất nhiều cách khác nhau mà người dùng có thể thực hiện khi tương tác với sản phẩm. User flow cho phép Designer đánh giá và tối ưu hoá trải nghiệm người dùng và do đó tăng tỷ lệ chuyển đổi khách hàng.

Thông thường các doanh nghiệp sẽ cải thiện User Flows thông qua biểu đồ. Biểu đồ này sẽ cung cấp những hành động của khách hàng và mô phỏng cách mà họ tương tác với sản phẩm và dịch vụ của doanh nghiệp.

Tại sao cần lập biểu đồ User Flow?

Để các nhà phát triển biết nội dung nào nên được đưa vào mỗi màn hình của giao diện web hay giao diện trên thiết bị di động, bạn cần lập kế hoạch lưu lượng người dùng. Đây là cơ sở để phát triển và thử nghiệm trải nghiệm nhằm đáp ứng nhu cầu của người dùng và giúp họ đạt được mục tiêu. Tạo Luồng người dùng sẽ giúp bạn tiết kiệm thời gian, năng lượng và tiền bạc về lâu dài.

Sự thành công của trang web hay ứng dụng được đánh giá bằng mức độ dễ dàng của người dùng có thể điều hướng nó. Bằng cách so sánh các luồng người dùng, bạn có thể tạo ra trải nghiệm người dùng tích cực và xác định mức độ dễ dàng để người dùng đạt được mục tiêu cuối cùng, cũng như loại bỏ các trở ngại trên con đường của họ.

user-flow-1-1024x532.png

Minh họa: Outcrowd

Cách tạo User Flow?


Không quá khỏ để tạo ra một luồng trải nghiệm người dùng (User Flow). Bạn sẽ cần những công cụ như Bút chì, Thước kẻ nếu muốn phác thảo ý tưởng ra giấy. Đối với những người muốn làm mọi thứ rõ ràng và đẹp mắt hơn, có rất nhiều chương trình hỗ trợ bạn tạo ra User Flow như Bizagi , Caccoo hoặc Gliffy.

user-flow-2-1024x541.png

Trước khi vẽ sơ đồ, bạn cần một số sự chuẩn bị: trước hết là thu thập và hệ thống hóa thông tin marketing.
  1. Xác định mục tiêu và nhiệm vụ kinh doanh
Con đường dẫn đến mục tiêu bao gồm một chuỗi các nhiệm vụ cụ thể. Bạn nên có sẵn câu trả lời cho những câu hỏi sau:
  1. Mục tiêu kinh doanh của doanh nghiệp của bạn là gì?
  2. Bạn nên thực hiện những bước nào để đạt được mục tiêu này?
2. Xác định mục tiêu và nhiệm vụ của người dùng

Câu chuyện thực tế là bất kỳ nhà phát triển nào cũng đặt việc đạt được các mục tiêu kinh doanh lên trước. Tuy nhiên, trang web với các chức năng thuận tiện sẽ giúp mang lại thu nhập. Vì vậy, sự tiện lợi của người dùng phụ thuộc vào bạn. Nhìn vào trang web (ứng dụng) qua con mắt của họ. Nói rõ với các nhà phát triển rằng lợi ích của người dùng là quan trọng đối với bạn.

Bạn cần hiểu rõ khách truy cập của mình là ai. Vì những lý do này, bạn cần có người đánh giá – những nhân vật tổng quát của các nhóm khác nhau trong đối tượng mục tiêu. Hai đến bốn người thường là đủ để đại diện cho tỷ lệ phần trăm đối tượng mục tiêu tối đa.

Bạn sẽ cần câu trả lời cho những câu hỏi sau:

  1. Người dùng của bạn là ai?
  2. Họ muốn giải quyết những vấn đề gì?
  3. Những tính năng nào là quan trọng nhất đối với họ và tại sao?
  4. Bạn cần cung cấp thông tin gì để người dùng có thể dễ dàng tương tác với sản phẩm của bạn?
  5. Người dùng nên thực hiện những bước nào để đạt được mục tiêu của mình?
Các câu hỏi bổ sung cũng sẽ hữu ích, ví dụ:
  1. Người dùng sẽ sử dụng ứng dụng, trang web của bạn để làm gì?
  2. Động lực gì thúc đẩy người dùng mua sản phẩm?
  3. Người dùng cần thông tin gì để thực hiện một hành động?
Sẽ rất hữu ích khi chia người dùng thành các danh mục: người nghiên cứu, người mua tiềm năng và người mua quan tâm.

3. Xác định cách khách truy cập sẽ tìm thấy trang web của bạn


Luồng người dùng của bạn phải mô tả hành động của người dùng từ điểm vào đến điểm chuyển đổi. Điểm vào là nguồn giới thiệu trang web của bạn (VD: Facebook, Google,…). Các trang web có thể được truy cập từ các điểm khác nhau, trong khi các ứng dụng thường có điểm vào hạn chế. Điểm đầu vào có thể là:
  • Vào trực tiếp
  • Tìm kiếm tự nhiên
  • Quảng cáo trả phí
  • Các trang web giới thiệu
  • E-mail
  • Mạng xã hội
Tùy thuộc vào số lượng điểm vào, bạn sẽ cần hiển thị cách người dùng hợp nhất vào luồng người dùng. Có lẽ mỗi nhóm sẽ hợp nhất khác nhau.

user-flow-4-1024x498.png

Thông tin thu thập được sẽ giúp bạn dễ dàng hình dung cách người mà bạn mô tả giải quyết vấn đề của nó.

Hãy lấy một cửa hàng giày trực tuyến làm ví dụ và xác định người dùng, mục tiêu của họ và các bước để đạt được mục tiêu. Hãy để người dùng là một bà mẹ trẻ có mục tiêu mua giày cho con. Một trong các tình huống cho trình tự các bước có thể trông như thế này:
  1. Mở trang web của cửa hàng;
  2. Gõ vào hộp tìm kiếm “giày trẻ em”;
  3. So sánh nhiều sản phẩm từ kết quả tìm kiếm;
  4. Đưa sản phẩm đã chọn vào giỏ hàng;
  5. Mua hàng;
  6. Trả tiền;
  7. Đóng trang web.
4. Tạo phác thảo luồng

Chúng ta cần tạo một đường dẫn hoàn hảo để người dùng điều hướng trang web sao cho mục tiêu kinh doanh của bạn và mục tiêu người dùng đan xen lẫn nhau.

user-flow-5-1024x282.png

Bạn có vẽ User Flow trên giấy hoặc bảng đen. Nếu bạn thích định dạng kỹ thuật số, thì có các dịch vụ web tiện lợi cho việc này, ví dụ như Bizagi , Caccoo hoặc Gliffy.
  • Tạo bản nháp
Bạn nên bắt đầu bằng bản nháp hoặc bản phác thảo. Bắt đầu với việc ghi lại luồng chính, như một sơ đồ tư duy. Mỗi khung vẽ phải đại diện cho một bước trong hành động của người dùng. Để trình bày các bước khác nhau của quy trình, bạn có thể sử dụng các hình chữ nhật và hình tròn, sau đó kết nối các bước bằng cách sử dụng đường thẳng và mũi tên.

user-flow-6-1024x711.png

Sơ đồ luồng của bạn nên bao gồm ba bước chính: điểm đầu vào, các bước chính và bước cuối cùng để hoàn thành nhiệm vụ hoặc các tương tác cuối cùng.
  • Các bước chính
Giai đoạn này thường bao gồm hình ảnh về mục nhập hoặc đăng ký, màn hình chính và bất kỳ màn hình nào cần thiết để điều hướng nhiệm vụ cho đến khi hoàn thành. Mỗi bước phải quan trọng đối với nhiệm vụ chính. Bản phác thảo của bạn không nên mô tả tất cả các khía cạnh của nền tảng của bạn. Chỉ làm theo các bước mà người dùng của bạn cần để đạt được mục tiêu cuối cùng của họ. Giữ cho nó thật đơn giản!

user-flow-6-1024x768.jpeg
  • Bước cuối cùng
Bước cuối cùng là màn hình cuối cùng mà người dùng sẽ nhìn thấy khi hoàn thành nhiệm vụ mong muốn. Người dùng phải biết rằng họ đã hoàn thành. Ví dụ về bước cuối cùng để mua một mặt hàng có thể là màn hình xác nhận thông báo rằng đơn đặt hàng đã được tiếp nhận.

Khi bạn đã xây dựng sơ đồ luồng người dùng, hãy chia sẻ nó với các nhà thiết kế UX, nhà phát triển web và nhà phát triển phần mềm để cung cấp ngữ cảnh trước khi họ bắt đầu thiết kế trang web hoặc ứng dụng của bạn.

Phần kết luận

Tạo sơ đồ Luồng người dùng giúp bạn tiết kiệm thời gian và tiền bạc về lâu dài. Nó giúp các nhà phát triển hiểu được mục tiêu của bạn và sự tương tác của người dùng với sản phẩm.

Theo THDigi
 

Đính kèm

  • user-flow.jpg
    user-flow.jpg
    62.6 KB · Lượt xem: 0
  • Thẻ
    ui design user flow web design
  • Bình luận mới

    DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên