15 Tips til optimering af tværføring

Sep 11, 2025
hvordan

Design til alle enheder! Anna Dahlström. vil tale om betydningen af Building Device-Agnostic UX Systems Generere London. , 21-23 september. Hun vil gå igennem, hvorfor enhedens agnostiske design betyder, hvad det betyder, og hvordan vi går om det; Book nu !

Jeg begyndte at messede rundt med HTTP logfiler og brugeragentstrenge for over 15 år siden, analyserer og forsøgte at forstå alle de forskellige enheder, der rockede op på de tidlige John Lewis eCommerce hjemmesider. Hvilke råd vil jeg give mig selv, hvis jeg kunne gå tilbage i tiden?

Det ville være dette: hver hjemmeside eller produkt, du arbejder på fra nu af, vil blive brudt - du ved bare ikke, hvor, på hvilken enhed eller browser eller hvor alvorligt. Hvis du jager disse fejl ned, vil du gøre nemmere penge til dine kunder end næsten alt dit andet arbejde sammensat.

Det har taget mig 15 år at indse, at på trods af kundernes tendens til at klage hurtigt, vil det store flertal ikke rapportere bugs i dine enheder oplevelser. Hvis du får et lille antal klager, har du sandsynligvis en stor katastrofe på dine hænder. Hvis du ikke får nogen klager, er det sandsynligt stadig brudt.

Vi kan ikke stole på besøgende på hjemmesiden for at være vores 'kanariske i kulminen' for enheder og browserproblemer - vi skal tage ansvar og blive smartere og mere proaktive i, hvordan vi tester. Enhedskompatibilitet er en ret ikke et privilegium, og at få det galt er en form for forsømmelig diskrimination.

Denne artikel beskriver nøglebestemmelserne for at huske for optimering af tværindretning og A / B-test. Tackle optimering tips først. Hvis du laver grundlæggende fejl med enhedskompatibilitet, ydeevne og brugervenlighed, er der ingen mening, der generer med A / B-test. Find og reparer de ødelagte ting først. Så, når du har nok trafik til at køre A / B-test (mindst 500 konverteringer eller checkouts en måned) - kan du lave nogle nye fejl.

01. Antag ikke responsivt løser alt

Jeg har engang bygget et lille mobilwebsted, der ikke er lydhør, men tager nu den bedste del af en milliard euro i omsætning hvert år. For de nødvendige opgaver er det perfekt. Det er ikke lydhør i væske layout vilkår, men det er lydhør over for behovene hos næsten alle, der bruger det. Kender forskellen.

Nogle gange tror folk det Responsive Web Design er et tegn på digital beherskelse. Det er bare en attribut, der ikke giver noget af kvalitet - som at sige 'vi har en hjemmeside' eller 'vores hjemmeside lader dig klikke på ting'. Det er ingen garanti for en stor kryds-enhed oplevelse.

Jeg ser mange lydhøre websteder, der har en overfladisk slickness, men fejler på brugervenlighed, fordi holdet har ignoreret kundekendskab. Et godt eksempel er en e-handelswebsted Det gik lydhør og tabte 40 procent af sine indtægter. Det havde bygget en fantastisk mobil oplevelse, men desktop version sugede, og det var her 80 procent af pengene kom fra. At vide, hvor Golden Goose er hjælper, hvis du vil undgå at dræbe det!

02. Gør din forskning først

Optimering af et websted starter ikke med hacking på sidens indhold. Det begynder med at lave din forskning, så når dine læber siger 'kundesejlads', hvad der kommer ud, er ikke et eventyr. Det er vigtigt at kende de besøgende, deres opgaver og mål, indgangspunkter, enhedsblanding, stier, strømmer og opgivelsesområder først. Det er meget svært at løse et problem, du ikke forstår.

Brug af analytics data med brugererfaring Forskning, undersøgelser eller feedback er en hurtig og let måde at fjerne bullshit, ego og antagelser om 'rejsen'. En times informerede data er værd at tusind timers uklar udtalelse.

Yderligere læsning: ' Konverteringsforskning om en time '; ' Session Replay værktøjer til forskning '.

