Lý thuyết và quy trình thực hiện A/B Testing có thể dễ dàng tìm thấy ở nhiều nguồn, tuy nhiên ví dụ thực tế thì lại không nhiều. Trong bài viết hôm nay, Careerly gửi đến cho bạn 7 kết quả A/B test được thực hiện bởi những công ty công nghệ hàng đầu thế giới như Amazon, Google, Airbnb, kèm một vài phân tích kết quả ngắn. Hy vọng sau khi đọc bài viết này, team của bạn sẽ có thêm động lực tiến hành kiểm chứng thay đổi bằng A/B test nếu vẫn còn chưa thực hiện phương pháp này trước đây.

Amazon: A/B test layout của website – Full width screen vs Fixed width screen.

Thử nghiệm:

• Biến thể A, chiều rộng của cột nội dung chính trang web sẽ được trình bày theo chiều rộng của màn hình người dùng (full width).
• Biến thể B, chiều rộng của cột nội dung chính được cố định (fixed width) ở mức tối đa là 1500 pixels.

Kết quả: Amazon đã chọn biến thể B.

Phân tích: Thực ra, đây là kết quả khá giống với nhiều kết quả A/B test của các dịch vụ/nền tảng online khác. Hiện nay màn hình của người dùng đã được cải thiện nhiều về độ lớn và độ phân giải vì vậy nhiều trang web lựa chọn cách trình bày full width. Tuy nhiên, theo các kết quả AB test thực tế, việc giới hạn chiều rộng và để padding cho layout lại khiến việc theo dõi nội dung tiện lợi và dễ dàng hơn. Với phiên bản full width, nội dung dàn trải quá rộng từ trái sang phải, gây khó khăn cho việc nắm bắt thông tin của người đọc.

Amazon: A/B test giao diện menu – Dropdown vs “Hamburger” 

Thử nghiệm:

• Biến thể A: các category nằm trong label “Department” được trình bày theo dạng dropdown menu.
• Biến thể B: phần menu này được chuyển đổi thành dạng “hamburger menu” phần label mang tên “department” được thay thế bằng một biểu tượng. Ngoài ra, thí nghiệm này không chỉ dừng lại ở chỗ việc thay đổi cách trình bày menu bar mà Amazon còn gắn thêm thông điệp kêu gọi sign-in ở ngay option đầu tiên sau khi người dùng nhấn vào biểu tượng hình hamburger.

Kết quả: Biến thể B với hamburger menu được chọn.

Phân tích: Trên thực tế kết quả của bài test này sẽ khác nhau tùy theo tính chất của sản phẩm/dịch vụ (đây là lí do bạn không nên sao chép các ông lớn một cách mù quáng). Với những trang web có lượng người dùng hầu hết là những người lần đầu truy cập thì menu được trình bày theo hình thức dropdown sẽ mang tính trực quan hơn. Tuy nhiên Amazon là trang web có lượng người dùng đã có kinh nghiệm sử dụng web nhiều lần, nên việc trình bày menu dưới dạng hamburger sẽ giúp rút gọn menu so với cách truyền thống, đỡ rối mắt cho người dùng.

Netflix: A/B test nội dung nút CTA (call to action) trên landing page: 

Thử nghiệm: Đây là một trong những thí nghiệm A/B test rất phổ biến. Trong thí nghiệm này, Netflix đơn giản chỉ thay đổi nội dung trong nút CTA.

• Biến thể A: “Watch free for 30 days” (Trải nghiệm miễn phí trong 30 ngày)
• Biến thể B: “Try it now” (Hãy trải nghiệm ngay).

Kết quả: Biến thể B với nội dung “Try it now” được chọn.

Phân tích: Trong thử nghiệm này, từng đặc điểm của mỗi sản phẩm mà sẽ cho ra kết quả khác nhau. Ở trường hợp của Netflix, nội dung CTA “Watch free for 30 days” có thể khiến cho người dùng thấy được tương lai phải trả tiền cho dịch vụ sau 30 ngày dùng miễn phí, từ đó khiến họ ngần ngại click thực hiện hành động hơn.

Google: A/B test giao diện các hạng mục của bộ lọc tìm kiếm:

Thử nghiệm: Trên thanh menu của bộ lọc kết quả tìm kiếm, Google đã thực hiện A/B test với:

• Biến thể A: chỉ thể hiện tên các bộ lọc trên thanh menu, chỉ đặt icon trên thanh tìm kiếm chính.
• Biến thể B: chèn thêm icon bên cạnh tên của các bộ lọc, icon trên thanh tìm kiếm chính giữ nguyên.

Kết quả: Sau một tháng chạy thử nghiệm, Google đã chọn biến thể B, thay đổi phần nhìn trên trang tìm kiếm của mình.

