Button trị giá 300 triệu đô – Cái nhìn khác về UI và chức năng
UI
25
UX
16
button
1
Web
23
design
27
White

Huy Hoàng Phạm viết ngày 07/01/2016

Button trị giá 300 triệu đô – Cái nhìn khác về UI và chức năng | Từ coder đến developer

Bản gốc: Blog Tôi đi code dạo

Ngày xửa ngày xưa, có một trang web bán hàng…

Bài viết đầu năm nên phải nói tiền trăm triệu cho nó hoành tráng. Đây là một chuyện nho nhỏ, về một button nho nhỏ và một số tiền… không nhỏ chút nào.

Mình đọc được chuyện này được trong cuốn Don't make me think – một cuốn sách khá hay về UI/UX. Ngày xửa ngày xưa, ở một đất nước nọ, có một trang web bán hàng… Chức năng cơ bản của một trang web bán hàng thì ai cũng biết: hiển thị hàng, cho hàng vào giỏ, và thanh toán.

Câu chuyện của chúng ta bắt đầu ở chức năng "Thanh toán", khi người dùng đã cho hết hàng vào giỏ, một form nho nhỏ xinh xinh hiện ra, với 2 trường usernamepassword, 2 nút LoginRegister, một link Quên mật khẩu. Thế nhưng, chính cái form be bé xinh xinh này đã gây thiệt hại đến 300.000.000$/năm cho trang web bán hàng.

14212560717_b3c45b6400_k

Vấn đề ở chỗ, người dùng phải đăng nhập trước khi muốn thanh toán. Đội lập trình nghĩ rằng "Chỉ cần đăng ký tài khoản, thông tin người dùng có thể được lưu lại, ở những lần sau họ không cần nhập địa chỉ, thông tin thanh toán nữa. Người dùng tiết kiệm được thời gian, web cũng khuyến khích được người dùng quay lại mua hàng, hai bên cùng có lợi còn gì?".

Lũ lập trình viên luôn nghĩ rằng mình hiểu người dùng

Đội ngũ UI/UX đã làm một cuộc thử nghiệm, đưa tiền cho người dùng để họ thực hiện quá trình mua hàng – thanh toán. Đối với những khách hàng mới của trang web, họ phát hiện ra một điều: người dùng rất ghét việc đăng ký, với suy nghĩ "Mình muốn mua hàng, chứ không phải muốn đăng ký đăng kiếc gì cả". Chưa kể, người dùng còn sợ bị mất thông tin cá nhân, bị gửi mail spam hộp thư.

Với những người dùng quay lại lần 2,3 – đối tượng mà developer nhắm tới, tình cảnh cũng chẳng khá hơn. Họ không nhớ được username/mật khẩu của mình. Mặc dù chức năng "Quên password" vẫn hoạt động, đến tận 160.000 người dùng chức năng này mỗi ngày, 75% trong số đó không tiếp tục quá trình thanh toán sau khi đã request mật khẩu.

4271907178_5801fa223f

Chiếc form nho nhỏ xinh xinh kia, hóa ra lại là thứ ngăn cản người dùng mua hàng – rất nhiều người dùng. Thế mới biết, developer lúc nào cũng nghĩ mình hiểu được người dùng, nhưng thật ra không phải vậy.

Chiếc button trị giá 300 triệu đô la

Đội ngũ designer đã giải quyết vấn đề này một cách vô cùng đơn giản. Họ bỏ đi nút Register, thay vào đó bằng nút Continue và dòng chữ "Bạn không cần đăng ký, hãy bấm nút Continue để thanh toán. Để thanh toán nhanh hơn ở những lần sau, bạn có thể đăng ký một tài khoản vào lúc thanh toán".

Kết quả: Lượng thanh toán của khách hàng tăng lên đến 45%. Sau tháng đầu tiên, doanh số tăng 15.000.000$. Sau năm đầu tiên, thu nhập của web tăng đến tận 300 triệu đô la. Tất cả những việc mà họ đã làm là gì? Chỉ là thay một button mà thôi.