03. Spor folk, ikke enheder

A Google Analytics User ID view showing overlapping device usage

En Google Analytics User ID visning, der viser overlappende enheds brug

Medmindre du bruger en Analytics Set-up, der sporer brugere, vil du bare ende med at tracking enheder i stedet. Virksomheder klager over, at deres 'mobil' trafik ikke konverterer - og vi finder, at trafikken faktisk konverterer, bare på en helt anden enhed.

Folk kan bruge deres telefon til at gennemse og tilføje et produkt til deres kurv, men find det er vanskeligt at komme igennem kassen, så afslut salget på deres bærbare computer. Webstedet tænker på disse som to personer: en mobilkund og en desktop-kunde.

Så dit konverteringsproblem er faktisk et tildelingsproblem. Hvordan kan du kreditere salget til en enhedsoplevelse, hvis kunden bruger mere end en enhed? Google Analytics har en brugervisning, du kan tænde (for logget-in brugere), der giver dig mulighed for at spore folk, ikke enheder, og der er mange analyseværktøjer til at hjælpe dig med at give mening om dette.

04. Undgå at ignorere den bredere kontekst

I denne hyper-mobile enhed verden er kontekst alt. Det, du har brug for fra en flyselskabsapp, kan være meget forskellige 48 timer før dit fly i forhold til, når du kører til porten. For den pågældende person med telefonen skal du overveje de faktorer, der påvirker oplevelsen. Disse kan omfatte opgaver, mål, enhed, placering, datahastighed, visningsport, haster, motivation, dataomkostninger, opkaldsomkostninger eller endda vejret på tidspunktet for deres besøg!

05. Kom ud af kontoret

At gøre bedre produkter bør ikke involvere lange dage brugt på kontoret. Hvorfor ikke bryde arbejdsdagen med besøg på kaffebarer og pubber? Dette er en af ​​de billigste måder at finde kunder til UX Research. Tilbyder en øl eller kaffe i bytte for feedback på din prototype eller design er et uvurderligt investeringsafkast. Og glem ikke hjemmesiden - hvis du har trafik, kan du rekruttere folk og køre test med dem online også.

Yderligere læsning: ' UX værktøjer til at regere dem alle '.

06. Antag ikke, at alle bruger iPhones

Diagram showing the percentage splits across device classes, OS and models

Diagram, der viser procentdelen splitter på tværs af enhedsklasser, OS og modeller

I de fleste Analytics Set-ups er iPhone-modeller klumpet sammen, hvilket tyder på, at disse er de vigtigste kundeenheder. Hvis du bare ser på modeller i dine data, vil dette ske til din tænkning; Du skal splitte enheder af OS eller Platform for at se det rigtige billede. Google Analytics kan sige, at min topmodel er 'iPhone', men selv en håndfuld top Samsung-modeller kan tilføje op til et meget større publikum.

Hver gang nogen er fristet til at fokusere på deres egen personlige enhedspræference i stedet for kundeblandingen, skal du styre dem til diagrammet over højre (det er værd at holde det op på din kontormur) for at minde dem om, hvad dataene siger.

Yderligere læsning: ' Den ultimative vejledning til brug af Google Analytics til Cross-Device Optimization '.

Discover why your designs should be device-agnostic at Generate London

Opdag, hvorfor dine designs skal være enhedsagnostik på generering London

07. Glem ikke opkaldssporing

En omtale for en gratis og sjældent brugt teknik. Hvis du har berøringsenheder, der kan foretage telefonopkald, kan du spore opkald. Du skal blot tilføje en begivenhed (eller pageview) til dine analysedata hver gang nogen tapper et telefonnummer for at ringe til dig. Så ved du, hvor mange opkald du får, præcis hvilke webside folk kaldet fra og hvilke marketingkampagner eller kilder kørte de fleste opkald.

Jeg brugte disse data til at analysere en PPC-konto for et stort firma. Når vi indledte i salget fra telefonopkald, ændrede det helt vores budgivning. Besparelsen var 40-70 procent lavere regninger til PPC, men det samme antal indtægter.

08. Brug rigtige data til at spore websitetshastigheden