Phân tích: Biến thể B đã mang lại hiệu quả trực quan hơn, giúp thay đổi thói quen của người dùng, mang lại hiệu quả hơn nhiều với biến thể A. Qua bài học từ Google, khi thiết kế sản phẩm ngoài phần text quan trọng, chúng ta cũng nên bổ sung icon khi trình bày để đạt hiệu quả tốt hơn.

Airbnb: A/B test cách trình bày timeline hoàn tiền khi hủy phòng: 

Thử nghiệm: Airbnb thực hiện A/B test với:

• Biến thể A: trình bày 2 dòng text về thời gian được hủy phòng miễn phí, và thời gian được hoàn tiền 50% khi hủy phòng.
• Biến thể B: thêm phần graphic thể hiện rõ ràng timeline về phần trăm số tiền khách được refund khi hủy phòng. AirBnb hi vọng với graphic này khách hàng sẽ dễ dàng theo dõi timeline về tiền được refund.

Kết quả: Thử nghiệm này lại cho ra một kết quả rất bất ngờ. Việc timeline được trình bày rõ ràng trong biến thể B lại đem đến hiệu quả ngược và Airbnb lại quay về với cách trình bày truyền thống, chỉ có text.

Phân tích: Từ kết quả thử nghiệm này, chúng ta có thể rút ra rằng, không phải lúc nào việc cho khách hàng nhìn rõ mọi thông tin đều tốt, đặc biệt là những dạng thông tin khiến khách hàng cảm thấy bất lợi như tiền phạt họ phải chịu hoặc những giới hạn trong dịch vụ.

Airbnb: A/B test vị trí đặt nút

Thử nghiệm:

• Biến thể A: Airbnb đã đặt nút engagement hình trái tim (like, wish list, favorite) trực tiếp trên ảnh của phòng.
• Biến thể B: Họ tách nút này ra phần rìa phải trên cùng, ngay bên cạnh phần biểu thị tên phòng.

Kết quả: Nút engagement nằm riêng sẽ mang lại hiệu quả hơn.

Phân tích: Thông qua thử nghiệm này có thể thấy rằng, việc đặt tách riêng các yếu tố có mục đích khác nhau giúp người dùng dễ chú ý hơn, khuyến khích họ thực hiện hoạt động tương tác hiệu quả hơn. Ngoài ra, khi có nhiều yếu tố quan trọng cần trình bày trên giao diện, chúng ta nên sắp xếp chúng theo thứ tự quan trọng để bố trí cho phù hợp.

Booking.com: A/B test giao diện cửa sổ modal (modal window): 

Thử nghiệm: Booking.com thường thích bố trí popups, overlays và nudges nhiều hình dạng và kích thước để “nhắc nhở” người dùng của mình. Trong A/B test này:

• Biến thể A: giao diện web truyền thống của Booking.com, bố trí menu chọn ngày giờ phía bên trái màn hình, khi người dùng điền đầy đủ các thông tin, trang web sẽ di chuyển.
• Biến thể B: Booking.com đã chuyển một phần các thông tin cần điền vào cửa sổ modal bên phải.

Kết quả: Ý đồ của Booking.com không thành công, cách trình bày như cũ vẫn mang lại hiệu quả hơn.

Phân tích: Trong thí nghiệm A/B test của Booking.com khi thêm một cửa sổ modal trên 1 trang web như vậy có thể khiến người dùng bị rối mắt, ngoài ra việc trải dài thông tin từ trái sang phải còn làm phức tạp hóa gaze path (hành trình của mắt).

Lời kết:

Thông qua các ví dụ trên, có thể thấy rằng, một số kết quả A/B test mang lại hiệu quả đúng với mong đợi ban đầu của team nhưng cũng có một số kết quả đi ngược lại hoàn toàn, do đó không có gì đảm bảo chắc chắn những gì chúng ta suy nghĩ hoặc những “quy luật” mà chúng ta định ra đã là đúng, chỉ có người dùng/khách hàng mới mang lại đáp án chính xác nhất cho các thử nghiệm. Vì vậy khi thử nghiệm một thay đổi mới cho sản phẩm của bạn, đừng chủ quan loại bỏ đi bất cứ phương án nào chỉ vì nó “không hợp với lẽ thông thường”.

Ví dụ trong bài được lấy từ Leaks A/B testing được chia sẻ trên GoodUI.org. Bạn có thể tìm thêm những kết quả A/B testing thực tế tương tự trên trang web này.

© Nguồn: Careerly.vn
Để tìm thêm những nội dung tương tự, bạn có thể đăng ký tham gia cộng đồng người làm công nghệ trên Careerly App tại: https://try.careerly.vn/welcome/

Bài viết Học được gì từ 7 ví dụ A/B Test thực tế đã xuất hiện đầu tiên vào ngày Công ty cổ phần giải pháp công nghệ fanxipan.

