it-swarm-eu.dev

Il modo migliore per dire all'utente di selezionare una voce esistente o inserire una nuova voce

Sto progettando una pagina Web per dispositivi mobili poiché ho uno spazio limitato sullo schermo. La pagina Web viene utilizzata per selezionare il nome di un negozio da un elenco di negozi (che l'utente ha inserito in precedenza) o inserisce un nuovo nome di negozio insieme ad alcuni dettagli sul negozio.

La mia idea era di avere:

1a riga: comboxbox che funziona come un elenco a discesa/completamento automatico di nomi di negozi precedentemente inseriti. L'utente seleziona o inizia a digitare e l'elenco viene filtrato durante la digitazione.

2a riga: il testo "OR" (per indicare un'altra azione che l'utente può intraprendere)

3a e riga successiva: campi di testo per acquisire informazioni sul nuovo negozio.

Quindi l'utente ha due azioni in questa pagina. Seleziona un negozio esistente nell'elenco e ha terminato o entra in un negozio nuovo di zecca, comprese le informazioni correlate.

Altri suggerimenti per la creazione di questo. Non sono sicuro di quali elementi dell'interfaccia utente saranno disponibili per me. Userò jQuery Mobile per l'interfaccia utente.

5
Tony_Henrich

La selezione di un negozio esistente di solito è molto più comune dell'inserimento di un nuovo negozio, quindi mettere entrambe le azioni sulla stessa pagina non sembra adatto.

Consiglio di utilizzare la casella a discesa (con un filtro di ricerca rapida se ci sono più di 2 dozzine di articoli), con un ultimo elemento

Select Store|v
Negozio A
Negozio B
Aggiungi nuovo negozio ...

La selezione di quell'elemento potrebbe far apparire una pagina per inserire i dettagli del negozio.

(Non sono sicuro che sia possibile realizzare l'elemento corsivo o la ricerca rapida all'interno della casella combinata con jQuery mobile - ma nel peggiore dei casi è possibile tornare a una casella combinata "normale").

In alternativa, "Aggiungi nuovo elemento" potrebbe essere un collegamento/pulsante separato oltre alla combo. Ciò migliora la rilevabilità per gli utenti inesperti, ma ruba la proprietà dello schermo per uno stato stabile (ovvero quando i negozi sono già entrati).

3
peterchen