risposta-alla-domanda-sullo-sviluppo-web-bd.com

Elenco a discesa nel campo di ricerca (progettazione del materiale)

Ho una barra di ricerca con l'opzione per selezionare quale entità sto cercando. Sto usando il comportamento di ricerca del materiale che espande il campo di ricerca quando si fa clic sull'icona, quindi ho usato il menu a discesa per essere mostrato con l'espansione.

Pensi che questo comportamento sia confuso? In tal caso, qual è la soluzione migliore per chiarire questo?

L'immagine mostra prima (1) e dopo (2) l'espansione:

Material design search bar, before and after expansion .

Grazie

1
Basem

La mia raccomandazione è di rimuovere il campo opzione da questo punto nel flusso UX.

Prendi in considerazione i modelli di progettazione stabiliti da google.com (altamente pertinenti poiché sono il leader indiscusso della ricerca online, che stabilisce le aspettative degli utenti). Come delineato qui , aspetta con la presentazione di opzioni aggiuntive, come le categorie di drill down (chiamate anche filtri), fino a quando l'utente non ha formulato la sua domanda iniziale. Se si desidera che l'utente cerchi specifici attributi di metadati, come name, è possibile presentare questa opzione come parte distinta della finestra di dialogo completamento automatico . Per ispirazione, fai clic sulla casella di ricerca in questo mock up .

Parte della logica per l'utilizzo dei modelli di Google, come i risultati raggruppati, è che l'esperienza dell'utente diventa molto più intuitiva. Gli utenti non devono fare scelte consapevoli basate sulla tua architettura dell'informazione. Piuttosto, possono scegliere tra esempi, idealmente classificati in base alla pertinenza.

Particolarmente pertinente alla scelta dei campi di metadati, come name: Immagina di avere anche i campi di metadati author e serial no.. È quindi possibile disporre di dizionari con completamento automatico ( esempio ) e espressioni regolari che identificano le query che hanno riscontri validi in questi campi e quindi presentano questi campi sopra name, rendere la ricerca più pertinente e intuitiva.

2
bjornte

Devi cercare gli utenti per categoria, ma con il design attuale stai perdendo idea. Pertanto, dovresti provare a posizionare l'icona di ricerca con le categorie. enter image description here

1
Priyanka Goyal