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

Interfaccia per stabilire la priorità di più criteri di risultati durante la ricerca

Vorrei presentare a un utente più aspetti per stabilire le priorità, ad es. vuoi che una camera d'albergo sia vicina alla tua posizione, economica, confortevole,….

Sto pensando di creare tre pulsanti, [Chiudi] [Economico] [Confortevole]. Quando fai clic su un pulsante, significa che è importante per te e il pulsante diventa più grande e gli altri diventano più piccoli, dimostrando che devi fare un compromesso e scegliere di dare la priorità a uno o due aspetti. Ho fatto una prova di concetto in CodePen:

What are your priorities? (cheap) (close) (comfortable)

Esempio live su CodePen

Cosa ne pensi di questo design? Ci sono buone alternative?

8
JulienFr

Quando si progettano filtri o opzioni, per risultati o dati mi viene sempre in mente una cosa che deve supportare anche se alcune funzionalità aggiuntive vengono aggiunte o rimosse in seguito. Non deve danneggiare il design che sto cercando.

Mi piacerebbe condividere la mia esperienza e opinioni sullo stesso come di seguito:

1. Seguendo il vostro disegno

Il tuo design non ha nulla di sbagliato, ma potrebbe essere più attraente se non lo fai crescere e fai invece qualcos'altro. Puoi sempre avere colori per far risaltare le cose dagli altri.

Puoi riempire il pulsante o l'opzione selezionata riempiendolo di colore o puoi dire aggiungendo il colore di sfondo ad esso in base al tema. Qualcosa come questo:

enter image description here

Perché?

  • Aiuta l'utente a capire cosa stanno ottenendo come risultato e non disturbare gli occhi con il pulsante che cresce, il che può attirare la loro grande attenzione. Inoltre, se i risultati non saranno sullo stesso schermo, è possibile rendere più luminoso il colore del pulsante selezionato e cercare più attenzione.
  • Sopra il punto era presente, parliamo di futuro. Se stai pensando dal punto di vista dello sviluppo, se in seguito stai abilitando la possibilità di selezionare due pulsanti contemporaneamente. Crescere due pulsanti è di nuovo meno accettabile che averlo colorato.

2. Non seguire il tuo disegno

Ci sono molte opzioni e questa risposta potrebbe richiedere più tempo di quanto chiunque possa pensare. Quindi, attenendoci al punto e ai requisiti, vediamo di seguito due esempi:

Google Immagini: Durante la ricerca di camere d'albergo, come qualsiasi altro risultato di ricerca di immagini, ha molti filtri o opzioni da mostrare e farti selezionare, ma ti permettono seleziona anche più. Che anche se hai nel tuo caso, funzionerebbe.

enter image description here

Link qui alla vista sopra

Puoi selezionare quei pulsanti di filtro per ottenere ciò che desideri. Quello che succede dopo la selezione è importante e non è male.

enter image description here

Link qui alla vista sopra

Utilizzando i colori ciò che hanno fatto è qualcosa di opposto, ha reso la selezione più semplice. Ma si distingue ancora tra gli altri pulsanti colorati.

Sito Web Airbnb

Se visiti il ​​sito Web Airbnb hanno più opzioni e filtri ma a un certo punto stanno usando i colori o hanno dovuto usare i colori per realizzarlo.

enter image description here

Controlla che "Home" sia evidenziato anche che "Tipo di stanza" sia evidenziato.

Conclusione:

Riassumendo con la visualizzazione di troppe immagini, è che l'opzione migliore sarebbe usare anche i colori nel tuo caso e se cambi anche il tuo design rimarrà lo stesso. Non ti sto chiedendo di copiare questi disegni, ma di capire il significato di farlo e il motivo dietro di esso.

Spero che la mia risposta ti aiuti in ogni modo possibile. Saluti!


1
divy3993

Apple usa qualcosa come quello che stai descrivendo quando ti iscrivi per la prima volta a Apple Music. Puoi fare clic una volta per piacere e due volte per amare. Le bolle crescono in base ai tuoi clic.