Ikke mange mennesker ved, at Google Analytics indsamler reelle besøgendes målinger af, hvor langsomme dine sider er hver dag. I stedet for at forestille forestillingen (da du gennemsøger dit websted på en WI-FICONNECTION), kan du lade dataene fortælle dig, hvor det suger. Se på DOM TIMINGS-rapporten: Dette optager, hvor længe websidestrukturen og indholdet tager at indlæse. Gør websteder hurtigere er en spilveksler.

Der er en enorm sammenhæng mellem ydeevne og konverteringsfrekvens, så hvis det er langsomt, bruger du markedsføringspenge bare for at sende folk til dine konkurrenter!

Yderligere læsning: ' Fortolke stedhastighed '.

09. Kopier testmetoden, snarere end den kreative

Når du ser på testene, har andre virksomheder kørt, du har ingen idé om, om de helt borket testen eller ej. Deres data, metode, QA eller prøve størrelse kan vise, at de lavede elementære fejl. De kunne have kørt testen for for kort tid eller ikke kontrolleret, hvis det indsamlede data præcist. Du ved bare ikke.

Og selvom du havde alle baggrundsoplysninger, kunne du stadig ikke forudsige, om deres metode ville arbejde for dig. Dine kunder, markedsføring, hjemmeside og alt andet er helt anderledes. Kort sagt, de bedste praksis regler for testning handler primært om at kopiere metoden og ikke den kreative.

Yderligere læsning: ' Den endeløse suge af bedste praksis og optimeringseksperter '; ' Når konverteringsoptimering er bedste praksis mislykkes '.

10. Test ikke uden planlægning

Der er millioner af ting, du kunne teste på steder over hele dit websted. Hvis du bare 'Kom godt i gang', kan du i sidste ende få en optimal hjemmeside - men universets varme død vil få dig først. Hvis der er ting brudt i dine oplevelser, skal du rette det først (før test), da det ellers vil trække alt andet ned. Når du har grundlaget for præstationer og enhedskompatibilitet, skal du bruge Analytics til at identificere muligheder.

'Bare skiftende ting' er ikke en god nok grund til at teste; Du har brug for bevis eller indsigt for at køre en god test. Den bedste læring kommer fra at have gode spørgsmål til kanal til din test.

11. Opret din hypotese

Ask people to describe the test they want to run using this sentence. If you’re laughing, it’s a bad test

Bed folk om at beskrive den test, de vil køre ved hjælp af denne sætning. Hvis du griner, er det en dårlig test

Hypotese Kit er en af ​​de mest nyttige ting, jeg underviser:

Fordi vi så [Data / Feedback] forventer vi, at [Skift] vil forårsage [Impact]. Vi måler dette ved hjælp af [Data Metric].

At bede folk om at ramme deres spørgsmål eller A / B-test på denne måde tvinger dem til at tænke på, hvorfor de kører testen, og hvordan succes måles.

Yderligere læsning: Hypotese kit 3. .

12. Kør en testkalkulator først

Det er virkelig god praksis at køre en testkalkulator før du A / B test. Hvis det siger, at det vil tage omkring ni millioner år at afslutte, kan du gøre noget mere nyttigt med dit liv.

13. Stop ikke ved 95% tillid

Det er en meget almindelig noob-fejl at lave med A / B-test. Du bør bestemme din testtid på forhånd, så kør den for den tid, stop det og analyserer det. De fleste af de tests, der køres i den virkelige verden, er helt fiktive - og derfor bliver folk skuffet, når den lovede 'lift' i konvertering ikke ankommer. Calling Tests fejlagtigt eller venter for længe efter resultater er almindelige problemer, der bør undgås.

Yderligere læsning: ' Statistisk betydning svarer ikke til gyldigheden '; ' Hvorfor hver internet marketingmedarbejder skal være statistiker '.

14. Segment efter enhedsklasse

Hvis du har forskellige enheder eller breakpoints i dit design, vil A / B testen se helt anderledes ud. Hvis du ikke er sikker på, hvordan dit design ser på alle enheder, hvordan kan du være sikker på, at det overhovedet virker? Hvis du ikke analyserer og segmenterer dataene ved de forskellige enhedsklasser eller 'breakpoints', hvordan vil du kende adfærdsmæssigt skift? En af mine klienter gemmer det nøjagtige design, som kunden så i deres dataglag, hvilket er meget nyttigt.

