Bạn hãy chia sẻ một case bạn từng giải về UX / Product Design mà bạn tâm đắc nhất, trả lời các câu hỏi sau:

Vấn đề / bài toán thiết kế mà bạn đã gặp phải là gì?

Quy trình tư duy và cách bạn đưa ra giải pháp như thế nào?

Tiêu chí hướng tới khi thiết kế?

Khó khăn mà bạn gặp phải và cách bạn làm việc với các bên liên quan?

Today offers là một case UX redesign em đã phụ trách đề xuất giải pháp, thiết kế và phối hợp thực thi trong vòng 4 tuần. Đây là một case đơn giản và được ship khá nhanh nhưng mang tới real impact cho team và sản phẩm.

Đây là feature quan trọng của BOGOS, nhưng vẫn giữ nguyên thiết kế từ ban đầu.

Team nhìn ra nhiều tiềm năng của tính năng chưa được phát huy đủ do hạn chế của thiết kế cũ, vì vậy đã xác định cần thực hiện redesign cho Today offers.

⁠

⁠

⁠

Tính năng được nhắc tới trong case study này có 2 tệp users khác nhau, sẽ được nhắc đến trong bài như sau: (1) “người dùng” hoặc “user” hoặc “merchants” - chủ cửa hàng Shopify (2) “khách hàng” - end user, người mua hàng của các cửa hàng trên

Context

Về tính năng Today offers, đây là widget được đặt ở xuyên suốt storefront của người dùng, như một “bảng tin” các offers mà cửa hàng đang có. Khách hàng từ đó được kích thích mua hàng để nhận các món quà.

Functionality chính của tính năng:

Display các offer. Mỗi offer là một card trong widget, card đó bao gồm:

một ảnh sản phẩm được tặng

một dòng title

Card offer chuyển màu xanh + dấu tích khi giỏ hàng người dùng đạt điều kiện của offer đó

⁠

⁠

⁠

Problem statements

User research

Problem statements

User muốn include nhiều thông tin hơn về từng offer, từ đó motivate khách hàng của họ mua hàng tốt hơn

User muốn có thể chủ động hỗ trợ quá trình mua hàng nhận offer của khách hàng thông qua Today offers, thay vì phụ thuộc hoàn toàn vào việc khách hàng mua hàng theo thông tin trên widget

Solutions

Solutions

Dựa theo các problems đã xác định. Team ideate và đưa ra một list các giải pháp

(1) Thiết kế layout mới cho offer card, cho phép người dùng cung cấp:

Số lượng quà

Lượng discount (vd. 100% off, $20 off)

Gift product preview

(2) Thêm nút nhận offer cho khách hàng

Competitive research

Khi research các app đối thủ, tìm thấy một trong số đó đã phát triển tính năng tương tự (bên cạnh).

Điểm cộng:

✅ Có thể bold và highlight trong title giúp khách hàng scan dễ hơn

✅ Có nút “Claim” để dẫn khách hàng đến trang đích, hỗ trợ mua hàng nhận offer

Điểm trừ:

⭕️ Không cho phép include nhiều thông tin hơn

⭕️ Từ “Claim” không quen thuộc với khách hàng không nói tiếng Anh native

⭕️ Nút “Claim” luôn hiện, kể cả với những offer không có trang đích. (VD: Buy $100 to get a free gift)

→ một nguồn reference thêm dos and don’ts cho team

⁠

⁠

⁠

Design decisions made along the way

(1) Thiết kế lại offer card layout với các element thông tin với mục đích rõ ràng

Title → tên offer, trùng với tên trong offer database

Subtitle (Get {no. of gifts} gifts for {discount amount} OFF) → số lượng quà và thông tin discount

Gift preview

ảnh sản phẩm

tên sản phẩm

variant

giá (giá giảm và giá gốc)

⁠

⁠

⁠

(2) Cho phép user chủ động thêm link đích. Nếu có link đích → hiện nút “Get offer”

Do không phải offer nào được tạo bởi BOGOS cũng cần link đích, nếu có thì link đích cũng đa dạng, không thể define cụ thể

→ cho phép user tự add link, chỉ những offer có link đích mới có nút “Get offer”

⁠

⁠

⁠

⁠

⁠

⁠

(3) Nút “See more” show toàn bộ các gift products ngay trong widget

Do Today offers chỉ là widget nhỏ trên màn hình, cần limit số lượng gift product preview trên widget

Idea ban đầu là khi ấn “See more” sẽ hiện ra pop-up modal show toàn bộ sản phẩm → Tuy nhiên, em đã đề xuất show luôn trong widget để đảm bảo trải nghiệm ít friction nhất

⁠

⁠

⁠

⁠

⁠

⁠

(4) Tách title hiện trên Today offer ra khỏi offer title trong database

Sau khi hoàn thiện layout, team gửi survey cho 50 người dùng để tiếp nhận feedback trước khi develop.

Một feedback lặp lại: user thường muốn đặt title ở trên Today offers là (1) điều kiện nhận offer hoặc (2) một câu motivate khách hàng

→ cho phép người dùng đặt offer title riêng cho widget Today offers, không ảnh hưởng đến offer title trong databse

⁠

⁠

⁠

Results

⁠

⁠

⁠