Det er ikke lenger nok å bare sørge for at webinnholdet ditt passer på en liten skjerm. Google forsterket denne presedensen av oppdatering av algoritmen for å understreke betydningen av nøye planlagte og godt utførte responsive design på mobiltelefoner.
Og det er fornuftig: Dine seere trenger ikke all funksjonalitet av et skrivebord på en mobilenhet. Faktisk vil de kanskje fjerne noe innhold og funksjonalitet når de er på en mindre skjerm. Tross alt, ingen ønsker å sortere gjennom sider med innhold bare for å finne bedriftens telefonnummer. Det er den manglende byggestenen i mange firmaers webdesignfundament: Sann adaptivitet.
Bare å stanse nettstedet ditt i en versjon som passer på en mobil enhet, er ikke nok. Du må ta en nærmere titt på den komplette brukeropplevelsen og hvordan den skal endres for å tilpasse seg de forskjellige miljøene der den blir sett.
57% av brukerne av mobilenheten Vil ikke anbefale bedrifter med dårlige mobilnettdesigner, og 48% sier at bedrifter med mobile nettsteder som ikke fungerer som de skal, ser ut til å ikke bry seg om det.
Det er flere problemområder som de fleste bedrifter går inn i med sine lydhørlige nettsteder:
Tidligere designprosesser har diktert at klienten godkjenner statiske bilder og skjermbilder før utviklingsfasen. I dag er design mer fokusert på omorganisering av elementer for ulike enhetsdimensjoner og mye mindre fokusert på plassering av statiske bilder.
Visning av data på en liten skjerm gjør det ofte vanskelig å se eller lese innhold, spesielt informasjonstavler. De W3C oppfordrer faktisk merkevarer til å velge en annen metode enn tabeller og faner for å presentere data; Kompliserte brukergrensesnitt inneholder rett og slett for mye informasjon for mobile enheter å håndtere.
Fremfor alt er problemet med lydhør design bare et spørsmål om kundenes perspektiver vs. selskapernes perspektiver. Dessverre har de fleste bedrifter en tendens til å spørre seg selv hva de vil fortelle sine kunder i stedet for hvordan kundene ønsker å se og samhandle med den informasjonen.
For eksempel, mens registreringsprosesser generelt er det viktigste aspektet av webdesign, har de ofte en lav prioritet. Det er fordi bedrifter tenker mer om funksjonaliteten de vil at kundene skal se enn det logiske inngangspunktet og den primære arbeidsflyten kundene leter etter.
Enkelt sagt, responsiv design er ikke den ultimate løsningen for å gi brukerne det de trenger fra et nettsted; det forlater fortsatt mye å være ønsket.
Når det gjelder webdesign, må de viktigste samtalene merke seg å ha en tendens til å være konseptet av responsive vs adaptive nettsteder.
Den responsive tilnærmingen tar den nåværende siden og passer den til varierende skjermstørrelser, mens den adaptive tilnærmingen faktisk endrer innhold og hvordan den fungerer basert på skjermstørrelsen.
Responsive webdesign antar at innholdet og funksjonaliteten din bør være det samme på alle enheter - men det er ikke nødvendigvis sant
Jeg pleier generelt for flere av en adaptiv webdesignmetode, i motsetning til bare å stable innhold, av en viktig grunn: Responsive webdesign antar at innholdet og funksjonaliteten skal være det samme på alle enheter - men det er ikke nødvendigvis sant. Nøkkelen er å matche innholdet av innholdet med brukstilfellet og konteksten der brukere ser på nettstedet ditt.
For eksempel, la oss si at du designer et responsivt nettsted for et merke i forbruksvarer eller forbruksgaveindustrier. Kampanjer og tilbyr sider for disse typer nettsteder mottar vanligvis den mest elektroniske trafikken. Folk ser sjelden på produktdetaljer, men når de gjør det, er en fin måte å markere disse detaljene på å vise hvordan de sammenligner med andre elementer. Med det for øye, bør du legge produktvisualisering og pedagogisk innhold på produktsider slik at du kan hjelpe forbrukerne å forstå hvordan du bruker og engasjerer med produktet.
For forbrukeremballasjeindustrien vil du bli kjent med kundene dine og avgjøre om de er pre-, in- eller post-butikk. Du må opprette en annen opplevelse avhengig av hvor kunden er i veien for å kjøpe.
Her er en kort oversikt over hver bane:
Å vite hvor kundene er i veien for å kjøpe, gjør det mulig å designe nettstedet på en måte som tilfredsstiller disse behovene og mer.
Adaptiv design gjør det mulig for kunden å ha en tilpasset opplevelse ... basert på enheten han eller hun bruker
Fremfor alt må du sette deg i kundens sko. For eksempel handler jeg hos Trader Joe hver uke. Det ville være fint om jeg kunne planlegge mine måltider på forhånd fra min laptop og koble den planen til min handleopplevelse. Med andre ord, jeg kunne fortelle nettstedet hva jeg vil gjerne til frokost, lunsj eller middag. Nettstedet vil da fortelle meg alle produktene jeg trenger for å lage disse måltidene og lage en kartlagt liste for meg, så jeg vil vite hvilke ganger som skal treffes da jeg kom til butikken. Alt jeg trenger å gjøre er å trekke ut telefonen min.
Adaptiv design gjør det mulig for kunden å ha en tilpasset opplevelse, som dette, basert på enheten han eller hun bruker.
Optimaliser kundeopplevelsen ved å skreddersy design og informasjon til enheten. For eksempel, hvis kunden ser deg på en smarttelefon, må du gjøre telefonnummeret ditt fremtredende og interaktivt slik at han eller hun enkelt kan ringe. Er forbrukeren på en bærbar PC? Kanskje det er viktigere å presentere produktinformasjon på forhånd. Finn ut hva det er som kundens behov er basert på enheten som brukes, og lever den opplevelsen.
Du må se på nettstedet ditt fra brukerperspektivene - uansett hvilken enhet de opplever den på. Hvis kundene dine drar ut telefonene sine for å slå opp virksomheten din, kan du være klar til å hjelpe dem med å finne det de trenger med best mulig design og funksjonalitet. Hvis du ikke gjør det enkelt og sømløst, vil de bare ta sin virksomhet et annet sted.