Qual è il modo migliore per indicare che puoi scorrere in un'area quando l'area non ha una barra di scorrimento?

L'unica cosa a cui potevo pensare era dire: "Scorri per vedere il menu completo" sopra. Quali sono alcuni altri modi in cui le persone lo fanno?

Le persone si relazionano bene con la relatività fisica nelle interfacce utente. In altre parole, se si desidera che un'interfaccia sia naturale o che i suoi controlli siano evidenti, è possibile utilizzare l'aspetto del realismo fisico per farlo. Anche le icone corrette sono sempre un must, per ovvie funzionalità.

Come sarebbe fisicamente un'area di scorrimento? Semplice! Uno strato di contenuto sotto una cornice esterna. Per ottenere quello sguardo, potresti usare un'ombra a forma di scatola sul livello esterno.

• Suggerimento: durante la creazione di ombre box CSS, è possibile mettere più ombre insieme a virgole. Usa un'ombra lontana chiara con una più corta corta per un bell'effetto. Usa RGBA (controllo dell'opacità) per un tocco leggero!

Successivamente, senza una barra di scorrimento, la migliore pratica che viene in mente sarebbe quella di utilizzare JQuery con una casella di scorrimento cliccabile collegata ai bordi dei frame che hanno contenuto che scorre, facendo apparire la casella quando gli elementi interni sporgono all'esterno della casella in una delle quattro direzioni.

Se si desidera che la barra sia assente o nascosta per impostazione predefinita, tenerla nascosta o leggermente opaca fino a quando l'area di scorrimento viene passata sopra o toccata, quindi fare apparire il meccanismo di scorrimento.

• Facile da usare: la casella dovrebbe attivarsi (iniziare a scorrere l'elemento figlio) leggermente al passaggio del mouse e completamente con il mouse verso il basso.

Ecco una dimostrazione:

Per le aree di scorrimento lunghe, lo scorrimento accelerato è indispensabile tramite questa pratica, altrimenti la capacità degli utenti di navigare rapidamente il contenuto verrà inibita.

Dopo aver armeggiato con questo, penso di poter creare un plug-in JQuery e utilizzare questa pratica per la mia prossima app Web.

Assicurati che la quantità di contenuto predefinita visualizzata per la prima volta mostri un elemento in basso (presupponendo lo scorrimento verticale) che viene rivelato solo parzialmente, informando così l'utente che c'è di più sotto e che possono raggiungerlo / rivelarlo.

Ecco cosa proverei:

Un gradiente morbido che va oltre un po 'del contenuto. Questo indica che ce ne sono altri di seguito. Inoltre, puoi ovviamente aggiungere una piccola freccia.

Quanto ovvio vuoi renderlo dipenderà da chi pensi che sarà il pubblico e quale sia il contesto.

Le solite tecniche di ricerca del modo come frecce e grafici che continuano oltre l'ovile possono aiutare il viaggio dell'utente. In alternativa, potresti scegliere un sistema di menu / navigazione ancorato, utilizzato da molti siti a pagina singola.

La soluzione più sfacciata e brutta sarebbe un popup che informa gli utenti di scorrere verso il basso per ulteriori contenuti, quindi si nasconde quando l'attore scorre (stile di notifica dei cookie).

Un'altra opzione è quella di cambiare il cursore quando si passa sopra l'elemento a qualcosa che indica lo scorrimento, come una freccia in movimento che punta e indica verso il basso o qualcosa che indica "leggi di più scorrendo".

Naturalmente questo funziona solo per desktop.