Det går inte längre att bara se till att ditt webbinnehåll passar på en liten skärm. Google förstärkte detta prejudikat av uppdatera sin algoritm för att betona vikten av noggrant planerade och välutförda lyhörda mönster på mobiltelefoner.
Och det är vettigt: dina tittare behöver inte alla funktioner på ett skrivbord på en mobil enhet. Faktum är att de kanske vill ta bort lite innehåll och funktionalitet när de är på en mindre skärm. När allt vill, vill ingen sortera igenom innehållssidor för att hitta ditt företags telefonnummer. Det är det saknade byggstenen i många företags webbdesignfundament: sant anpassningsförmåga.
Det är inte tillräckligt att stämma din webbplats till en version som passar på en mobilenhet. Du måste titta noga på den fullständiga användarupplevelsen och hur den ska ändras för att anpassa sig till de olika miljöer där den ses.
57% av användare av mobila enheter Kommer inte att rekommendera företag med dåliga mobila webbdesigner, och 48% säger att företag med mobila webbplatser som inte fungerar ordentligt ser ut att inte bry sig om.
Det finns flera problemområden som de flesta företag tränger in i med sina mottagliga webbplatser:
Tidigare designprocesser har dikterat att klienten godkänner statiska bilder och skärmdumpar före utvecklingsfasen. Idag är designen mer fokuserad på omläggning av element för olika enhetsdimensioner och mycket mindre fokuserad på placering av statiska bilder.
Att visa data på en liten skärm gör det ofta svårt att se eller läsa innehåll, särskilt informationstabeller. De W3C uppmuntrar faktiskt varumärken att välja annan metod än tabeller och flikar för att presentera data; Komplicerade användargränssnitt innehåller helt enkelt för mycket information för mobila enheter att hantera.
Framför allt är problemet med responsiv design helt enkelt en fråga om kundernas perspektiv vs. företagens perspektiv. Tyvärr brukar de flesta företag fråga sig vad de vill berätta för sina kunder istället för hur kunderna vill se och interagera med den informationen.
Till exempel, medan arbetsflöden för registrering i allmänhet är den viktigaste aspekten av webbdesign, har de ofta en låg prioritet. Det beror på att företag tycker mer om funktionaliteten de vill att kunderna ska se än den logiska ingångspunkten och det primära arbetsflödet kunderna letar efter.
Enkelt uttryckt är responsiv design inte den ultimata lösningen för att ge användarna vad de behöver från en webbplats. det lämnar fortfarande mycket att önska.
När det gäller webdesign, måste de viktigaste konversationsmärkena koka ner till begreppet responsiva vs adaptiva webbplatser.
Den mottagliga inställningen tar den nuvarande platsen och passar den till olika skärmstorlekar, medan det adaptiva tillvägagångssättet faktiskt ändrar innehållet och hur det fungerar baserat på skärmstorleken.
Responsiv webbdesign förutsätter att ditt innehåll och funktionalitet ska vara desamma över alla enheter - men det är inte nödvändigtvis sant
Jag förespråkar generellt för mer av en adaptiv webbdesignmetod, i motsats till att bara stapla innehåll, av en viktig anledning: Responsive webdesign förutsätter att ditt innehåll och funktionalitet ska vara desamma över alla enheter - men det är inte nödvändigtvis sant. Nyckeln är att matcha innehållet i innehållet med användarfallet och det sammanhang där användarna tittar på din webbplats.
Till exempel, låt oss säga att du utformar en mottaglig webbplats för ett varumärke i konsumentförpackade varor eller konsumentgåvor. Kampanjerna och erbjuder sidor för dessa typer av webbplatser får i allmänhet mest trafik på nätet. Folk tittar sällan på produktinformation, men när de gör det är ett bra sätt att markera dessa detaljer att visa hur de jämför med andra objekt. Med det i åtanke bör du lägga produktvisualisering och utbildningsinnehåll på produktsidor så att du kan hjälpa konsumenterna att förstå hur man använder och engagerar sig i din produkt.
För konsumentemballageindustrin vill du lära känna dina kunder och bestämma om de är pre-, in- eller post-butiken. Du måste skapa en annan upplevelse beroende på var kunden är i vägen för att köpa.
Här är en kort sammanfattning av varje sökväg:
Att veta var kunderna är på väg att köpa kan du utforma webbplatsen på ett sätt som uppfyller dessa behov och mer.
Adaptiv design gör det möjligt för kunden att ha en anpassad erfarenhet ... baserat på vilken enhet han eller hon använder
Framför allt måste du sätta dig i dina kunders skor. Till exempel handlar jag på Trader Joe varje vecka. Det skulle vara trevligt om jag kunde planera ut mina måltider i förväg från min laptop och koppla den planen till min shoppingupplevelse. Med andra ord kunde jag berätta för sajten vad jag skulle vilja göra för frukost, lunch eller middag. Webbplatsen skulle då berätta för mig alla produkter som jag skulle behöva göra de måltiderna och skapa en kartläggningslista för mig så jag skulle veta vilka gångar att träffa när jag kom till affären. Allt jag behöver göra är att dra ut min telefon.
Adaptiv design gör det möjligt för kunden att ha en anpassad erfarenhet, som denna, baserat på vilken enhet han eller hon använder.
Optimera kundupplevelsen genom att skräddarsy designen och informationen till enheten. Till exempel, om din kund tittar på en smartphone, gör ditt telefonnummer framstående och interaktivt så att han eller hon enkelt kan ringa. Är konsumenten på en bärbar dator? Kanske är det viktigare att presentera produktinformation i förväg. Ta reda på vad det är som din kund behöver, baserat på vilken enhet som används, och leverera den erfarenheten.
Du måste titta på din webbplats från användarnas perspektiv - oavsett vilken enhet de upplever den på. Om dina kunder drar ut sina telefoner för att leta upp ditt företag, är det bättre att hjälpa dem att hitta vad de behöver med bästa möjliga design och funktionalitet. Om du inte gör det enkelt och smidigt, tar de bara sin verksamhet någon annanstans.