Brugernes opfattelse af hacking for at få dine websteder og apps til at føle sig hurtigere

I denne artikel dækker jeg forskellige designenheder, du kan bruge til at få dine oplevelser til at føle dig hurtig.

BEMÆRK: Denne artikel var inspireret af en samtale, jeg havde med Ada Rose Cannon, udvikleradvokat til Samsung Internet-webbrowser, til vores Google Chrome-udviklere YouTube-serie “Designer vs. Developer”. Du kan også lytte til en længere version af samtalen ved at downloade eller abonnere på vores podcast på Spotify, iTunes eller Google Play Musik.

Har du nogensinde spekuleret på, hvorfor når de ringer til et forsyningsselskab, og du sættes på vent, spiller de musik? Overvej hvordan du ville have det, hvis der ikke var nogen musik, bare død stilhed. CNN gennemførte en undersøgelse, der viste 70 procent af de opkald, der er i ventetid i tavshed, hænger op inden for 60 sekunder. Fordi stilheden får dig til at tro, at linjen måske var blevet afbrudt, og ventetiden faktisk føltes længere. Tanken er at udfylde pladsen og besætte din tid.

Houston Lufthavn har også et lignende problem, passagerer klagede over ventetiden på deres bagage. Da fly landede i nærheden af ​​terminalen tog det ikke lang tid for passagererne at komme til karrusellen, så de endte med at vente i gennemsnit syv minutter på deres tasker. Klager kom stadig ind, selv efter at lufthavnen ansat mere personale. De besluttede derefter at flytte fly længere væk fra terminalen, hvilket betyder, at passagererne skulle gå videre, og klagerne faldt til omkring nul.

Opfattelse af tid

Folk opfatter tiden forskelligt afhængigt af hvor ængstelige de føler, og om de er på farten eller derhjemme. I forskning, vi løb hos Google, fandt vi, at 75% af brugerne mente, at et websted var hurtigt, når de var hjemme, men dette faldt til 52%, når de var ude og omkring. Brugere, der er yngre, føler, at websteder også går langsommere end ældre grupper. I det store og hele opfatter vi en forsinkelse ved indlæsning, der er 80 millisekunder mere end virkeligheden. Så hvis du bliver tilbage og venter, vil ting føles endnu længere.

Websteder og apps kan og vil indlæses langsomt, og selvom de er optimerede, vil 30% af brugerne stadig opleve dem som langsommere end de virkelig er. Så hvordan kan vi omgå dette? Vi er nødt til at oprette nogle enheder, der optager deres tid.

Indlæser

Det er dårligt at vise en tom skærm, idet brugeren holdes på hold uden nogen feedback, men at vise en spinner er lige så mangelfuld.

I dette eksempel kan du se en avis-app, som jeg bespotte, kaldet Tailpiece. Indlæsningstid føles længere, fordi brugeren står og venter på indhold. Den viser også appen i en "tænkende" tilstand i stedet for "arbejder".

Påfyldning af skærmen

I dette eksempel fylder vi skærmen med skeletindhold i stedet for at bruge en forudindlæst spinner. Selvom dette er bedre end ovenstående, er det ikke stort at bruge det alene i stedet for en forudlæser. Fordi det stadig giver en følelse af en fejl og ikke viser nogen kontekst for den type indhold, der kommer.

vaklende

Ved hjælp af en blanding af skeletskærme, kontekstuelle metadata og pixelerede billeder, der delvis indlæses, kan du besætte en masse af brugerens tid og få hele oplevelsen til at føle sig hurtigere. Tanken er at give brugeren kontekst om, hvad der kommer og indlæse tingene så hurtigt som du kan.

Du kan også forskyve animationer for at skjule indlæsningstiden. Vi gør dette med vores materialestudier, som du kan se nedenfor.

Materialestudieeksempler på svimlende animationer

Svimlende er også meget nyttigt, da det skaber en dejlig opbygning inden den første overgang, og igen besætter brugerens tid.

Brug stagger til at tilføje polering til vigtige overgange.

Navigation

Undersøgelser fra Facebook, RedBooth, Spotify og Google Plus viser, at skjulelse af menupunkter betyder, at brugere ikke tryk på eller klikkede på dem. Facebook fandt også, at overgangen til bundnavigation fik appernes opfattelse af hastighed til at virke hurtigere. Fordi ude af syne er ude af sind, og at se et objekt hurtigt får oplevelsen til at føles hurtigere. Så det gør altid din primære opfordring til handling synlig. Du kan se fra eksemplet nedenfor med vores materiale-app, Ugle, gør et godt stykke arbejde med både at have et brugerdefineret design, men stadig holde sig i filosofien om at holde de vigtigste navigationselementer altid synlige og konstante. Bundnavigation er også mere ergonomisk på mobile enheder, da brugeren kan nå knapperne ved hjælp af en hånd, hvilket igen hjælper med at holde oplevelsen hurtig og naturlig.

Feedback og beroligelse

At lade brugeren vide, hvad der vil ske, er kritisk, men at informere dem om den handling, de har udløst, hjælper også med at få dine apps og websteder til at føle sig hurtig. Ved hjælp af bevægelse, svejser tilstande og krusninger, forsikrer du brugeren om, at handlingen, de har udført, er i gang.

Ved at bruge en række af disse designteknikker kan du hjælpe brugeren af ​​dine apps ved at vejlede dem, hvor de vil være, og også få dine apps til at føle sig hurtigere ved at reducere brugerangst. For at lære mere om brugeropfattelse og hvordan du kan designe det, skal du huske at tjekke vores e-bog, Need for speed, for mere information.

Du kan lære mere om UX-design på Web Fundamentals.