Vi fremhevet Microsoft Clarity som et produkt bygget med praktiske brukseksempler fra den virkelige verden i tankene, av ekte produktfolk som forstår utfordringene selskaper som Switas står overfor. Funksjoner som «raseriøse klikk» og JavaScript-feilsporing viste seg å være uvurderlige for å identifisere brukerfrustrasjoner og tekniske problemer, noe som muliggjorde målrettede forbedringer som direkte påvirket brukeropplevelsen og konverteringsfrekvensen.
Kumulativ Layout Shift (CLS)
Kumulativ layoutforskyvning måler visuell ustabilitet ved å kvantifisere hvor mye synlig innhold beveger seg uventet i løpet av en sides levetid. Det er en av Googles Core Web Vitals, og i motsetning til lasting- og responsivitetsmål er det en enhetsløs poengsum snarere enn en varighet, beregnet ut fra andelen av visningsporten som påvirkes av en forskyvning og avstanden innholdet flyttes. Googles publiserte terskelverdi anser 0.1 eller mindre som god på den syttifemte persentilen av reelle brukeropplevelser.
Oppførselen den fanger opp er kjent for alle som har forsøkt å klikke på en lenke bare for å få en annonse lastet over den og dyttet siden ned, eller begynt å lese et avsnitt som hoppet da en webfont byttet inn. Utover irritasjon er den praktiske konsekvensen feilklikk: innhold som beveger seg mellom øyeblikket en bruker bestemmer seg for å trykke og øyeblikket de gjør det, resulterer i feil handling, noe som på et handels- eller bankgrensesnitt kan bety et feil kjøp, en feil sletting eller en utilsiktet navigasjon.
Årsakene er godt dokumentert og stort sett enkle å forhindre. Bilder og videoer uten eksplisitte dimensjoner forårsaker reflow når de lastes inn, siden nettleseren ikke kan reservere riktig plass på forhånd. Annonser, innebygde elementer og iframes som settes inn i flyten uten en reservert beholder, skyver innhold ned. Nettfonter som byttes fra en reserve med forskjellige beregninger, reflower tekst. Innhold som injiseres dynamisk over eksisterende innhold, for eksempel bannere, varsler og samtykkeerklæringer, flytter alt nedenfor. Animasjoner som endrer layoutegenskaper i stedet for å transformere og opasitet utløser reflow på hver ramme.
De tilsvarende rettelsene er blant de billigste som er tilgjengelige innen ytelsesarbeid. Å angi bredde- og høydeattributter eller et sideforhold på media reserverer plass før lasting. Å tildele faste beholdere for annonser og innebygde elementer forhindrer at innsetting forskyver innhold. Å matche reservefontmålinger med webfonten, og bruke passende fontinnlastingsstrategier, reduserer omflyting ved bytte. Å sette inn dynamisk innhold under bretten eller i overlegg i stedet for over eksisterende innhold unngår den mest forstyrrende kategorien. Å animere kun transformering og opasitet holder bevegelse utenfor layoutbanen.
Måling krever oppmerksomhet rettet mot økten snarere enn kun sideinnlasting. Målingen akkumuleres over sidens levetid, inkludert endringer som oppstår under rulling og interaksjon, noe som betyr at en side som scorer godt ved første innlasting fortsatt kan score dårlig totalt sett på grunn av at innhold som lastes inn for sent ankommer uten reservert plass. Endringer som skjer innen et kort vindu etter en brukerinteraksjon er ekskludert, med den begrunnelse at innhold som beveger seg som svar på en bevisst handling er forventet snarere enn forstyrrende.
Samtykkeerklæringer og reklamebannere fortjener spesiell oppmerksomhet fordi de settes inn sent, vanligvis administreres utenfor hovedutviklingsprosessen og ofte fortrenger innhold. Et banner som vises øverst i dokumentet etter gjengivelse, skyver alt ned akkurat i det øyeblikket en besøkende begynner å lese eller strekker seg etter en lenke. Å presentere elementer som overlegg som ikke deltar i layouten, eller å reservere plass til dem før de gjengis, løser problemet uten å fjerne dem. Fordi disse komponentene ofte konfigureres av markedsførings- eller juridiske team gjennom tredjepartsverktøy, krever løsningen vanligvis en samtale på tvers av funksjoner i stedet for bare en kodeendring.
Fordi årsakene vanligvis ligger i maler, annonseintegrasjoner og tredjeparts innebygde elementer i stedet for i én enkelt komponent, krever utbedring ofte koordinering mellom teamene som er ansvarlige for hver enkelt komponent. I praksis er dette standard. nettytelse arbeid, og det er et av områdene der forbindelsen til kommersielle resultater er mest direkte, siden ustabilitet i layouten på et produkt eller en betalingsside fører til feiltrykk og at kundene forlater nettstedet. UX revisjon vil dukke opp som brukervennlighetsfeil uten nødvendigvis å identifisere den underliggende tekniske årsaken.
Switas sett på