Việc chọn phân khúc thị trường và target khách hàng không phải là một chiến lược gì xa lạ. Chia khách hàng theo nhân khẩu, địa lý hay mức thu nhập, vân vân vẫn là công việc cơ bản của các marketer. Nhưng chỉ như vậy thôi chưa chắc đã đủ để hiểu được những khách hàng này muốn gì để truyền tải thông điệp marketing hay phát triển sản phẩm phù hợp với họ. Những cách chia định tính, phân nhóm số lượng lớn khách hàng dựa trên số liệu thường có điểm yếu là tạo ra một hình ảnh máy móc, không thực tế về khách hàng.

Vậy khi bạn đã thu thập đủ dữ liệu về khách hàng mà vẫn không xác định chính xác được target cho sản phẩm thì bạn phải làm gì? Cách tốt nhất là bạn nên xác định các mẫu hành vi và đặc điểm quan trọng cụ thể của khách hàng, hay trong quản lý sản phẩm công nghệ chính là xây dựng một User Persona (Chân dung người dùng) sống động cho người dùng của sản phẩm. Hôm nay hãy cùng Careerly tìm hiểu về User Persona cũng như cách để tạo một User Persona tốt, và đương nhiên không thể thiếu ví dụ thực tế! Đọc hết bài viết để không bỏ lỡ case thực tế cực hay về cách Nike đã ứng dụng User Persona để cải thiện trải nghiệm cho đối tượng khách hàng là nữ giới hơn nhé!

Persona là gì?

Một persona thể hiện một kiểu hành vi nhất định của một nhóm người trong thực tế, tuy nhiên chính nó không phải là một cá thể có thật. Đó là một nhân vật giả tưởng có các đặc điểm của khách hàng. Đó là một hình ảnh chung miêu tả một phương thức nhất định mà khách hàng tương tác với sản phẩm hay thương hiệu.

Làm marketing cho một công ty tech cũng tương tự như làm phim vậy. Bộ phim bom tấn nào cũng bắt đầu bằng một kịch bản hay, nhưng những mảnh ghép của câu chuyện đó sẽ không thể hài hòa ghép lại thành một bộ phim nếu các nhân vật không hấp dẫn. Cũng như vậy, sản phẩm nào cũng bắt đầu từ hiểu biết toàn diện về khách hàng họ có và khách hàng họ muốn thu hút. Các dữ liệu bạn thu thập được sẽ phản ánh nhiều phân khúc thị trường của sản phẩm, và bạn sẽ cần các avatar (đại diện ảo) thể hiện các kiểu khách hàng khác nhau.

3 loại Persona chính trong UX

1. Proto-persona là chân dung khách hàng đơn giản, chung chung dựa trên cách nhìn nhận, suy nghĩ của riêng bạn hay tổng hợp ý tưởng của team sản phẩm mà chưa qua kiểm chứng với nghiên cứu, thu thập dữ liệu trong thực tế. Loại này phù hợp để dùng trong giai đoạn cần đưa ra những quyết định cơ bản hay những bước đầu trong quá trình phát triển sản phẩm hướng đến người dùng.
2. Marketing persona tập trung vào mục đích, nhu cầu của khách hàng cũng như sự quan tâm của khách hàng với sản phẩm. Nó có thể bao gồm các đặc điểm về khuynh hướng mua sắm, thói quen tiêu thụ thông tin trên các phương tiện truyền thông hay hoàn cảnh quyết định mua hàng. Kiểu persona này sẽ phù hợp để xác định tiềm năng của thị trường, thông điệp và những ưu tiên hàng đầu khi quảng bá sản phẩm.

Về cơ bản, persona cho phép bạn cá nhân hóa hay hướng marketing đến những phân khúc khách hàng khác nhau. Persona sẽ cho bạn insight về cách làm thế nào để xây dựng chiến lược, thông điệp marketing phù hợp và thành công. Persona giúp bạn lên ý tưởng và tạo những nội dung có chủ đích tập trung vào đúng đối tượng, vì vậy việc xác định persona trong quá trình xây dựng chiến lược truyền thông là rất cần thiết cho sản phẩm.

3. Design persona giúp xác định một sản phẩm hay dịch vụ là gì và không là gì, giải quyết vấn đề của người dùng như thế nào và sẽ được sử dụng như thế nào. Dựa trên UX Research, một profile của loại này sẽ bao gồm hành vi và vấn đề (pain point) người dùng đang sử dụng sản phẩm gặp phải. Vai trò của designer là mô hình hóa hành vi thành một nhân vật chung. Việc này sẽ giúp cho họ tập trung thiết kế cho một kiểu người dùng nhất định.

Các bước tạo User Persona

Có 4 bước chính để tạo User Persona và hiểu nhu cầu người dùng

1. Xác định các target group và lựa chọn các đại diện của nhóm đó để làm nghiên cứu.

