Đừng "tự chế" lại các tính năng web cơ bản: Lời khuyên cho lập trình viên

Đừng "tự chế" lại các tính năng web cơ bản: Bài học từ mật mã học đến trải nghiệm người dùng

Trong thế giới phát triển phần mềm, đặc biệt là trong lĩnh vực an ninh mạng, có một nguyên tắc vàng mà bất kỳ lập trình viên nào cũng thuộc lòng: "Đừng tự xây dựng hệ thống mật mã của riêng bạn" (Don't roll your own crypto). Tuy nhiên, tác giả Susam Pal cho rằng chúng ta cần áp dụng tư duy tương tự cho thiết kế web hiện đại: hãy ngừng cố gắng thay thế các thành phần mặc định của trình duyệt bằng các phiên bản tùy biến phức tạp, vì điều này thường làm hỏng trải nghiệm người dùng.

Bài học từ thế giới mật mã học

Nguyên tắc "đừng tự roll crypto" không có nghĩa là không ai được phép viết mã hóa. Điều này nhằm ám chỉ rằng đối với các phần mềm sản xuất thông thường bảo vệ dữ liệu nhạy cảm, chúng ta không nên dựa vào các mã nguồn riêng tư chưa qua kiểm duyệt bởi cộng đồng. Thay vào đó, hãy sử dụng các thư viện đã được kiểm chứng và đứng vững trước thử thách của thời gian.

May mắn thay, ngày nay việc tránh dùng mã hóa tự chế đã trở thành tiêu chuẩn ngành. Nhưng đối với thiết kế web, câu chuyện lại khác. Một thanh cuộn bị lỗi không gây hậu quả nghiêm trọng như một sơ hở trong mã hóa, nhưng sự khó chịu mà nó mang lại là có thật. Tác giả mong muốn cộng đồng phát triển web có một nguyên tắc tương tự: đừng tự xây dựng lại (roll your own) những thứ trình duyệt đã làm rất tốt.

Dưới đây là danh sách những thành phần mà lập trình viên không nên cố gắng "tự chế":

• Thanh cuộn trang (Page scrolling)
• Điều hướng liên kết (Link navigation)
• Chọn văn bản (Text selection)
• Menu chuột phải (Context menu)
• Sao chép và dán (Copy and paste)
• Ô nhập mật khẩu (Password field)
• Lịch chọn ngày (Date picker)

Khi sự đổi mới trở thành rào cản

Trong tất cả các vấn đề trên, hành vi cuộn trang tùy chỉnh là thứ gây ức chế nhất. Người dùng đã quen với cách thanh cuộn phản hồi nhạy bén với chuột, bàn phím hoặc cảm ứng. Khi các nhà phát triển ghi đè hành vi này bằng JavaScript, trang web thường trở nên "giả trân": trượt quá nhanh, quá chậm, hoặc phím mũi tên bỗng dưng mất tác dụng. Bạn đang biến một hành động vô thức quen thuộc thành một trở ngại khiến người dùng phải suy nghĩ.

Ví dụ về quá trình xử lý sự kiện phức tạp

Điều hướng liên kết tùy chỉnh là另一个 nỗi ám ảnh. Sứ mệnh cốt lõi của trình duyệt là xử lý liên kết, nhưng nhiều trang web hiện đại lại chèn vào đó những đoạn mã JavaScript cồng kềnh. Một ví dụ điển hình là GitHub. Đôi khi, việc đợi GitHub xử lý sự kiện click trong tab hiện tại còn lâu hơn việc mở link trong tab mới — một sự trớ trêu của công nghệ.

Các ô nhập mật khẩu tùy biến cũng tiềm ẩn nhiều rủi ro. Trình duyệt hiện đại đã trang bị cho ô mật khẩu đầy đủ tính năng: lưu mật khẩu, tự động điền, sinh mật khẩu mạnh, cảnh báo kết nối không an toàn và hỗ trợ tuyệt vời cho các trình quản lý mật khẩu (password manager). Nếu bạn tạo một phiên bản giả mạo (ví dụ dùng thẻ input văn bản rồi tự che bằng ký tự), bạn vô tình khiến trình duyệt và hệ điều hành coi đó là văn bản thuần túy, làm lộ mật khẩu qua các công cụ hỗ trợ hoặc nhật ký nhập liệu.

Tính nhất quán và sự ổn định

Bộ chọn ngày (date picker) là một ví dụ điển hình về sự thiếu nhất quán. Mỗi trang web lại có một kiểu giao diện riêng. Đôi khi bạn phải bấm nút "năm trước" 40 lần để chọn năm sinh, hoặc phải chuyển đổi qua lại giữa chế độ xem tháng và năm. Người dùng không muốn học mười cách dùng lịch trên mười trang web khác nhau; họ chỉ muốn dùng tính năng chọn ngày mặc định của trình duyệt mình yêu thích.

Tóm lại, hãy ngừng can thiệp vào các điều khiển biểu mẫu (form controls) chuẩn của trình duyệt. Việc này thường giới thiệu những vấn đề mới hơn là giải quyết vấn đề cũ.

Thêm vào đó, các nhà thiết kế web cũng hãy ngừng thay đổi bố cục giao diện liên tục. Trong khi người dùng trẻ có thể thích nghi nhanh chóng, thì những người dùng lớn tuổi lại gặp rất nhiều khó khăn. Mỗi lần giao diện thay đổi, họ phải học lại cách sử dụng từ đầu. Hãy hình dung nếu các nút bấm trên máy giặt của bạn bị sắp xếp lại mỗi buổi sáng — đó sẽ là một cơn ác mộng. Hãy để người dùng tận hưởng công nghệ một cách êm ái và ổn định.