it-swarm-eu.dev

Posso combinare una casella di selezione con una barra di ricerca?

Beh, mi chiedevo cosa potevi pensare di una casella selezionata all'interno di una barra di ricerca. Finché il testo non va sotto la scatola penso che sia davvero bello.

Esempio:

enter image description here

Questo appartiene a un sito di hosting che sto codificando al momento. Ma un amico ha detto che ogni altro sito di hosting lo ha fuori dal bar e accanto al pulsante e dovremmo farlo come loro.

Non lo so, mi piace fare qualcosa di diverso da quello che fanno tutti gli altri. Cosa ne pensi?

4
Kawohi

C'è un famoso libro chiamato Don't Me Me Think: A Common Sense Approach to Web Usability , che spiega come far pensare agli utenti (anche solo per un secondo) potrebbe causare loro frustrazione con il tuo sito, imminente usabilità , eccetera.

Gli utenti si aspettano che un controllo così comune appaia in un certo modo e, in caso contrario, si sentiranno frustrati. Pensa alle auto: puoi entrare praticamente in qualsiasi auto e guidarla, poiché tutti i controlli chiave sono praticamente gli stessi: tutto è prevedibile e previsto, il che è molto positivo .

A proposito: hai pensato cosa succede se l'utente tenta di inserire un nome molto lungo? Sotto il tuo controllo, sembra che il testo sia nascosto dalla casella a discesa o sovrapposto sopra di esso, nessuno dei quali è buono. Se d'altra parte la casella di testo e la casella di selezione sono separate, non si verificherà quel problema (il testo scorrerà automaticamente in orizzontale).

7
Dan Barak

Quindi i tuoi due motivi per progettare l'interfaccia utente in questo modo sono "sembra bello" ed "è diverso da quello che fanno tutti gli altri"?

In tal caso, la mia risposta sarebbe: non penso che questi siano buoni motivi per progettare un'interfaccia utente in un certo modo. Quando si creano interfacce utente, una delle cose più importanti da ricordare è che non stai progettando per te stesso, ma per i tuoi utenti finali.

Ciò significa che dovresti scoprire quali persone visitano il tuo sito aspettati, capisci e hanno usato prima. Quindi, ad esempio, fai un test di usabilità con alcuni dei tuoi utenti in cui li osservi utilizzando il sito di un concorrente che posiziona la casella di selezione al di fuori del campo di ricerca, quindi osserva gli utenti che utilizzano il tuo design. Scopri quale funziona meglio (potrebbe non esserci alcuna differenza, poiché si tratta di un'interfaccia utente piuttosto piccola).

Ma nel complesso, tieni presente che "sembra bello" e "Mi piace essere diverso" non ti farà prendere sul serio come designer dell'interfaccia utente. La maggior parte delle volte, è necessario disporre di fatti a sostegno della propria argomentazione. I dati o le metriche di utilizzo sono un buon inizio.

7
Rahul

Questa domanda sembra degna di un aggiornamento ...

Mantieni la calma e combina i controlli

Sette anni fa (quando è stata posta la domanda), questo sembrava "non comune" ad alcune persone. Grazie a Dio per le persone come @kawoki che hanno pensato di chiedere - va bene ora mash up controlli!

The now ubiquitous Amazon mega-search box

Come industria (specialmente in e-comm e mobile) abbiamo sperimentato la combinazione di controlli che si completavano a vicenda. La casella di ricerca di Amazon è un esempio essenziale. Dopo infiniti test (ancora in corso), la solita esperienza di navigazione categorica è stata minimizzata in un menu sottile e la casella di ricerca ha regnato suprema. Per impostazione predefinita, è una ricerca globale, ma è possibile accedere alle suddette categorie proprio lì nella casella di ricerca per limitare l'ambito.

La morale della storia

Se un'interazione innovativa sembra risolvere un problema particolare, potrebbe avere senso anche per i tuoi utenti. Non buttarlo fuori come "non comune" - provalo!

2
plainclothes

Vale anche la pena notare che molto probabilmente la maggior parte dei visitatori della barra di ricerca sarà mobile. Non sono sicuro se il menu a discesa sarà molto utilizzabile per gli utenti di dispositivi mobili.

0
Saurabh M