Những persona tốt nhất là những persona được xây dựng dựa trên insight có được từ các khách hàng thực tế thông qua khảo sát hay phỏng vấn. Nghiên cứu tốt cần tiếp cận nhiều kiểu khách hàng, đối tượng và cả những người nằm ngoài database của bạn nhưng vẫn có thể phù hợp trở thành target cho sản phẩm.

2. Làm nghiên cứu người dùng (phỏng vấn, khảo sát,…). Thu thập thêm thông tin để lấp những khoảng trống hiểu biết về người dùng.

Thiết kế vì mình mà không phải vì khách hàng chưa bao giờ là ý tưởng hay. Hãy cảnh giác đừng đưa ra quyết định dựa trên phán đoán chủ quan của bản thân. Bạn không bao giờ giống người dùng bình thường, bởi vì bạn đã quá quen và am hiểu với lĩnh vực chuyên môn này, nên bạn cần lắng nghe những người không giống như bạn.

3. Biến kết quả nghiên cứu, insight thành những đặc điểm chung, chuẩn bị tạo chân dung.

Giai đoạn phân tích dữ liệu thường là phần khó nhất, bởi vì bạn cần so sánh rất nhiều tổ hợp hành vi và thái độ khác nhau. Thông thường, persona sẽ là một trang slide tóm tắt được những xu hướng và điểm chung quan sát được từ giai đoạn nghiên cứu.

4. So sánh kết quả để tổng hợp hoặc phân nhóm các hồ sơ khách hàng. Tạo một biểu đồ phân khúc khách hàng.

Insight từ tài liệu persona sẽ giúp người đọc hiểu rõ cái gì quan trọng với khách hàng. Những người làm product có thể dùng tài liệu / biểu đồ để thuyết trình, thảo luận nội bộ hoặc khái niệm hóa.

Cách thu thập dữ liệu

Cần có đủ đối tượng nghiên cứu để có thể khẳng định hay phủ nhận giả thuyết. Các chuyên gia khuyên rằng nên bắt đầu với thu thập dữ liệu từ khoảng 5 đến 30 người để tạo 1 persona. Các phương pháp nghiên cứu thì cũng đã được Careerly đề cập ở nhiều bài trước, bạn có thể phỏng vấn hoặc làm khảo sát. Ngoài ra, sau đó bạn nên xác nhận lại kết quả nghiên cứu bằng cách phỏng vấn với các team khác trong công ty cũng thường tương tác với khách hàng như sales, customer success hay bên hỗ trợ khách hàng.

Những phản hồi, dữ liệu giống nhau cần được gom vào chung một nhóm để bạn thiết kế một hình mẫu chung. Thường Persona có thể được thiết kế bằng cách kết hợp từ hai yếu tố trở lên trong các yếu tố sau:

• Địa lý: quốc gia, vùng miền, thành phố, khu vực trong thành phố, khí hậu
• Nhân khẩu: tuổi, giới tính, thu nhập, học vấn, quy mô gia đình, quốc tịch
• Tâm lý: niềm tin, giá trị, thái độ, địa vị xã hội, lối sống
• Hành vi: nhận thức, hoàn cảnh, sự sẵn sàng hành động của người mua

Thêm một lớp dữ liệu vào bảng phân tích của bạn để theo dõi xem người dùng đến từ nguồn nào, họ dùng những keyword nào để tìm thấy product, và họ thực hiện hành động gì với product. Google Analytics hay Facebook Insights có thể giúp tổng hợp những dữ liệu về nhân khẩu như tuổi, giới tính, thiết bị họ sử dụng.

Nguồn dữ liệu thứ hai có thể dễ dàng thu thập đó là thông tin trên mạng. Bạn có thể lướt qua các trang cá nhân trên các mạng xã hội, blog cá nhân hay các bài đăng về product của mình hoặc product của đối thủ. Tuy nhiên, lướt web chỉ giúp bạn nghiên cứu môi trường sống và hoạt động thường ngày của khách hàng để hiểu họ hơn, chứ giai đoạn nghiên cứu đương nhiên bạn không thể chỉ lướt web không mà đưa ra kết luận được.

Tạo profile cho Persona

Không có một công thức chuẩn cho việc tạo một User Persona, nhưng nó cũng cần có một số yếu tố quan trọng. Một persona hiệu quả nên bao gồm những thông tin cơ bản sau:

• Tên giả và ảnh
• Nhân khẩu: tuổi, giới tính, thu nhập, vị trí, học vấn, gia đình
• Tiêu đề gợi tả
• Công việc hoặc mô tả công việc, với những thông tin quan trọng về công ty (quy mô, cơ cấu tổ chức)
• Châm ngôn
• Một lời kể về cuộc sống thường ngày
• Mục tiêu và thử thách

