Responsivt indhold

– og hvordan du tænker det ind på din hjemmeside

Når jeg underviser eller hjælper kunderne med at tænke responsivt indhold ind i deres hjemmeside design, er det fordi det er en vigtig mission. Det ved alle i dag, eftersom at omkring 50% bruger deres telefon til at gå på internettet og dermed på (dine) hjemmesider. Det betyder, at computere ikke længere sætter standarden for designet på en hjemmeside. Men det vidste du sikkert allerede, ikke?

Hvem er bag skærmen?

Men i vores fokus på det responsive design, har vi i mellemtiden fuldstændig glemt noget vigtigt. Kan I gætte hvad det er? Mobiltelefonen er ikke den, der skal købe vores produkter eller service – det er kunden. Altså forbrugeren. Hvem siger du? Jeg siger forbrugeren, kunden, personen som bruger sine fingre eller sin mus til at guide sig rundt på din side.

Mange responsive hjemmesider er i dag bygget op om at alt skal være tilgængeligt, for alle uanset skærm størrelse. Der oprettes en menu, der er den samme, som den brugeren møder på computeren, indholdet komprimeres i størrelse og sidebaren rykkes til bunden, så der er plads til det hele. Men det er ikke altid hensigtsmæssigt for brugeren.

Lige præcis det med sidebaren er et problem. Har du en sidebar på din hjemmeside for at vise seneste nyheder eller et call-to-action element rykkes de i bunden af siden. For sådan læser browseren din mobiloptimeret hjemmeside. Således ser brugeren ikke (måske) vigtige elementer i din sidebar før i bunden af siden. Jeg kan berolige dig med at folk på telefonerne generelt er gode til at scrolle på siden. Fordi det simpelthen er nemt at bruge deres finger. Denne øvelse er de fleste ret gode til, sjovt nok.

Den uoverskuelige menu – på telefonen

Jeg oplever tit at den smarte menu med de mange punkter ofte fejler på telefonen. Det kan endda være at du har opsat en smart ”mega-menu” som vises flot på computerskærmen. Men på telefonen bliver det hurtigt uoverskueligt.

Men skal du rydde op i denne menu kræver det egentlig en underside hvor du samler alt dit indhold til mobilen. Men det er også værd at overveje hvis du har mange sider. Det kræver som regel noget ekstra kode eller et subsite (underside) som du lever mobilbrugerne over på. Det gjorde man faktisk også i starten da telefonerne kom frem og inden man fandt på den smarte funktion med “responsivt design”.

Det kan måske være et større arbejde at designe en helt ny hjemmeside kun for mobiltelefoner. Og du dermed også skal rette indhold to steder. Men du bør 100% tænke over det når du gerne vil have din kunder ind på en landingpage. Skal de f.eks. skrive sig op til en konkurrence eller nyhedsbrev, så tænk på at landingpagen virkelig skal være en landingpage for mobiltelefonen, for at øge konverteringen.

Glem ikke målgruppen

Det er fint at du har styr på dit indhold, set med de responsive briller. Men glem ikke din målgruppe. Glem ikke at teste. Du kan med Google Analytics se hvem din målgruppe, i besøgende fra desktops, tablets, mobiltelefoner osv. Brug disse data til at rydde op på din side. Kommer der flere besøgende på din hjemmeside, end de ”normale” 50% så skal du nok overveje at tænke ”mobile first”. Du skal optimere dit indhold til mobilen og dernæst desktop. Men det gør vi ikke altid i dag.

Det handler også om hvad du sælger, hvilken service du tilbyder. Hvornår leder dine kunder efter dit produkt? Sidder de i bussen med deres telefon eller sidder de på kontoret på deres laptop computer?

De fleste temaer til WordPress kan i dag ”tænde og slukke” for elementer som ikke skal vises på de forskellige devices. Overvej om der er indhold på din side som ganske enkelt er for besværligt at læse eller se på telefonen. Så fjern det og med det mener jeg sluk for det, så det f.eks. ikke vises på telefonen.

disable_devices

Konklusionen

Måske har du en lang tekst om de mange fordele ved dit rengøringsfirma. Det kan nemmere skimmes når du sidder ved computeren. Men forestil dig at jeg som kunde, står og venter på toget og lige skal finde et rengøringsfirma. Læser jeg så din tekst som jeg skal bruge 2 minutter på og i øvrigt scrolle på min skærm? Eller læser jeg det første på siden med dine 4 fornuftige punkter, sat op i punktform, som tager mig 15 sekunder at overskue?

Du ved det godt! For jeg ved hvad du selv gør, når du står med din telefon og leder efter information.

Hvis du har brug for hjælp og sparring med din hjemmeside, modtager jeg gerne en henvendelse fra dig. Så ser jeg frem til en kop kaffe hos dig.

Kan jeg hjælpe dig?