Mobile search ui/ux improvement

I find when I initiate a search in a mobile view I can become stuck due to the lack of an obvious cancel button to return me to my prior screen.

I can swipe back or use a browser back button; however, displaying a simple “cancel” button could be a worthwhile UX improvement.

3 Mi Piace

Not sure I agree with this. Do you also feel stuck on a user page on mobile?

I think what feels inconsistent is that the other two buttons alongside the search one open pop-ups that can be dismissed by clicking on the button again.

Not sure I have a great suggestion as to how to resolve the inconsistency though…

Il designer UX del mio team ha avuto una crisi quando ha provato la ricerca su mobile.
Mentre la versione desktop su mobile è ordinata, il cambio di pagina predefinito su mobile è controintuitivo.

Stiamo cercando di modificarlo per rendere l’esperienza di ricerca su mobile identica a quella desktop (una finestra pop-in che puoi chiudere).
Hai qualche idea su come regolarlo?

1 Mi Piace

L’abbiamo evitato a causa di alcuni gravi bug di Safari che lo rendevano inutilizzabile a causa di position: fixed. Sono quasi certo che @pmusaraj abbia riflettuto su questo problema recentemente. Non credo che tu abbia molte possibilità di modificarlo facilmente.

1 Mi Piace

È utile sapere il motivo della decisione.
Presumo che un bug precedente al 2016 su Safari sia stato risolto nel frattempo.
Non avrebbe senso semplificare di nuovo, applicando il comportamento desktop in tutti i casi?

1 Mi Piace

Puoi descrivere più nel dettaglio cosa intendi? Mi piacerebbe vedere alcuni screenshot o una registrazione dello schermo del problema. Mi aiuterebbe a capire se stai riscontrando problemi legittimi nel core o se si tratta di qualcos’altro.

Ehi, grazie per aver chiesto!
Ho registrato un breve video dell’esperienza utente da desktop mentre digito una ricerca e poi torno al contenuto:

search-dropdown

E una registrazione dell’esperienza attuale da mobile, dove non è possibile chiudere la ricerca e accedere nuovamente al contenuto:

search-fullpage

Mi sono reso conto di dover tornare alla pagina precedente quando ho visto l’URL /search nella barra degli indirizzi, ma mi ci è voluto un po’ di tempo per capirlo e il designer UX era molto confuso da quell’esperienza.

4 Mi Piace

Grazie per le registrazioni dello schermo. Capisco cosa intendi: il problema è che non è ovvio che la ricerca ti porti a una pagina separata. Probabilmente possiamo fare qualcosa per rendere più chiaro all’utente di essere navigato su una pagina di ricerca dedicata.

Oppure, potremmo usare lo stesso widget della versione desktop, come hai menzionato. In generale mi piace avere la stessa interfaccia utente su desktop e mobile, ma non sono sicuro che questo sia un buon caso per farlo.

2 Mi Piace

Mi piace davvero molto il pattern di utilizzare una pagina intera su mobile per sostituire modali e menu a tendina: sfrutta molto meglio lo spazio ed evita molti problemi di scorrimento… Mi chiedo se aggiungere qualche tipo di x o un pulsante Indietro potrebbe aiutare? E/o forse premere il :mag: dovrebbe riportarti alla pagina precedente la ricerca?

Non è ancora molto buono! Dobbiamo ricorrere a molti hack per aggirare i problemi di scorrimento su iOS relativi a modali e menu a tendina. Per quanto ne sappia, loro non considerano affatto molte di queste differenze come dei bug.

5 Mi Piace