Persona là một chân dung về mặt tâm lý của một cá nhân và môi trường xung quanh cá nhân đó. Persona cũng là một khái niệm về mặt xã hội, bao gồm tương tác với những người khác hoặc với xã hội, thứ xác định hành vi. Những quan niệm xã hội, quan điểm phổ biến hoặc cả danh tiếng đều có thể là nguồn gốc của hành động. Các giá trị cũng như những nỗi sợ cũng có thể giúp xác định cảm xúc của khách hàng gắn với sản phẩm. Thái độ và cách nhìn cũng thường giúp tìm ra những lý do làm khách hàng không tương tác với sản phẩm. Để tận dụng persona tốt hơn thì bạn cũng có thể thêm cả thông điệp marketing hay elevator pitch cho persona. Thông điệp sẽ mô tả cách sản phẩm giải quyết vấn đề, nhu cầu cho mỗi persona, còn elevator pitch nêu cách để giải thích và bán sản phẩm cho khách hàng tương ứng.

Tùy công ty, tùy sản phẩm hay tùy mục đích sử dụng, các thông tin cụ thể chơi persona có thể khác nhau. Ví dụ kể cả là cùng một công ty, sản phẩm, persona dùng cho blog sẽ khác persona cho người dùng thực tế của app. Bên cạnh đó, số lượng persona cũng linh động tùy từng trường hợp, dù thông thường bạn nên bắt đầu với khoảng 3-5 persona. Ngoài ra, đừng chỉ tập trung vào tìm kiếm chân dung khách hàng lý tưởng của bạn. Ngược lại, hiểu kiểu khách hàng bạn không muốn – ví dụ đối tượng bạn sẽ cần quá nhiều tiền bạc và công sức để biến họ thành người dùng – cũng có thể giúp giảm đáng kể chi phí tăng người dùng mới (acquisition) và duy trì sử dụng (retention). Sau khi đã hoàn thành mô tả cho tất cả các persona bạn cần, đừng quên chia chúng thành persona chính và persona phụ dựa trên mục đích tạo persona nhất định. Ví dụ nếu mục đích của bạn là tăng người dùng mới, persona chính sẽ là những người đưa ra quyết định sử dụng. Nếu mục đích của bạn là giảm churn rate, persona chính sẽ là những người thường xuyên sử dụng sản phẩm.

Các đặc điểm của một Persona tốt

1. Thực tế

Các persona cần được xây dựng dựa trên hoàn cảnh hiện tại, được quan sát từ nghiên cứu với người thật. Miêu tả khách hàng quá lý tưởng chỉ phù hợp để đặt những mục tiêu trong tương lai. Hãy chú ý đến những chi tiết về tâm lý để persona của bạn sống động hơn. Một cách để biết được bạn đang có một persona tốt là khi bạn có thể trả lời các câu hỏi nếu đặt mình vào persona đó. Persona cần có một cá tính riêng, và đó là lý do tại sao bạn cần thiết kế chúng với tên riêng và tiểu sử/ giới thiệu bản thân.

2. Phản ánh những điểm chung để tìm ra/kiểm chứng nhu cầu của người dùng

Để làm được điều này, bạn cần hiểu hoàn cảnh, thái độ và động lực của người dùng. Một persona tốt có thể dùng để chứng minh hay phủ nhận một quyết định nào đó. Bạn có thể nhớ những profile này trong đầu khi lên ý tưởng hay thảo luận ý tưởng. Cuối cùng, persona giúp tăng hiệu quả cho các bước đầu của quá trình thực thi sản phẩm. Chúng ta có thể thử nghiệm sản phẩm với nhiều trường hợp khác nhau bằng cách ghép một persona với một tình huống giả định nào đó – cũng tương tự như việc nghiên cứu người dùng thật với một tình huống giả định. Nếu như ai đó đóng vai làm persona này cảm thấy khó chịu, có lẽ cả nhóm người dùng mà persona này đại diện cũng sẽ có những vấn đề tương tự.

Ứng dụng  User Persona trong thực tế: 2 User Personas cho nữ giới của Nike+

Nike vốn thường xây dựng các personas riêng cho các môn thể thao khác nhau như chạy marathon, bóng rổ, bóng đá, đánh gôn,… Ví dụ chúng ta có thể thấy trong môn bóng rổ Nike đã dùng ngay Persona có thật là Michael Jordan để thu hút đối tượng khách hàng là thanh thiếu niên đam mê bóng rổ. Tuy nhiên, cách dùng persona như thế này thường không phù hợp với đối tượng khách hàng là nữ giới, vì phần đông nữ giới thường quan tâm đến các môn thể thao như yoga, khiêu vũ, .. mà phân khúc thị trường cho từng bộ môn này thì không lớn, và cũng ít có các vận động viên nữ có ảnh hưởng để đại diện thu hút khách hàng cho các nhóm.