Forstå altid, hvordan du målretter eller segmenterer folk på tværs af mobile, tablet- og desktop-enhedsklasser. Der er ingen 'gennemsnitlige' besøgende - ikke når enhedens oplevelse varierer så enormt.

15. Glem ikke QA-test

Hvis du ikke har arbejdet din enheds mix, er du sandsynligvis ikke QA-test af din A / B-test. Det betyder, at ganske få af dem sandsynligvis er brudt - og hvis dine A / B-test er brudt, er dine data og beslutningstagning sandsynligvis mangelfuld. Ca. 30-40 procent af alle mine testdesigner fejler grundlæggende QA, selv med højkvalitetsudviklere - det er javascript for dig! Antag, at det er brudt, indtil det er bevist ellers.

Resumé

Her har jeg dækket en række tips til forbedring af dine oplevelsesoplevelser. Når du starter ud, kender din enheds blanding og forståelse af kunderne bag disse enheder afgørende. Næste fase er at arbejde med data for at hjælpe dig med at prioritere din indsats. Gør en god testliste (ved hjælp af Google Analytics) skærer indsatsen for udviklere, men vil øge antallet af defekter, du fjerner på populære enheder.

At designe store tværindretninger er en omhyggelig balance mellem data, intuition, empati og eksperimentering. Hvis du tillader disse at besætte det rum, der normalt er fyldt af ego og mening, vil godt arbejde blomstre. Som Stephen Hawking sagde: "Den største videnfuld viden er ikke uvidenhed, det er illusionen om viden."

Lær om vigtigheden af ​​enhedsagnostisk design med Anna Dahlström. Generere London. ! I Building Device-Agnostic UX Systems , hun vil forklare, hvorfor du skal lade indholdsguide layouts og flytte væk fra at designe sider for at fokusere på de moduler, som disse synspunkter består af. Book din billet nu !

Denne artikel optrådte oprindeligt i Net Magazine. Udgave 279; Tilmeld nu !


hvordan - Mest populære artikler

Kompositioner i animation: Lær det grundlæggende

hvordan Sep 11, 2025

(Billedkredit: Blackmagic Design) I denne artikel vil vi dykke ind i kunsten at sammensætte 3D. At udforske, hvad de..


Sådan fremskyndes og optimerer WordPress-websteder

hvordan Sep 11, 2025

(Billedkredit: webdesigner) WordPress begyndte som en simpel blogging platform, men udviklede sig til indholdsstyring..


Sådan laver du din egen karakter Bibel

hvordan Sep 11, 2025

For alle, der arbejder professionelt i tegn design. , en karakterbibel er et af de mest væsentlige elementer i di..


Sådan styrer du CSS-klasser med JavaScript

hvordan Sep 11, 2025

Når du udvikler enkle webprojekter, der involverer brugerinteraktion, hvor bedst man skal håndtere statsændringer i CSS, blive..


Dokumentér dine designsystemer med fraktal

hvordan Sep 11, 2025

Har du lyst til at lære mere om designsystemer? Så gå ikke glip af Senior UI Engineer Mina Markham. ..


Sådan skaber du manga-stil hår i bevægelse

hvordan Sep 11, 2025

Læring Sådan tegner man manga er ikke let feat. Så for at gøre det nemt som muligt, følger jeg en simpel trinvis proces, der bruger bevægelse, form, farve, belysning og t..


Sådan får du mere fra digitale teksturer

hvordan Sep 11, 2025

Digital arbejder frigør dig for at gøre så mange fejl som du vil i et arbejdsområde, hvor risikoen af ​​risiko er taget v..


10 Top Houdini Tutorials

hvordan Sep 11, 2025

Houdini er et kraftigt dyr, med værktøjer til bygning af VFX, der bruges i mange Hollywood-film. Men den oprindelige læringskurve er stejl, så vi har samlet denne liste over tutorials for..


Kategorier