5 Surefire måder at få brugere til at rulle
Dagene "over folden" er forbi. Langrulle og uendelige rullesider bliver mere og mere populære i det seneste, og det er ikke tilfældigt, at denne teknik overskrider godt til mobile enheder. Den øgede brug af mobile skærme har helt sikkert spillet en nøglerolle i den omfattende accept af langrulle teknik: Jo mindre skærmen desto længere rulle.
Langrulle åbner mange nye døre til designere. Imidlertid har dette mønster sine egne ulemper. Det kræver, at designere lægger stor vægt på indhold, navigation og animation.
Her er 5 tip til at følge for at sikre, at din lange scrolling opfylder brugernes forventninger.
1. Giv interessant indhold lige fra starten
Trods det faktum, at folk normalt Start med at rulle Så snart deres side indlæser indholdet øverst, er den synlige del af skærmen meget vigtig. Hvad der vises øverst på siden opretter et første indtryk og sætter en kvalitetsforventning til dine brugere. Brugere rulle, men kun hvis det, de ser når de går ind på siden, er lovende nok.
For at sikre, at folk ruller, skal du give indhold, der holder dine besøgende interesserede. Så sæt dit mest overbevisende indhold øverst på siden:
- Giv interessante fakta (fakta, der tiltrækker besøgende og holde deres opmærksomhed)
- Brug engagerende billeder (brugere lægger stor vægt på billeder og billeder, der indeholder relevante oplysninger)
2. Giv brugere en visuel Cue
Nogle gange er den bedste måde at gøre brugerne på at rulle direkte hen til dem at gøre det. Du skal blot informere brugere om, at det meste af indholdet er tilgængeligt under folden. En subtil visuel cue, som f.eks. En pil peger off-screen eller en tekst "scroll down", kan informere brugere om, at det meste af indholdet er tilgængeligt nedenfor.
Pil peger på skærmen informerer brugerne om, at det meste af indholdet vil blive lagt ud nedenfor.
3. Hold navigationsindstillingerne permanent synlige
Navigation er et mærke eller pause i brugerens oplevelse af et websted. En af de største risici ved at bruge langrulning i dit design er en mulighed for brugernes desorientering. Hvis navigationslinjen mister sin synlighed, når brugerne ruller ned, skal de rulle helt tilbage, når de er dybt inde i siden. Denne adfærd forvirrer normalt og frustrer brugerne.
Den indlysende løsning på dette problem er at bruge en klæbrig navigationsmenu, som viser den aktuelle placering og forbliver på skærmen i samme position til enhver tid.
Et eksempel på vedvarende synlig klæbrig navigation.
Kun mobile enheder: Da mobilskærmen er meget mindre end skærmbilledet, kan en synlig navigationslinje optage en forholdsvis betydelig del af skærmen. En måde at løse problemet med en lille skærm ejendom er at skjule en navigationslinje, når brugerne ruller til nyt indhold og gør det synligt, når brugerne trækker sig ned for at komme tilbage til toppen.
4. Brug funktionel animation til at engagere besøgende
Kreative effekter som parallax scrolling og scroll-aktiverede animationer kan involvere brugere at rulle mere. De vender sig til noget mere sjovt og får brugeren til at undre sig "hvad sker der nu?"
Overvej at opsplitte din side i rullende "klumper". Inden for hver klump kan du introducere indholdet gennem kreative animationer. Når brugerne ruller over, overfører animationer dem til det næste skærmbillede, mens der oprettes en sti med indhold, der skal følges.
Parallax er en anden populær animeret effekt, der kan forbedre scrolling oplevelsen. Parallax-effekt skaber en illusion af dybde og nedsænkning ved at gøre baggrundsbilledet bevægelse langsommere end indholdet i forgrunden. Når dit websted ønsker at fortælle en historie på en jævn, lineær måde, kan lang rulleparring med parallax-effekt skabe en fuldstændig nydende browseroplevelse.
5. Undgå at rulle kapring
Websites, der implementerer rullekapsling, tager kontrol over rullen og tilsidesætter en grundlæggende funktion i webbrowseren. Scrol kapring er dårlig, fordi brugeren ikke længere har fuld kontrol over sideskrollen og ikke kan forudse dens adfærd. Brugernes forventning om et websteds scrolling-interaktion bør ikke ødelægges af narrative erfaringer.
Apple bruger rullekapning på deres Mac Pro-side.
Konklusion
Langrulning er i stand til at skabe en helt nydende browseroplevelse. Det er helt muligt at gøre en rejse så behageligt som destinationen. Når brugere kan lide indholdet på dit websted og finde brugerinterface intuitivt, så vil de ikke rigtig huske længden af rullen.