Come impostare le posizioni di scorrimento in una pagina

‍Quando si costruisce un sito web con molte sezioni e molte informazioni, gli strumenti di navigazione diventano doppiamente importanti. Uno di questi strumenti è la posizione di scorrimento, che può trasformare anche una pagina sovraccarica di informazioni in una situazione vantaggiosa per un visitatore.

‍Quando una singola pagina contiene troppe informazioni e non può essere ulteriormente suddivisa a causa di limitazioni contestuali, le posizioni di scorrimento consentono all'utente di spostarsi istantaneamente in punti specifici della pagina e accedere al contenuto desiderato. Questo esempio è una pagina su un evento fittizio di 7 giorni con molte band e attività extra. Sebbene sia un design di anteprima, è l'esempio ideale del sovraccarico di informazioni che lo spettatore potrebbe sperimentare.

‍Seleziona un pulsante che desideri trasformare in una transizione di scorrimento e l'opzione 'al clic' 'vai alla pagina in questo sito web'. Nel secondo menu a discesa che appare sotto, puoi selezionare 'posizioni di scorrimento'. Poiché non ne hai ancora create, seleziona 'nuova posizione di scorrimento'.

‍Questo creerà una linea orizzontale che può essere trascinata sull'asse verticale e stabilisce dove la parte superiore dello schermo dello spettatore viene posizionata dalla transizione.

‍La sottile linea blu è la posizione di scorrimento. Il posizionamento del contenuto della pagina prima e dopo la sezione che stai visitando influenzerà se optare per un campo visivo rigoroso (dove la parte superiore della prospettiva dello spettatore è precisamente il punto in cui inizia la sezione che vuole visitare) o lasciare un po' di spazio prima, per una sensazione meno rigida. Se elementi della sezione precedente interferiscono con il campo visivo, il risultato può apparire goffo. Il posizionamento corretto della posizione di scorrimento lascerebbe spazio per respirare ed è pulito:

‍In questo esempio gli artisti sottostanti possono essere ritagliati, ma poiché la parte superiore e la maggior parte dei loro ritratti sono visibili, il risultato crea interesse e attira l'attenzione sulla sezione successiva.