Bỏ qua, sang nội dung chính
← Quay lại

Oreka.vn · thg 8 2023 – Hiện tại

Thanh toán bằng mã QR ngân hàng

Oreka.vn là sàn thương mại điện tử đồ đã qua sử dụng, khởi đầu từ sách cũ rồi mở rộng sang đồ điện tử giá trị cao. Càng bán nhiều đồ đắt tiền, phí giao dịch của Momo và Visa càng ăn vào lợi nhuận, trong khi đơn trả khi nhận hàng lại hay bị huỷ. Tôi được giao thiết kế một cách trả tiền mới: chuyển khoản ngân hàng bằng mã QR.

VAI TRÒ
UI/UX Designer
THỜI GIAN
[Cần bổ sung]
ĐỘI NGŨ
[Cần bổ sung]
KẾT QUẢ
50% → 53,8%
thanh toán online
Thanh toán bằng mã QR ngân hàng

Bài toán

Oreka có ba cách trả tiền: COD không mất phí, còn Momo thu 2% và Visa thu 2–5% mỗi giao dịch, cộng 1% phí tính cho người mua. COD lại kéo theo huỷ đơn, nên Oreka cần thêm người mua trả trước, trong khi cả hai cách trả trước sẵn có đều tốn phí. Người mua không thiếu thói quen trả qua ngân hàng — thứ họ thiếu là một cách trả không đi qua cổng thu phí theo phần trăm. Mục tiêu đặt ra: tăng tỉ lệ thanh toán online từ 50% lên 53%.

2–5%phí mỗi giao dịch online (Momo 2%, Visa 2–5% + 1% phí người mua)
60%tỉ lệ huỷ đơn chung
72%số đơn bị huỷ là đơn COD (28% là đơn trả online)

Trước và sau

Thay đổi rõ nhất sau usability test nằm ở tab chuyển khoản thủ công. Mỗi thông tin vào một ô riêng có nhãn, nút “Sao chép” từ viền xám nhỏ thành nút xanh đặc, lời nhắc nội dung chuyển khoản dời xuống ngay dưới ô được đánh dấu “(bắt buộc)”, và ô “Ngân hàng” hiện tên ACB thay cho tên công ty.

Tab chuyển khoản thủ công sau khi sửa: mỗi thông tin một ô có nhãn, nút Sao chép màu xanh, ô Ngân hàng hiện ACB và lời nhắc nội dung chuyển khoản bắt buộc
Tab chuyển khoản thủ công trước khi sửa: thông tin xếp thành dòng, nút sao chép viền xám nhỏ, ô Ngân hàng hiện tên công ty
TrướcSau

Quy trình

[Cần bổ sung: số tuần], bốn giai đoạn, một câu hỏi: làm sao để người mua trả trước mà Oreka không mất phí theo phần trăm? Tôi giữ chi phí nghiên cứu thấp, chọn hướng từ dữ liệu thanh toán sẵn có và kiểm thử trước khi ra mắt vào [Cần bổ sung: thời điểm ra mắt].

  1. Khám phá
    Rà soát đối thủ trực tiếp, gián tiếp và các ứng dụng thanh toán phổ biến, kèm desk research: ví điện tử (ZaloPay, VNPay, Viettel Money), Apple Pay, Google Pay và chuyển khoản bằng mã QR.
    Research
  2. Xác định
    Ba phần tư đơn online hoàn tất trả bằng Visa, nghĩa là người mua đã quen trả qua thẻ và tài khoản ngân hàng. Trở ngại là phí, không phải thói quen.
    Insight
  3. Thiết kế
    Chọn QR ngân hàng sau khi xét ràng buộc kinh doanh và kỹ thuật, rồi vẽ wireframe giấy cho hai cách trả: quét mã và chuyển khoản thủ công.
    Design
  4. Kiểm chứng
    Usability test cả hai cách trả với [Cần bổ sung: số người]: 100% hoàn thành tác vụ. Nút sao chép vẫn gây vướng, nên tab thủ công được làm lại.
    Testing

Giải pháp

Người mua đã sẵn sàng trả qua ngân hàng, nên cách sửa không nằm ở việc thuyết phục họ mà ở cấu trúc: thêm một nhánh chuyển khoản QR bốn bước — chọn phương thức, chuyển khoản, mở app ngân hàng, xác nhận — đi thẳng vào tài khoản Oreka, không qua cổng thu phí.

Luồng thanh toán QR bốn bước: màn thanh toán với QR được chọn sẵn và nhãn Khuyên dùng, màn mã QR có đồng hồ đếm ngược 14:59, app ngân hàng của người mua đang quét mã, hộp thoại Thanh toán thành công
Bước 3 là app ngân hàng của người mua, nằm ngoài phạm vi thiết kế.

QR được chọn sẵn và gắn nhãn “Khuyên dùng” ở màn thanh toán, để hướng người mua khỏi Momo và Visa. Màn chuyển khoản có hai tab (quét mã hoặc chuyển khoản thủ công), nút “Tải mã QR” cho người mua đang dùng điện thoại, và đồng hồ hạn 15 phút cho mỗi giao dịch. Khi không tìm thấy giao dịch, hộp thoại cho “Thử lại” hoặc “Yêu cầu hỗ trợ”, và màn “Liên hệ Oreka” nhận ảnh lịch sử giao dịch.

Ảnh ghép các màn trong luồng QR, gồm hộp thoại Không tìm thấy giao dịch với nút Thử lại và Yêu cầu hỗ trợ, màn Liên hệ Oreka và màn gửi ảnh lịch sử giao dịch

Kết quả

Hai con số đo đúng hai mục tiêu ban đầu: thêm người trả trước, và chuyển người mua khỏi các cổng thu phí.

50% → 53,8%
tỉ lệ thanh toán online, vượt mục tiêu 53%
75%
đơn trả online dùng QR ngân hàng; Momo còn 25%

Bài học

  • Đọc dữ liệu thanh toán sẵn có trước khi tìm phương thức mới. Việc ba phần tư đơn online trả bằng Visa cho thấy người mua đã sẵn sàng trả qua ngân hàng; việc của thiết kế là bỏ phí, không phải dạy thói quen mới.
  • Nghiên cứu rẻ vẫn đủ để chọn hướng. Rà soát đối thủ, desk research và wireframe giấy tốn ít chi phí, nhưng đủ để đi tới một kết quả đo được.
  • Đặt mục tiêu bằng số ngay từ đầu. Mốc 50% lên 53% cho tôi một thước đo rõ ràng để đánh giá sau khi ra mắt. [Cần bổ sung: một bài học có đánh đổi — điều sẽ làm khác đi hoặc điều chưa đo được]