Vì vậy, dựa trên số liệu bán hàng thực tế của khoảng 145 triệu thành viên Nike+, Nike đã tạo ra 2 persona như dưới đây để bắt đầu nghiên cứu sâu hơn về nhu cầu của hai nhóm đối tượng tương ứng, từ đó tập trung cải thiện trải nghiệm app phù hợp cho hai đối tượng này.

1. Weekend Runner “Jessi”:

• Mô tả Persona: Jessi là một cô gái 30 tuổi sống ở Boston. Sau vài tháng lần đầu cô lần đầu thử sức chạy bán marathon. Cô đang tập luyện chăm chỉ bằng app “Nike Run Club”.
• Các chiến lược cải thiện trải nghiệm:
  • Dựa trên nhật ký tập luyện của Jessi, gợi ý các sản phẩm quần áo, giày thể thao phù hợp với thói quen chạy bộ của cô ấy.
  • Dự đoán độ mòn của giày để thông báo khi nào nên đổi giày sau một thời gian tập luyện.
  • Gợi ý chat tư vấn cùng chuyên gia marathon để tìm ra đôi giày vừa có thể đạt được mục tiêu (đặc biệt trong lần đầu thử sức) lại “vừa túi tiền” (có thể tận dụng để đi làm luôn chẳng hạn).
  • Thêm tính năng ‘Audio Guided Runs’ huấn luyện chạy bộ với giọng hướng dẫn của vận động viên điền kinh hay diễn viên nổi tiếng,…

2. Style Shopper “Alex”:

• Mô tả Persona: Alex là một cô gái 26 tuổi sống ở Los Angeles. Khi chơi thể thao cũng như khi không chơi, cô ấy đều muốn ăn mặc phải thật phong cách. Cô ấy thích lướt xem các sản phẩm trên app Nike.
• Các chiến lược cải thiện trải nghiệm:
  • Để người dùng dễ tìm sản phẩm khoe với bạn bè, thiết kế màn hình chính của app Nike tập trung vào nội dung sản phẩm cá nhân người dùng quan tâm.
  • Quảng cáo các thông tin về sản phẩm Nike được các ngôi sao thể thao, influencer nổi tiếng sử dụng trên họa báo cùng các tip phối đồ với sản phẩm của Nike.
  • Thêm tính năng ‘Reserve For You’ cho phép người dùng đặt trước cho những sản phẩm họ quan tâm tìm kiếm nhưng đã hết hàng.

© Nguồn: Careerly.vn
Để tìm thêm những nội dung tương tự, bạn có thể đăng ký tham gia cộng đồng người làm công nghệ trên Careerly App tại: https://try.careerly.vn/welcome/

Bài viết User Persona: Hướng dẫn tạo chân dung người dùng đã xuất hiện đầu tiên vào ngày Công ty cổ phần giải pháp công nghệ fanxipan.

Thông thường sau hai bước Nghiên cứu (Research) và Thấu hiểu (Empathize), để tìm hiểu về vấn đề và nhu cầu của người dùng thì team Product sẽ bước vào giai đoạn Lên ý tưởng (Ideation), Thiết kế (Design) , Thử nghiệm (Test) và Phát triển (Develop) sản phẩm cuối cùng. Ngoại trừ hai bước đầu tiên thì các bước còn lại luôn đồng hành cùng các công cụ UI Design. 

Ở giai đoạn Ideation, các công cụ này được dùng trong thiết kế các wireframe (khung sườn) để đưa các prototype (bản mẫu) được brainstorm trên giấy thành giao diện sơ khai trên màn hình hay thiết kế user flow (đường dẫn người dùng) để cụ thể hóa các user scenario (kịch bản người dùng). Và tất nhiên, trong giai đoạn Thử nghiệm, các công cụ này cũng chính là trợ thủ đắc lực để sửa đổi các bản prototype và phát triển các sản phẩm ngày càng thân thiện với người dùng hơn. 

Các công cụ UI Design cần được sử dụng liên tục để thiết kế, chỉnh sửa và nâng cấp sản phẩm, vì vậy những công cụ thiết kế có quá nhiều chức năng nhưng lại xử lý chậm và cồng kềnh như Photoshop hay Illustrator không phù hợp cho UI Design. Thay vào đó, những công cụ UI Design sẽ phải đáp ứng đủ 3 yêu cầu: sử dụng thiết kế vector, có các chức năng chuyên dụng cho UI Design, phần mềm xử lý nhanh và nhẹ. 

Top các công cụ UI Design năm 2020:

Trong một cuộc khảo sát trên 4000 UI designer trên toàn thế giới vào năm 2020 của uxtools.co, kết top 3 công cụ được nhiều designer sử dụng nhất ở các hạng mục như sau: 

Hạng mục UI Design: 

1. Figma
2. Sketch
3. XD

Hạng mục Brainstorming/Ideation:

1. Miro
2. Figma
3. Sketch

Hạng mục User Flow:

1. Figma
2. Miro
3. Sketch

