Det er ikke længere nok til blot at sikre, at dit webindhold passer på en lille skærm. Google forstærkede dette præcedens ved opdatering af algoritmen at understrege vigtigheden af omhyggeligt planlagte og veldrevne responsive designs på mobiltelefoner.
Og det giver mening: Dine seere behøver ikke alle funktionaliteter af et skrivebord på en mobil enhed. Faktisk vil de måske fjerne noget indhold og funktionalitet, når de er på en mindre skærm. Når alt kommer til alt, ønsker ingen at sortere gennem sider med indhold bare for at finde firmaets telefonnummer. Det er den manglende byggesten i mange firmaers webdesignfundament: sande tilpasningsevne.
Det er ikke nok at kramme dit websted til en version, der passer til en mobilenhed. Du skal se nærmere på den komplette brugeroplevelse og hvordan den skal ændres for at tilpasse sig de forskellige miljøer, hvor den ses.
57% af brugere af mobilenheder vil ikke anbefale virksomheder med dårlige mobile site designs, og 48% siger at virksomheder med mobilwebsteder, der ikke fungerer korrekt, ser ud til at være ikke omsorgsfuld.
Der er flere problemområder, som de fleste virksomheder løber ind i med deres lydhøre websites:
Tidligere designprocesser har dikteret, at klienten godkender statiske billeder og skærmbilleder inden udviklingsfasen. Design er i dag mere fokuseret på omlægning af elementer til forskellige enhedsdimensioner og meget mindre fokuseret på placering af statiske billeder.
Visning af data på en lille skærm gør det ofte svært at se eller læse indhold, især tabeller med information. Det W3C opfordrer faktisk mærker til at vælge en anden metode end tabeller og faner til at præsentere data; Komplicerede brugergrænseflader indeholder simpelthen for meget information til mobilenheder til at håndtere.
Frem for alt er problemet med responsivt design simpelthen et spørgsmål om kundernes perspektiver i forhold til virksomhedernes perspektiver. Desværre har de fleste virksomheder en tendens til at spørge sig selv, hvad de vil fortælle deres kunder i stedet for, hvordan deres kunder vil se og interagere med disse oplysninger.
For eksempel er registreringsprocesser generelt det vigtigste aspekt ved webdesign, de har ofte en lav prioritet. Det skyldes, at virksomhederne tænker mere om den funktionalitet, som de vil have kunderne at se end det logiske indgangssted og det primære arbejdsstrøm kunderne søger.
Enkelt sagt er lydhør design ikke den ultimative løsning for at give brugerne det, de har brug for fra et websted; det giver stadig meget at ønske.
Når det drejer sig om webdesign, skal nøglesamtalemærkerne have kogt ned til begrebet responsive vs adaptive websites.
Den modtagelige tilgang tager det nuværende websted og passer til forskellige skærmstørrelser, mens den adaptive tilgang ændrer indhold og hvordan det fungerer, baseret på skærmstørrelsen.
Responsive webdesign forudsætter, at dit indhold og funktionalitet skal være det samme på tværs af alle enheder - men det er ikke nødvendigvis sandt
Jeg går generelt ind for flere af en adaptiv webdesignmetode, i modsætning til blot at stable indhold, af en vigtig årsag: Responsive webdesign forudsætter, at dit indhold og funktionalitet skal være det samme på tværs af alle enheder - men det er ikke nødvendigvis sandt. Nøglen er at matche indholdets indhold med brugssagen og den sammenhæng, hvor brugerne ser på dit websted.
Lad os f.eks. Sige, at du designer et lydhurt websted til et mærke i forbrugeremballagen eller forbrugergiversektoren. Kampagnerne og tilbyder sider til disse typer af websteder modtager generelt den mest online trafik. Folk ser sjældent på produktdetaljer, men når de gør det, er en fantastisk måde at fremhæve disse detaljer på at vise, hvordan de sammenligner med andre ting. Med det i tankerne bør du lægge produktvisualisering og uddannelsesmæssigt indhold på produktsider , så du kan hjælpe forbrugerne med at forstå, hvordan man bruger og engagerer sig i dit produkt.
For forbrugeremballagerindustrien ønsker du at lære dine kunder at kende og afgøre, om de er præ-, in- eller post-butikken. Du skal oprette en anden oplevelse afhængigt af, hvor kunden er i vejen for at købe.
Her er en kort oversigt over hver sti:
At vide, hvor kunderne er i vejen for at købe, giver dig mulighed for at designe webstedet på en måde, der opfylder disse behov og mere.
Adaptivt design gør det muligt for kunden at have en tilpasset oplevelse ... baseret på den enhed, som han eller hun bruger
Frem for alt skal du sætte dig selv i dine kunders sko. For eksempel handler jeg hos Trader Joe's hver uge. Det ville være rart, hvis jeg kunne planlægge mine måltider på forhånd fra min bærbare computer og tilslutte den plan til min shopping oplevelse. Med andre ord kunne jeg fortælle webstedet, hvad jeg gerne vil lave til morgenmad, frokost eller aftensmad. Siden vil så fortælle mig alle de produkter, jeg ville have brug for at lave disse måltider og oprette en udklipningsliste for mig, så jeg ville vide, hvilke gange der skulle rammes, da jeg kom til butikken. Alt jeg skal gøre er at trække min telefon ud.
Adaptiv design gør det muligt for kunden at have en tilpasset oplevelse, som denne, baseret på den enhed, han eller hun bruger.
Optimer kundeoplevelsen ved at skræddersy design og information til enheden. For eksempel, hvis din kunde ser dig op på en smartphone, skal du gøre dit telefonnummer fremtrædende og interaktivt, så han eller hun nemt kan ringe. Er forbrugeren på en bærbar computer? Måske er det mere vigtigt at præsentere produktinformation på forhånd. Find ud af, hvad det er, at dine kunders behov er baseret på den enhed, der bruges, og lever den oplevelse.
Du skal se på dit websted fra brugernes perspektiver - uanset hvilken enhed de oplever det på. Hvis dine kunder trækker deres telefoner ud til at kigge på din virksomhed, er du bedre klar til at hjælpe dem med at finde det, de har brug for, med det bedst mulige design og funktionalitet. Hvis du ikke gør det enkelt og problemfrit, vil de bare tage deres forretning et andet sted.