Trang này được dịch bởi Cloud Translation API.

Kết quả từ biểu mẫu yêu cầu chọn tuỳ chỉnh để nhận ý kiến phản hồi của nhà phát triển

Adam Argyle

Ngày xuất bản: 16 tháng 12 năm 2024

Vào tháng 9, chúng tôi đã yêu cầu bạn phản hồi về tính năng chọn tuỳ chỉnh thử nghiệm. Ý kiến phản hồi mà bạn chia sẻ bao gồm các trường hợp sử dụng (ví dụ: hệ thống thiết kế, hộp kết hợp), suy nghĩ về chế độ nhập của API và ý kiến phản hồi về kiểu cơ sở. Các vấn đề được đề cập bao gồm khả năng hỗ trợ tiếp cận, khả năng tương thích với trình duyệt, nhu cầu về chức năng tìm kiếm và mong muốn được hỗ trợ tính năng chọn nhiều mục. Có vẻ như bạn rất muốn sử dụng API này trong phiên bản chính thức, nhưng có một số điểm cần lưu ý và yêu cầu cụ thể về tính năng.

Tất cả thông tin này đã được các kỹ sư và nhà quản lý của Chrome sử dụng để đưa ra quyết định sáng suốt về tính năng này. Bài đăng này chia sẻ những thông tin chính rút ra được từ từng câu hỏi trong bản khảo sát chọn lọc có thể tuỳ chỉnh.

Bạn sẽ xây dựng gì bằng API mới này?

Có nhiều trường hợp sử dụng được chia sẻ, nói chung bao gồm:

Tạo thành phần hệ thống thiết kế: tạo các thành phần chọn lọc cho hệ thống thiết kế, đảm bảo tính nhất quán và khả năng tuỳ chỉnh trên các dự án.
Tạo nhiều loại bộ chọn: chẳng hạn như bộ chọn ngôn ngữ, bộ chọn quốc gia, bộ chọn quyền của người dùng, v.v.
Cải thiện các phần tử lựa chọn hiện có: cải thiện các phần tử lựa chọn hiện có bằng các tính năng như hình ảnh, SVG và kiểu phong phú hơn.
Thay thế các phương thức triển khai tuỳ chỉnh: thay thế các thành phần tuỳ chỉnh được tạo bằng một giải pháp gốc, được chuẩn hoá.
Tạo hộp kết hợp và bộ chọn tuỳ chỉnh: các tính năng phức tạp hơn như hộp kết hợp, bộ chọn tuỳ chỉnh cho số điện thoại, múi giờ, đơn vị tiền tệ và các loại dữ liệu khác.
Cải thiện giao diện người dùng của biểu mẫu: cải thiện biểu mẫu bằng cách tạo các thành phần lựa chọn hấp dẫn và hữu ích hơn về mặt hình ảnh.

Những câu trả lời này nêu bật tính linh hoạt của API mới và tiềm năng cải thiện trải nghiệm người dùng cũng như hiệu quả phát triển cho nhiều ứng dụng web.

Bạn có dự định sử dụng API này trong bản phát hành chính thức sau khi API này được cung cấp rộng rãi trên Baseline không?

Bạn đã thử API mới chưa? Nếu có, bạn có thể tạo được những gì mình muốn bằng công cụ đó không?

Bạn nghĩ gì về chế độ nhập cho phần tử chọn có thể tuỳ chỉnh (`appearance: base-select` trên phần tử `<select>` và `::picker(select)`)

Ý kiến phản hồi về chế độ nhập này là trái chiều:

Một số người thấy phương pháp này chấp nhận được, hợp lý hoặc thậm chí tốt hơn so với tình hình hiện tại. Họ coi đây là một cách "hợp lý" hoặc "tốt" để nâng cao dần phần tử <select>.
Một số người khác lại tỏ ra bối rối hoặc thấy cú pháp khó hiểu. Việc sử dụng hai thuộc tính (appearance: base-select và ::picker(select)) được coi là thừa hoặc không cần thiết. Có những lo ngại về việc đặt tên (base-select có thể gây hiểu lầm) và có thể gây nhầm lẫn cho những người mới không quen thuộc với các khái niệm cơ bản.
Một số người trả lời đề xuất các phương pháp thay thế, chẳng hạn như sử dụng một thuộc tính hoặc bộ chọn hoặc tránh sử dụng thuộc tính appearance.

Nhìn chung, mặc dù một số người trả lời cảm thấy thoải mái với chế độ nhập hiện tại, nhưng những người khác lại thấy khó hiểu hoặc đề xuất cải thiện để rõ ràng và đơn giản hơn. Ý kiến phản hồi này nêu bật tầm quan trọng của tài liệu và ví dụ rõ ràng để hướng dẫn nhà phát triển sử dụng API mới một cách hiệu quả.