Hạng mục Prototyping Division:

1. Figma
2. Invision
3. XD

Hạng mục Design System Management:

1. Figma
2. Sketch
3. XD  

Có thể thấy 3 công cụ UI Design được sử dụng phổ biến nhất chính là Sketch, XD và Figma, hôm nay, Careerly sẽ tổng hợp một số ưu và nhược điểm của 3 công cụ này, hi vọng các bạn đang muốn tìm hiểu về UI Design có thể tham khảo để lựa chọn công cụ phù hợp với nhu cầu của mình. Thường người mới khi bắt đầu học về Prototyping hay phân vân trong việc lựa chọn công cụ để học, tuy nhiên theo Careerly, khi có khả năng sử dụng được một trong ba công cụ dưới đây thì việc chuyển sang một công cụ khác không phải là việc quá khó nên bạn nếu mới bắt đầu thì cũng không cần phải quá đau đầu về việc học công cụ nào cho phù hợp trong ba công cụ sau. 

1. Sketch: 

Công cụ đầu tiên đáp ứng đủ các yêu cầu khi thiết kế UI, xuất hiện lâu nhất và được biết đến rộng rãi nhất. Sketch là công cụ trả phí, $99 cho bản quyền sử dụng vĩnh viễn.

• Ưu điểm: 
  • Sở hữu kho plug-in (các chương trình ngoài để mở rộng chức năng của ứng dụng) lớn nhất do là công cụ xuất hiện sớm nhất
  • Thiết kế ổn định.
  • Thường xuyên được cập nhật.
  • Sketch đã bổ sung chức năng cộng tác, giúp các cộng sự có thể cùng thao tác đồng thời. 

• Khuyết điểm: 
  • Hiện nay chỉ sử dụng được trên Mac.
  • Nhiều chi phí (chi phí theo dõi, chi phí plug-in)
  • Chức năng hỗ trợ Prototyping còn đơn giản nếu so sánh với XD hay Figma.

2. Adobe XD:

Nhà Adobe đã quá nổi tiếng với Photoshop và Illustrator nhưng mãi đến năm 2016 Adobe XD mới ra đời phục vụ riêng cho thiết kế UI.

Tuy sinh sau đẻ muộn so với người anh em cùng nhà Photoshop và Illustrator nhưng tốc độ phát triển của XD rất đáng gờm, nhanh chóng chiếm được cảm tình của nhiều UI designer. 

• Ưu điểm:
  • Cùng một nhà với đàn anh Photoshop và Illustrator do đó môi trường sử dụng và các nút tắt trong XD tương tự như với anh em của mình.
  • Có thể sử dụng Cloud của Adobe.
  • Sử dụng linh hoạt trên cả Window và Mac
  • Công cụ tất cả trong một, có thể tạo Prototyping mà không cần thêm plug-in. 
  • Có thể dựng Animation đơn giản.
  • Có thể tạo link chia sẻ để cộng sự cùng feedback.
  • Miễn phí Starter Plan cho người dùng cá nhân (Kể từ tháng 10 năm 2020, Adobe XD giới hạn 1 project có thể chia sẻ được cho tối đa 2 editor)

•  Khuyết điểm: 
  • Chi phí lớn khi sử dụng ở mức độ chuyên nghiệp.

3. Figma:

Là công cụ thiết kế UI được mong chờ nhất năm 2020, Figma xây dựng hình tượng “công cụ thiết kế UI tối ưu hóa hiệu quả hợp tác thiết kế”, để làm nổi bật bản thân với các công cụ khác. 

• Ưu điểm:
  • Hiệu quả hợp tác thiết kế vượt trội.
  • Có thể sử dụng trực tiếp trên trình duyệt web, không cần tải app về máy.
  • Tài nguyên (resource) được lưu trực tiếp trên Cloud, tiết kiệm không gian lưu trữ của máy. 
  • Nhiều người có thể thao tác thiết kế đồng thời trên artboard.
  • Tự động lưu theo thời gian thiết kế.
  • Có thể để lại comment trực tiếp trên artboard, vừa nhận feedback vừa cải thiện thiết kế.
  • Quản lý các phiên bản của sản phẩm bằng chức năng history.
  • Miễn phí Starter Plan (giới hạn 3 project, không giới hạn số file trong cùng 1 project và có thể có 2 editor).

• Khuyết điểm:
  • Hoạt động trên trình duyệt web, vì vậy thiết kế có thể bị gián đoạn nếu internet có vấn đề hoặc khi server của Figma gặp vấn đề. 
  • Vấn đề về bảo mật.

© Nguồn: Careerly.vn
Để tìm thêm những nội dung tương tự, bạn có thể đăng ký tham gia cộng đồng người làm công nghệ trên Careerly App tại: https://try.careerly.vn/welcome/

