針對開發人員意見回饋表單的自訂選取要求所得出的結果

Adam Argyle

發布日期：2024 年 12 月 16 日

我們在 9 月曾詢問你對實驗性可自訂選取功能的看法。您提供的意見回饋包括用途 (例如設計系統、組合方塊)、對 API 輸入模式的想法，以及對基礎樣式的意見回饋。包括無障礙、瀏覽器相容性、需要搜尋功能，以及希望支援多重選取。您似乎很想在實際執行環境中使用 API，但有疑慮和特定功能要求。

Chrome 工程師和管理員已根據所有這些資訊，就這項功能做出明智的決策。本文將分享自訂選取問卷中每個問題的重點。

您會使用這個新 API 建構什麼？

與會者分享了各種用途，主要包括：

  1. 建構設計系統元件：為設計系統建立特定元件，確保各專案的一致性和可自訂性。
  2. 建立各種類型的選取器：例如語言選取器、國家/地區選取器、使用者權限選取器等。
  3. 強化現有的 Select 元素：使用圖片、SVG 和更豐富的樣式等功能強化現有的 Select 元素。
  4. 取代自訂選單實作：使用標準化的原生解決方案取代自訂選單元件。
  5. 建立組合方塊和自訂挑選器：更複雜的功能，例如組合方塊、電話號碼、時區、貨幣和其他資料類型的自訂挑選器。
  6. 改善表單 UI：建立更具視覺吸引力及功能性的選取元素，改善表單。

這些回應凸顯了新 API 的多功能性，以及這項 API 改善各種網頁應用程式的使用者體驗和開發效率的潛力。

您是否打算在 API 達到廣泛可用標準後，在實際工作環境中使用這項 API？

95% 的受訪者回答「是」。

您是否試用過新 API？如果是的話，您是否能使用該工具建構所需內容？

30% 的使用者回答「是」。

您對可自訂選取項目的輸入模式有什麼看法？(appearance: base-select 在 <select> 元素和 ::picker(select) 上)

使用者對這項輸入模式的意見不一：

  1. 有些人認為這種做法可接受、合理，甚至比目前的情況更好。他們認為這是逐步提升 <select> 元素的「合理」或「適當」方式。
  2. 其他人則表示感到困惑，或認為語法不夠直覺。使用兩個屬性 (appearance: base-select 和 ::picker(select)) 會被視為多餘或不必要。有人對命名方式提出疑慮 (base-select 可能會造成誤解)，並擔心新手不熟悉基礎概念，因此可能會感到困惑。
  3. 少數受訪者建議採用其他方法，例如使用單一資源或選取器，或是完全避免使用 appearance 資源。

整體而言，雖然部分受訪者對目前的輸入模式感到滿意，但其他人則認為這會造成混淆，或建議改善方式，以便讓使用者更容易理解。這項意見回饋強調了提供清楚的說明文件和範例的重要性，以便開發人員有效使用新 API。

請問您對現有的可自訂選取方塊基礎 (使用者代理程式) 樣式有何意見？

部分受訪者認為這些樣式可接受或不錯，但其他人則提出具體批評或建議。部分意見回饋如下：

  • 勾號圖示不美觀，或可以更簡單。
  • 項目旁邊沒有足夠的空間放置勾號。
  • 基本樣式看起來很擁擠，焦點環被裁切，且勾選圖示和文字之間沒有間距。
  • 樣式可能會更接近 OS 平台樣式或 <dialog> 元素。
  • 預設箭頭應朝下，開啟時應翻轉至頂端。
  • 您可能需要重設，才能移除基本使用者代理程式樣式。

請問您對這項功能有任何疑問、意見或疑慮嗎？

我們收到許多有關新自訂選取 API 的意見回饋、問題和疑慮。其中幾個重點主題包括：

  1. 無障礙功能：幾位受訪者對無障礙功能提出疑慮，特別是螢幕閱讀器和鍵盤導覽功能。
  2. 多重選取和組合方塊：使用者強烈希望支援多重選取功能和組合方塊。
  3. 搜尋功能：使用者希望能夠在所選選項中搜尋。
  4. 樣式和瀏覽器相容性：使用者對樣式選項、瀏覽器相容性和 CSS 重設需求提出疑慮。
  5. 實作詳細資訊：我們詢問了有關實作詳細資訊的問題，例如聚焦鎖定、轉譯行為和自訂子項。
  6. 一般意見回饋：部分受訪者提供一般意見回饋，例如希望有更簡單的 API 輸入模式，以及在瀏覽器外殼之外顯示內容。

整體而言，意見回饋指出需要改善無障礙功能、提供多重選取和搜尋等額外功能，以及提供樣式和瀏覽器相容性的明確指南。

還有其他意見想補充嗎？

受訪者提供的想法和建議中，主要主題包括：

  1. 希望新增複選和組合方塊功能：多位受訪者特別要求新增複選和組合方塊功能。
  2. 無障礙功能的重要性：部分受訪者強調需要持續重視無障礙功能。
  3. 正面意見回饋和功能要求：有些人對 API 感到興奮，並提出建議，例如搜尋選項或使用 @supports 偵測支援功能。
  4. 特定用途：少數受訪者提到希望看到支援的特定用途，例如在瀏覽器外殼外繪製，或允許在 <select> 元素中使用自訂值。
  5. 一般意見：部分使用者會給予一般讚賞，或希望在各瀏覽器中顯示一致的外觀。

整體而言，這些意見回饋強化了使用者對多重選取和組合方塊功能的需求，強調了無障礙設計的重要性，並進一步說明潛在用途和可改善的領域。

再次感謝大家，希望這份社群意見回饋摘要能幫助導入者和開發人員，為使用者和開發人員提供更優質的客製化選取體驗。