Questa è una bella cosa per qualcosa che farai una volta. Funziona perché la musica è qualcosa di personale ed emotivo. Non penso che funzionerà per gli aspetti di ricerca. Sarà fastidioso costruire il tuo sistema pulsante/bolla per ogni attività di ricerca.

Semplificalo. Usa qualcosa come interruttori a levetta o una lista di controllo.

Tieni presente che gli utenti utilizzano anche altri siti Web in cui possono effettuare ricerche. Cerca una funzionalità importante nella navigazione del sito Web in modo da renderla familiare a ciò che gli utenti sanno da altre esperienze.

enter image description here

7
Nick Groeneveld

La soluzione comprovata a questo e altri problemi simili è un elenco a discesa con termini di vendita come "il più vicino", "il miglior valore" o "il più votato".

Il menu a discesa è una buona soluzione perché enfatizza i vantaggi della ricerca corrente, piuttosto che gli svantaggi.

È anche buono perché richiede due tocchi per l'uso. Questo può sembrare controintuitivo, ma ha uno scopo. Quando è possibile rieseguire una ricerca con un solo tocco, ci si può aspettare che molti utenti lo facciano, accidentalmente e di proposito. Questa è una richiesta elevata che invia l'utente indietro nel contesto del suo scenario. Se ripetuto più volte, in realtà serve a minare la fiducia degli utenti e aumentare l'ansia decisionale. Pertanto, l'input a due tocchi significa che verrà utilizzato principalmente da coloro che sono abbastanza fiduciosi nelle loro priorità e/o sanno che la loro ricerca originale non conteneva ciò che stavano cercando.

6
Nathan Christie

È possibile utilizzare cursori ponderati. The Humble Indie Bundle fa questo; ti consente di dividere il tuo prezzo pagato in diversi importi/percentuali. enter image description here

5
PixelSnader

Avere un'opzione multi-click o slider per questo sarebbe schiacciante per la maggior parte degli utenti. Pensa agli utenti che utilizzano il sito client. Quali sono i loro dati demografici? Devi prima di tutto parlare la loro lingua e lavorare secondo le loro aspettative. Non provare ad avere fantasia.

Soluzione semplice: hanno tre opzioni che possono dare la priorità trascinando e rilasciando l'ordinamento verticalmente con un'etichettatura chiara (1. ---- 2. ---- 3. ----) per impostare l'esperienza in anticipo. Una breve etichetta "Dai la priorità alle tue esigenze".

Allora sei pronto.

3
Joshua Garity

C'è solo una cosa fondamentale che conta: tasso di conversione. Soprattutto per la prenotazione di hotel.

Suonerà strano, ma una migliore UX può porterà in qualche modo a un tasso di conversione più basso. Supponiamo che tu abbia fatto un ottimo lavoro, tutto funziona bene, ma il tasso di conversione è diventato più basso. Questo è un fatto che potresti dover affrontare un mese dopo.

Cosa farai se la conversione diventasse inferiore? Giusto. Si esegue il rollback all'interfaccia utente precedente.


1. Solo il test A/B può mostrare il risultato REALE della modifica del tuo design. Non c'è altro modo per ottenere conoscenze validate. Ecco perché è sbagliato porre questa domanda qui. Non importa quali risposte ricevi o quale UX ti verrà in mente.


2. I clienti cambiano nel tempo. Se il tuo test A/B fallisce oggi, ciò non significa che la tua UX sia cattiva. Significa che al momento non è adatto per questo particolare insieme di clienti. Può diventare più adatto nel tempo. Solo i test A/B regolari, ancora e ancora, ti mostreranno la verità.


Critici grezzi:

Vedo un grosso svantaggio in termini di "economico" e "comodo": i confini di ciò che è economico e comodo sono diversi per le diverse persone a seconda della loro ricchezza.

Se di solito rimango in hotel a stelle, allora gli hotel a 4 stelle sono confortevoli per me e probabilmente costosi.

Se di solito rimango in 5 hotel a stelle, allora gli hotel a 4 stelle sono NON confortevoli per me e probabilmente economici.

Pertanto, è possibile mostrare questo tipo di filtri solo per clienti esistenti e variare ciò che è economico/comodo in base alle loro prenotazioni precedenti.