Ảnh minh họa

Một cái nhìn khác về UI/UX và chức năng

Một số bạn còn nhầm lẫn về hai khái niệm này, nên mình xin đưa ra một khái niệm tổng quát:

  • UI (User Interface) – Giao diện người dùng: Đây là những gì người dùng nhìn thấy, tương tác được (Form, button, website).
  • UX (User Experience) – Trải nghiệm người dùng: Đây là những gì người dùng trải nghiệm, bao gồm cảm xúc, suy nghĩ, quá trình. UI chỉ là một phần của UX. VD như khi bạn mua hàng trên tiki. Các trang web thanh toán, web mua hàng chính là UI. Quá trình mua hàng/nhận hàng, sự thoải mái khi thanh toán, sự hỗ trợ của Tiki với khách hàng chính là UX.

Trong câu chuyện trên, bằng cách thay đổi UI (Thay một button), họ đã trực tiếp cải thiện UX (Thay đổi trải nghiệm mua hàng, mua nhanh hơn, không cần đăng ký), từ đó làm tăng doanh số bán hàng.

UserExperience

Hẳn nhiều bạn lập trình viên vẫn còn suy nghĩ: Chức năng mới là quan trọng, còn mấy thứ ruồiiii bu như giao diện thì làm thế nào cũng được (Một phần chắc là do lúc mới học lập trình toàn phải viết chương trình Console, trước đây mình cũng vậy). Đây là một suy nghĩ hoàn toàn sai lầm.

Nếu chỉ viết vài tool đơn giản cho chính mình hoặc bạn bè xài thì đúng là giao diện không quan trọng. Nhưng nếu đã tạo ra sản phẩm, hướng tới người dùng, thì UI/UX là những thứ quan trọng nhất nhì, có khi hơn cả chức năng.

Nếu không tin, bạn hãy thử đọc The Inmates Are Running the Asylum – cuốn "thánh kinh" của dân thiết kế UI/UX, để hiểu rõ hơn về tầm quan trọng của hai thứ này. Hãy nhớ một điều mình muốn nói qua câu chuyện này: Đôi khi chỉ một button nho nhỏ lại có giá trị đến 300 triệu đô đấy.

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Huy Hoàng Phạm

54 bài viết.
835 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
70 7
SOLID là gì – Áp dụng các nguyên lý SOLID để trở thành lập trình viên code “cứng” Trong quá trình học, hầu như các bạn sinh viên đều được học một s...
Huy Hoàng Phạm viết hơn 2 năm trước
70 7
White
56 7
Nhập đề Kinh thư ghi lại rằng, con đường tu chân có 3 cảnh giới: Luyện khí, Trúc cơ và Kết đan. Luyện khí là quá trình rèn thân luyện thể, cho phà...
Huy Hoàng Phạm viết gần 2 năm trước
56 7
White
49 21
Luận về comment code (Phong cách kiếm hiệp) Comment code luôn là vấn đề gây tranh cãi sứt đầu mẻ trán trong giới võ lâm. Xưa kia, thuở còn mài đít...
Huy Hoàng Phạm viết hơn 2 năm trước
49 21
Bài viết liên quan
White
56 5
Đây là phần cuối của một series chuyên về thiết kế UI. Bạn nên đọc (Link) trước khi bắt đầu đọc phần này. Luật số 7: "Ăn trộm" như là một nghệ sỹ...
Vu Nhat Minh viết hơn 2 năm trước
56 5
White
16 2
Lập trình viên “trình cao” thì nên đọc sách gì? Phần 1 Đầu tiên, xin hứng chịu gạch đá từ nhiều bạn rằng: developer thì cần gì phải đọc sách, code...
Huy Hoàng Phạm viết 2 năm trước
16 2
White
116 29
Nếu bạn thường vào trang mua sắm của amazon, chắc sẽ chẳng lạ gì với menu Shop by Department. Tốc độ hiển thị nội dung của menu là tức thì so với d...
Vu Nhat Minh viết hơn 2 năm trước
116 29
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
54 bài viết.
835 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!