Bài viết So sánh Top 3 Công cụ UI Design đã xuất hiện đầu tiên vào ngày Công ty cổ phần giải pháp công nghệ fanxipan.

Bài viết dưới đây giới thiệu cơ bản về UX Writing, một nhân tố rất quan trọng trong việc tối ưu trải nghiệm của người dùng với sản phẩm mà các Product Manager nhất định phải biết. Bằng cách giới thiệu về định nghĩa của UX Writing, giới thiệu cách viết UX Writing tốt cũng như phân biệt UX Writing với Copywriting, sau bài viết này, Careerly tin rằng bạn sẽ có được cái nhìn khá rõ ràng và đầy đủ về bản chất cơ bản của UX Writing.

1. UX Writing là gì?

UX Writing là phần nội dung bằng chữ xuất hiện trong trải nghiệm của người dùng (user journey) nhằm mục đích chỉ dẫn, giải thích, trình bày cho người dùng về sản phẩm. Ví dụ như phần nội dung của thông báo nhập sai mật khẩu hoặc thông báo hoàn tất giao dịch.

2. Phân biệt UX Writing và Copywriting

Copywriting thường đi với mục đích marketing như tăng doanh thu, tăng thị phần hoặc tăng độ nhận diện. Copywriting có thể là những câu xuất hiện trên biển quảng cáo hoặc một bài viết giới thiệu sản phẩm và có khả năng đứng độc lập với sản phẩm mà không mất đi ý nghĩa.

UX Writing xuất hiện trên các giao diện số với mục tiêu là tối ưu hóa trải nghiệm của người dùng với sản phẩm. Nếu Copywriting mang mục đích thu hút sự chú ý của người đọc trong thời gian ngắn nhất có thể thì UX Writing mang mục đích truyền tải thông điệp rõ ràng nhất có thể.

3. Làm thế nào để viết UX Writing hay

Tại hội thảo <Google I/O> năm 2017, UX writer Allison Rung của Google đề xuất một bảng quy tắc cho UX Writing gồm các yếu tố như tính rõ ràng (clarity), tính cô đọng (conciseness), tính khả dụng (usability).

3.1. Tính rõ ràng (Clarity)

Ảnh minh họa là màn hình thông báo lỗi khi người dùng nhập sai mật khẩu.

Màn hình bên trái chưa đạt được tính rõ ràng ở hai điểm: 1. Báo “Lỗi” chung chung khiến người dùng gặp khó khăn trong việc khắc phục vấn đề. 2. Cụm từ “xác thực” có thể gây khó hiểu cho người đọc không quen với các từ ngữ về công nghệ.

Màn hình bên phải là phiên bản đã được cải thiện về tính rõ ràng bằng cách trình bày loại lỗi và thay cụm “xác thực” thành hành động cụ thể đã dẫn tới lỗi này. Trình bày nội dung ở dạng hành động cụ thể là một phương pháp để đảm bảo tính rõ ràng.

3.2. Tính cô đọng (Conciseness)

Tuy nhiên thông báo lúc này vẫn còn gặp vấn đề về tính cô đọng.

Tính cô đọng ở đây không đơn thuần là ngắn mà phải hiệu quả trong việc truyền tải thông điệp. Mọi nội dung nên đóng vai trò cụ thể và riêng biệt.

Có thể thấy phần tiêu đề “Lỗi đăng nhập” thể hiện cùng một thông điệp với “Bạn đã nhập sai mật khẩu”. Bạn có thể loại bỏ phần “Lỗi đăng nhập” để thông báo trở nên cô đọng hơn.

3.3. Tính khả dụng (Usability)

Hiện tại thông báo thể hiện được cho người dùng hiểu rõ vấn đề, nhưng chưa cung cấp được thông tin nào về cách giải quyết – thông tin hữu ích hơn với người dùng.

Cải thiện tính khả dụng của thông báo này bằng cách thay đổi nội dung của nút “OK” để đưa ra thông tin hữu ích hơn về hành động mà người dùng có thể thực hiện.

Thông báo bên trái gồm hai hành động mà người dùng có thể thực hiện để giải quyết vấn đề nhập sai mật khẩu “Thử lại” và “Khôi phục mật khẩu”. Ngoài ra, thông báo này cũng đặt phân cấp thị giác (visual hierarchy) hành động đơn giản hơn là “Thử lại” cao hơn.

Đăng ký nhận tin tại https://www.careerly.vn/  để nhận được những nội dung tương tự trên bản tin Careerly về Product Management bằng tiếng Việt.

Ngoài ra, bạn có thể tham khảo thêm bài viết về UX Writing sau:
https://xd.adobe.com/ideas/process/information-architecture/four-cornerstones-writing-ux-microcopy/

Bài viết UX Writing là gì và làm thế nào để viết UX Writing tốt? đã xuất hiện đầu tiên vào ngày Công ty cổ phần giải pháp công nghệ fanxipan.