it-swarm-eu.dev

Come migliorare l'usabilità per i menu a discesa popolati dinamicamente?

Sto lavorando a un'applicazione per un client che ha una "interfaccia utente unica" in cui voglio migliorare.

Search Drop Down

Al momento, quando l'utente accede a questa pagina Web, viene visualizzato un solo menu a discesa per la regione. Quando l'utente inizia a selezionare l'area, l'intera pagina invia e quindi mostra la zona a discesa. Ciò si ripete per ogni menu a discesa fino a quando non vengono selezionati tutti i valori. Regione, zona, distretto e rivenditore.

Chiaramente questo non è molto utilizzabile o preferito per l'utente poiché l'intera pagina si aggiorna e richiede molti clic. Volevo vedere se c'è un modo per migliorare l'esperienza dell'utente qui?

Una soluzione che posso fare, se non riesco a migliorare l'interfaccia utente, è ricorrere a AJAX per evitare l'aggiornamento dell'intera pagina. Ma come posso migliorare l'interfaccia utente?

7

Da quello che ho capito, hai già il nome del concessionario che vuoi far apparire.

Questo particolare approccio alla progettazione dell'interfaccia utente replica il modo del mondo fisico di arrivare alle cose. Se volessi arrivare a quel concessionario, come avrei fatto? Bene, devo andare in quella regione, arrivare nella zona, arrivare al distretto e poi trovare il concessionario. Nel mondo fisico, non c'è molta scelta.

Ma per il tuo scopo qui, penso che un approccio basato sulla ricerca non sarebbe solo più appropriato, ma anche molto più semplice e utilizzabile.

Quello di cui sto parlando qui è sulla falsariga di Google suggerire. L'utente inizia a digitare il nome del concessionario che desidera far apparire. Se ce n'è solo uno con quel nome, bene e bene. Lo avete. In caso contrario, mostriamo una serie di "suggerimenti" che incorporano le informazioni sulla regione, la zona e il distretto e l'utente può scegliere quello che vuole raggiungere.

6
nemo

Ho un suggerimento, ma prima lasciami dire che è un paradigma abbastanza noto e se implementato bene (senza l'intera pagina rinfrescante e forse mostrando tutti i droplist), può funzionare bene.
A meno che lo spazio verticale non sia scarso, prenderei anche in considerazione la disposizione dei droplist uno sotto l'altro.

Se vuoi cambiare completamente l'esperienza, puoi ad esempio provare ad aggiungere una mappa.
Questo potrebbe aiutare alcuni utenti a scegliere il posto più facilmente, ma potrebbe essere un po 'più ingombrante per coloro che preferiscono semplicemente usare la tastiera e digitare.

Se vuoi davvero portarlo su Edge, prova ad analizzare un formato gratuito, cioè lascia che l'utente digiti qualcosa e ne deduca tutti i parametri (come Google Maps).

1
Dan Barak

L'unica cosa che volevo aggiungere alla risposta di Vijay era che puoi prendere in considerazione più tecniche per la ricerca di indicazioni stradali e la ricerca - in altre parole, puoi fare il completamento automatico per il nome del concessionario E puoi consentire all'utente il drill-down dall'estremità opposta - se preferiscono passare attraverso regione, zona, ecc. possono utilizzare completamente un'altra sezione del modulo o un altro modulo. Puoi saperne di più sulla ricerca di percorsi e sui modelli di ricerca, nonché su come influenzano il web design, per comprendere l'argomento di un'ampia varietà di siti. Alcuni libri eccellenti sull'argomento includono Pattern di ricerca di Morville & Callender, Ambient Findability di Morville e persino una sezione della Guida allo stile Web nel capitolo Interface Design (disponibile gratuitamente sia online che in stampa).

1
ericawebdev