Risultati della richiesta di selezione personalizzabile per il modulo di feedback per gli sviluppatori

Adam Argyle

Data di pubblicazione: 16 dicembre 2024

A settembre abbiamo chiesto il tuo feedback sulla funzionalità di selezione personalizzabile sperimentale. I feedback che hai condiviso includevano casi d'uso (ad esempio sistemi di progettazione, caselle combinate), opinioni sulla modalità di inserimento dell'API e feedback sugli stili di base. I problemi riguardavano l'accessibilità, la compatibilità con i browser, la necessità di una funzionalità di ricerca e il desiderio di supportare la selezione multipla. Sembra che tu voglia utilizzare l'API in produzione, ma abbia alcune riserve e richieste di funzionalità specifiche.

Tutte queste informazioni sono state utilizzate dagli ingegneri e dai gestori di Chrome per prendere decisioni informate sulla funzionalità. Questo post condivide i punti chiave di ciascuna domanda del sondaggio selettivo personalizzabile.

Cosa creeresti con questa nuova API?

Sono stati condivisi diversi casi d'uso, che in genere includevano:

  1. Creazione di componenti del sistema di design: creano componenti selezionati per i loro sistemi di design, garantendo coerenza e personalizzazione in tutti i progetti.
  2. Creazione di vari tipi di selettori: ad esempio selettori di lingue, paesi, autorizzazioni utente e altro ancora.
  3. Miglioramento degli elementi selezionati esistenti: migliora gli elementi selezionati esistenti con funzionalità come immagini, SVG e stili più completi.
  4. Sostituzione delle implementazioni di caselle di controllo personalizzate: sostituisci i componenti di caselle di controllo personalizzati con una soluzione nativa standardizzata.
  5. Creazione di caselle combinate e selettori personalizzati: funzionalità più complesse come caselle combinate, selettori personalizzati per numeri di telefono, fusi orari, valute e altri tipi di dati.
  6. Miglioramento delle UI dei moduli: migliora i moduli creando elementi di selezione più accattivanti e funzionali.

Queste risposte mettono in evidenza la versatilità della nuova API e il suo potenziale per migliorare l'esperienza utente e l'efficienza dello sviluppo per una vasta gamma di applicazioni web.

Prevedi di utilizzare questa API in produzione una volta che raggiungerà la disponibilità generale del livello di riferimento?

Il 95% di voi ha risposto "sì".

Hai provato la nuova API? Se sì, hai potuto creare ciò che volevi?

Il 30% di voi ha risposto "sì".

Cosa ne pensi della modalità di inserimento per l'elemento di selezione personalizzabile (appearance: base-select nell'elemento <select> e ::picker(select))

I feedback su questa modalità di inserimento sono contrastanti:

  1. Alcuni ritengono l'approccio accettabile, ragionevole o addirittura migliore della situazione attuale. Lo considerano un modo "logico" o "perfetto" per migliorare progressivamente l'elemento <select>.
  2. Altri esprimono confusione o trovano la sintassi scomoda. L'utilizzo di due proprietà (appearance: base-select e ::picker(select)) è considerato ridondante o non necessario. Sono stati sollevati dubbi sulla scelta del nome (base-select potrebbe essere fuorviante) e sulla potenziale confusione per i neofiti non a conoscenza dei concetti sottostanti.
  3. Alcuni intervistati suggeriscono approcci alternativi, come l'utilizzo di una singola proprietà o di un singolo selettore o l'evitare del tutto la proprietà appearance.

Nel complesso, mentre alcuni intervistati si trovano a loro agio con la modalità di inserimento attuale, altri la trovano confusa o suggeriscono miglioramenti per chiarezza e semplicità. Questo feedback evidenzia l'importanza di una documentazione e di esempi chiari per guidare gli sviluppatori nell'utilizzo efficace della nuova API.

Hai feedback sugli stili di base (user agent) esistenti per la selezione personalizzabile?

Alcuni intervistati ritengono gli stili accettabili o buoni, mentre altri hanno critiche o suggerimenti specifici. Ecco alcuni punti del feedback:

  • L'icona con segno di spunta non è bella o potrebbe essere più semplice.
  • Non c'è spazio sufficiente per un segno di spunta accanto agli elementi.
  • Gli stili di base sembrano essere troppo stretti, con l'anello di messa a fuoco tagliato e senza spaziatura tra l'icona selezionata e il testo.
  • Gli stili potrebbero essere più simili allo stile della piattaforma OS o a un elemento <dialog>.
  • La freccia predefinita deve essere rivolta verso il basso e girare verso l'alto quando è aperta.
  • Potrebbe essere necessario un ripristino per rimuovere gli stili degli agenti utente di base.

Hai domande, commenti o dubbi in merito a questa funzionalità?

Abbiamo ricevuto una serie di feedback, domande e dubbi sulla nuova API Select personalizzabile. Ecco alcuni dei temi principali:

  1. Accessibilità: diversi intervistati hanno sollevato dubbi sull'accessibilità, in particolare in merito a screen reader e navigazione con tastiera.
  2. Caselle di controllo con più opzioni e combinate: c'è un forte desiderio di funzionalità di selezione multipla e supporto delle caselle combinate.
  3. Funzionalità di ricerca: la possibilità di effettuare ricerche all'interno delle opzioni selezionate è una funzionalità richiesta.
  4. Stili e compatibilità del browser: sono stati sollevati dubbi sulle opzioni di stile, sulla compatibilità del browser e sulla necessità di reimpostare il CSS.
  5. Dettagli sull'implementazione: sono state poste domande su dettagli specifici dell'implementazione, come il blocco dell'attenzione, il comportamento di rendering e gli elementi secondari personalizzati.
  6. Feedback generale: alcuni partecipanti hanno condiviso feedback generali, ad esempio la richiesta di una modalità di inserimento dell'API più semplice e la possibilità di eseguire il rendering al di fuori del browser Chrome.

Nel complesso, i feedback evidenziano la necessità di migliorare l'accessibilità, aggiungere funzionalità come la selezione multipla e la ricerca e fornire indicazioni chiare su stile e compatibilità con i browser.

Vuoi aggiungere altro feedback?

I temi principali emersi dai pensieri e dai suggerimenti dei partecipanti includono:

  1. Richiesta di funzionalità di scelta multipla e casella combinata: diversi intervistati richiedono specificamente l'aggiunta di funzionalità di scelta multipla e casella combinata.
  2. Importanza dell'accessibilità: alcuni intervistati sottolineano la necessità di continuare a concentrarsi sulle funzionalità di accessibilità.
  3. Feedback positivi e richieste di funzionalità: alcuni utenti sono entusiasti dell'API e offrono suggerimenti come un'opzione di ricerca o la possibilità di rilevare l'assistenza utilizzando @supports.
  4. Caso d'uso specifici: alcuni intervistati menzionano casi d'uso specifici che vorrebbero vedere supportati, ad esempio il rendering al di fuori del riquadro del browser o l'autorizzazione di valori personalizzati all'interno dell'elemento <select>.
  5. Commenti generali: alcuni offrono elogi generali o esprimono il desiderio di un aspetto coerente su tutti i browser.

Nel complesso, questo feedback conferma la richiesta di funzionalità di casella combinata e di selezione multipla, mette in evidenza l'importanza dell'accessibilità e fornisce ulteriori approfondimenti su potenziali casi d'uso e aree di miglioramento.

Ringraziamo ancora tutti e ci auguriamo che questo riepilogo dei feedback della community sia utile a implementatori e sviluppatori, contribuendo a migliorare un'esperienza di selezione più personalizzabile sia per gli utenti che per gli sviluppatori.