Non sono sicuro dei pesi. Non ho idea di come sarebbe un hotel a 1/3 comodo e 2/3 vicino.

3
ADOConnection

Questa è una buona domanda.

Ci sto pensando da un po '... e ho un'idea, immagina:

A destra, un pool di parole chiave tra cui l'utente può scegliere come filtri. A sinistra, una scala di significatività, da 0 a 10. L'utente può trascinare le parole chiave da destra a sinistra e posizionarle ovunque su questa scala di significatività per regolare il bilanciamento del filtro.

In questo modo possono vedere e comprendere i loro quozienti di bilanciamento e fare clic su "Filtra/Attiva" una volta terminata l'impostazione, oppure può aggiornare in tempo reale se hai abbastanza potenza di elaborazione e utenti adeguatamente qualificati/familiari.

Le parole chiave che non vogliono includere, possono trascinare al di sotto del punto 0, per escluderle dalla ricerca, se si desidera questo tipo di funzione.

1
Confused

Concordo con gli altri sopra citati che la formulazione di queste categorie potrebbe richiedere qualche modifica.

In teoria, suppongo che "confortevoli" siano gli hotel più costosi, il che rende superfluo elencare sia "comode" che "economiche" come opzioni poiché sono in realtà opposti.

Per quanto riguarda "essere vicini" o no, suppongo che qualcuno stia cercando una camera d'albergo perché stanno in una certa posizione e hanno bisogno di un hotel che si trova nelle vicinanze.

Non intendo strappare la tua domanda, forse non sono chiaro su cosa stai esattamente chiedendo.

0
sjsteve

Aggiungendo alle altre risposte, penso che dovresti lasciare che forniscano maggiori dettagli (prezzo tra _ e _, valutazione tra _ e _, distanza tra _ e _, ecc.)

0
Solomon Ucko

La mia idea sarebbe quella di aggiungere parametri alla ricerca e dare loro una ponderazione spostandoli su e giù.

Ho visualizzato tre, potrebbe essere limitato a due, per abbinare il tuo stato alto, molto alto, spento nel tuo post.

Anche un elenco per aggiungere o rimuovere parametri all'elenco. Il bello di questo, come i tag, è che l'elenco può essere popolato dai parametri memorizzati con l'elenco degli hotel, quindi il mondo reale dovrebbe riflettere ciò che le persone vogliono v è ciò che viene archiviato rispetto all'hotel.

Search Priority

0
DarrylGodden

La formulazione della domanda e il comportamento/l'azione che desideri dall'utente sembrano essere un po 'contraddittori.

La mia prima impressione è che "Quali sono le tue priorità?" chiederebbe loro di classificare quale dei tre sono il primo, il secondo e il terzo più importanti, mentre "Qual è la tua priorità?" sarebbe chiedere loro di scegliere solo uno dei tre, quindi è necessario riformulare la domanda per iniziare.

Se volevi che l'utente selezionasse solo una delle tre opzioni, sono curioso di sapere perché non hai semplicemente scelto un modello di gruppo di pulsanti di opzione che avrebbe più familiarità con gli utenti. Anche se desideri mantenere il design sullo stile dei pulsanti, puoi comunque scegliere un gruppo di selezione dei pulsanti ed evidenziare semplicemente il pulsante selezionato.

Se desideri che l'utente classifichi le selezioni, probabilmente guarderei l'ordinamento dall'alto verso il basso anziché da sinistra a destra per mostrare le priorità (e forse fornire etichette) secondo la risposta di Josh Garity.

In alternativa, se come hai suggerito si tratta di chiarire agli utenti che ci sono compromessi, fornirei tre cursori che mostrano un intervallo tra non importante a molto importante e consentire all'utente di trascinare il cursore e fornire un valore per ciascuno di i tre valori simili alla soluzione PixelSnader.

E testerei sicuramente con gli utenti per assicurarmi che capiscano come funziona. Quindi, fondamentalmente, se prendi un po 'dei consigli di tutti qui dovresti essere in grado di trovare la soluzione ottimale.

0
Michael Lai