Bạn có ý kiến phản hồi nào về các kiểu cơ sở (trình đại diện người dùng) hiện có cho lựa chọn có thể tuỳ chỉnh không?

Một số người trả lời thấy các kiểu này chấp nhận được hoặc tốt, trong khi những người khác có những lời chỉ trích hoặc đề xuất cụ thể. Sau đây là một số điểm phản hồi:

Biểu tượng dấu kiểm không đẹp hoặc có thể đơn giản hơn.
Không đủ không gian cho dấu kiểm bên cạnh các mục.
Các kiểu cơ sở trông chật chội, với vòng tiêu điểm bị cắt và không có khoảng cách giữa biểu tượng đã đánh dấu và văn bản.
Các kiểu này có thể gần giống với kiểu nền tảng hệ điều hành hoặc phần tử <dialog>.
Mũi tên mặc định phải hướng xuống và lật lên trên cùng khi mở.
Bạn có thể cần phải đặt lại để xoá các kiểu cơ sở của tác nhân người dùng.

Bạn có câu hỏi, nhận xét hoặc thắc mắc về tính năng này không?

Chúng tôi nhận được nhiều ý kiến phản hồi, câu hỏi và mối lo ngại về API select có thể tuỳ chỉnh mới. Một số chủ đề chính bao gồm:

Hỗ trợ tiếp cận: Một số người trả lời đã nêu mối lo ngại về khả năng hỗ trợ tiếp cận, đặc biệt là đối với trình đọc màn hình và thao tác bằng bàn phím.
Hộp nhiều lựa chọn và hộp kết hợp: Người dùng rất muốn có chức năng nhiều lựa chọn và hỗ trợ hộp kết hợp.
Chức năng tìm kiếm: Khả năng tìm kiếm trong các tuỳ chọn đã chọn là một tính năng được yêu cầu.
Kiểu và khả năng tương thích với trình duyệt: Có những lo ngại về các tuỳ chọn kiểu, khả năng tương thích với trình duyệt và nhu cầu đặt lại CSS.
Chi tiết triển khai: Các câu hỏi được đặt về các chi tiết triển khai cụ thể như khoá tiêu điểm, hành vi kết xuất và thành phần con tuỳ chỉnh.
Ý kiến phản hồi chung: Một số người trả lời đã chia sẻ ý kiến phản hồi chung, chẳng hạn như mong muốn có chế độ nhập API đơn giản hơn và khả năng hiển thị bên ngoài chrome trình duyệt.

Nhìn chung, ý kiến phản hồi cho thấy cần cải thiện khả năng hỗ trợ tiếp cận, bổ sung các tính năng như chọn nhiều mục và tìm kiếm, cũng như hướng dẫn rõ ràng về cách tạo kiểu và khả năng tương thích với trình duyệt.

Bạn có ý kiến phản hồi nào khác không?

Sau đây là một số chủ đề chính trong suy nghĩ và đề xuất của người trả lời:

Muốn có chức năng chọn nhiều mục và hộp kết hợp: Nhiều người trả lời yêu cầu cụ thể về việc bổ sung chức năng chọn nhiều mục và hộp kết hợp.
Tầm quan trọng của tính năng hỗ trợ tiếp cận: Một số người trả lời nhấn mạnh rằng cần phải tiếp tục tập trung vào các tính năng hỗ trợ tiếp cận.
Phản hồi tích cực và yêu cầu về tính năng: Một số người bày tỏ sự hào hứng về API và đưa ra các đề xuất như tuỳ chọn tìm kiếm hoặc khả năng phát hiện tính năng hỗ trợ bằng @supports.
Các trường hợp sử dụng cụ thể: Một số người trả lời đề cập đến các trường hợp sử dụng cụ thể mà họ muốn được hỗ trợ, chẳng hạn như kết xuất bên ngoài chrome trình duyệt hoặc cho phép các giá trị tuỳ chỉnh trong phần tử <select>.
Bình luận chung: Một số bình luận khen ngợi chung hoặc bày tỏ mong muốn giao diện nhất quán trên các trình duyệt.

Nhìn chung, ý kiến phản hồi này củng cố nhu cầu về các tính năng hộp kết hợp và chọn nhiều mục, nêu bật tầm quan trọng của khả năng hỗ trợ tiếp cận, đồng thời cung cấp thêm thông tin chi tiết về các trường hợp sử dụng tiềm năng và những khía cạnh cần cải thiện.

Một lần nữa, chúng tôi cảm ơn tất cả mọi người và hy vọng bản tóm tắt ý kiến phản hồi của cộng đồng này sẽ hữu ích cho những người triển khai và nhà phát triển, giúp mang lại trải nghiệm lựa chọn tuỳ chỉnh tốt hơn cho cả người dùng và nhà phát triển.