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

Se un pannello della finestra appiccicoso è più grande delle dimensioni dello schermo, come devo visualizzarlo?

Ho un pannello a destra in cui gli utenti possono scegliere le opzioni di ricerca che è un pannello appiccicoso.

Tuttavia, su schermi di dimensioni diverse, ecc., Se l'altezza di questo pannello è superiore all'altezza dello schermo, non tutto è visibile. Devi quindi ridurre a icona alcune finestre secondarie. C'è un modo migliore per gestire questo problema?

Se il pannello non è appiccicoso, gli utenti devono sempre scorrere verso l'alto per vedere il pannello.

10
BubbleMe

Che ne dici di fare in modo che le opzioni di ricerca rimangano nella parte superiore dello schermo (come su Twitter)?

https://img.skitch.com/20120501-nk7e1yjwxmha5gntpdi44392mc.jpg

Nota che sto scorrendo la pagina verso il basso, ma la navigazione è sempre presente. Questo potrebbe essere un problema se lo fai già con la navigazione, ma ha anche dei lati positivi. Vale a dire, è possibile inserire molti più dati in una barra orizzontale a causa dei menu a discesa. Dal momento che è sottile e orizzontale, questo rende felici tutte le altezze del browser (forse non le larghezze, ma usando le icone in modo intelligente su dispositivi più piccoli potrebbe ancora funzionare).

Inoltre, sono piuttosto diffidente nel cercare di adattare grandi quantità di dati in piccole aree, come una fisarmonica. Questo ha il suo posto e può essere utile, ma abbiamo usato qualcosa di simile nel mio lavoro e si è trasformato in un orribile disordine UX.

Sulla base dell'esperienza precedente qui, suggerirei invece di provare a far fronte a grandi opzioni di filtro, vedere cosa vengono realmente utilizzati e sono necessari. Potresti scoprire che puoi abbinarlo a 2 o 3 opzioni che sono utili, anziché a 500 che nessuno usa. Un principio chiave di UX è mantenere le opzioni al minimo in modo che l'utente non sia sopraffatto. Questo sembra un perfetto esempio di tempo per farlo (a meno che, ovviamente, il tuo utilizzo non lo garantisca).

1
David Savage

Il pannello delle levette può essere fatto scorrere separatamente utilizzando un iFrame. Questo aumenta il carico cognitivo sull'utente, quindi ti consiglio di testarlo prima di implementarlo; Non sono sicuro che questa sia una buona soluzione. Ma risolve il problema di essere sempre visibili e il problema di essere troppo alto per lo schermo.

Tuttavia, vorrei un progetto che minimizzi la necessità di scorrimento. Forse fai in modo che il menu rilevi l'altezza dello schermo e, se è necessario scorrere, chiudi la sezione precedente quando apri una nuova sezione. Questo lo renderà un menu a fisarmonica, la stessa interfaccia di Outlook 2003 utilizzata per il pannello di navigazione a sinistra.

mockup

download bmml source - Wireframe creati con Balsamiq Mockups

Se si dispone di un buon rilevamento dell'altezza, il menu può consentire l'apertura di più sezioni quando ha spazio e una sola apertura quando lo spazio è ridotto, adattandosi allo spazio disponibile.

2
Myrddin Emrys