Sedan 2011 har många i konstruktionsgemenskapen drivit responsiv design till våra kunder som en "trevlig att ha" -funktion. Men i 2014 har verkligheten ställts in: En lyhörd webbplats har blivit en viktig del av företagets online närvaro.

Ett område på webben som är långt ifrån när det gäller att tillhandahålla ett modernt, lättanvänt gränssnitt för kunder är online-detaljhandel. Många återförsäljare, till och med stora, har inte investerat resurserna för att bygga en responsiv estore som fungerar över alla enhetens storlekar och former.

Men är en fullblåst responsiv estore verkligen nödvändig? Jag menar vem som faktiskt puchases något på deras telefon i dessa dagar? Alla vet att folk bara använder telefoner för musik, foton och sociala medier - eller hur?

Tja, fortsätt läsa för att se vad Amazon har att säga om det ...

Mobilförsäljningen blomstrar

Vi vet alla att mobilförsäljningen blomstrar, men det gör inte ont för att påminna oss själva hur stor en del av marknaden mobilen faktiskt är.

Under 2009 sålde Amazon över $ 1.000.000.000 varor till inköpare av mobila enheter. År 2012 sålde de mellan 3 och 5 miljarder dollar i årlig försäljning från mobila enheter. Ja, det är rätt en 5x ökning till 5 miljarder dollar på bara 3 år!

På svart fredag ​​2013 svarade mobilförsäljningen för 21,8% av all online försäljning. Det är nästan 43% ökning från 2012, enligt IBMs Digital Analytics Benchmark-rapport.

Tänk på det i en minut ... det är en hel del potentiella intäkter förlorade om din webbplats inte är optimerad för att fungera bra på mindre skärmstorlekar.

En intressant sak att notera är det på svart fredag ​​medan mobiltrafik stod för 37% av all onlinetrafik, svarade det bara för 21,8% av online-försäljningen. Det innebär att vissa kunder använder sina mindre enheter för att bläddra och prissätta sina artiklar, men kommer senare till deras surfplattform eller skrivbord för att köpa objekten.

Att 15% diskrepans mellan trafik och försäljning betyder förmodligen att vi som designers och återförsäljare har lite mer arbete att göra för att optimera våra mobila shoppingupplevelser.

En orsak till detta kan bero på att utbetalningsprocessen vanligtvis kräver att en kund fyller i många fält med all sin inköpsinfo. Fyll i formulär kan vara svårt på mindre skärmstorlekar, så kunder kan bara välja att lägga saker i sin vagn och byta till en surfplatta eller skrivbord för att köpa.

Men varför skulle en mobil checkout-process vara svårare än en stationär en? Kan vi inte ta bort någon av den manuella inmatningsprocessen genom att använda Paypal, Google Wallet, Amazon eller iTunes-konton?

Eller hur är det med att skanna kundens kreditkort med kameran för att göra utcheckningen lättare för dem? Apples senaste iOS 8, som debuterar hösten 2014, kommer att ha denna förmåga inbyggd i Safari .

30% av människor överger din estore om det inte är mottagligt

Enligt a nyligen genomförd studie av Mobify, om din estore inte är mottaglig, kommer 30% av kunderna att överge webbplatsen innan de köps.

Tänk på hur mycket pengar en traditionell återförsäljare skulle förlora nästa år om de varje måndag sätter ett tecken i sina skyltfönster som säger "Ja, vi är stängda idag!" De skulle inte bara förlora en stor inkomst men frustrerade kunder skulle gå till sina konkurrenter istället.

För designers innebär det att vi verkligen behöver arbeta med våra lyhörda designkunskaper så att vi kan bygga bättre estorer och hjälpa kunderna att ge sina kunder en bättre upplevelse. Det betyder att vi behöver lära oss enklare ramar som Shopify , Magento , LemonStand och Bigcommerce som ger dig makt att bygga anpassade, responsiva estore teman.

För online-återförsäljare betyder det att vi verkligen behöver ta reda på våra estorer och se hur bra de är optimerade för att arbeta på alla enhetens storlekar och former. Vi bör också ta en koll på hur enkelt och enkelt det är för kunder att köpa saker från oss. Många butiker förlorar otaliga kunder varje år eftersom checkout processen inte är enkel och lätt, och det tar alltför lång tid.

En webbplats med fast bredd säger att ditt varumärke har fastnat i det förflutna

En ofta förbisedd anledning att bygga en lyhörd e-handelsupplevelse är vad den kommunicerar om ditt varumärke till dina kunder. En responsiv, småformad första webbplats berättar för dina kunder att du bryr dig om deras behov och vanor. Fler och fler människor använder idag sina telefoner för att utföra majoriteten av sina internetuppgifter. Genom att inte ta hand om människors behov säger du att du inte bryr dig om deras affärer och vill helst att de handlar på annat håll.

Att inte bygga upp en mottagande estore är som att starta ett samhälle för att främja en hälsosam livsstil, och sedan kör varje vecka alla sina bilar till samhällsmötet! Att säga att du bryr dig om kunder och vill växa ditt företag är en sak, men visar din webbplats verkligen det?

En responsiv estore som är vackert utformad talar volymer om ditt företag. Det säger att du är framåtriktad och söker aktivt efter sätt att förbättra dina produkter och dina kunders liv. Det berättar potentiella investerare att du bryr dig om att odla din verksamhet. Det låter också kunderna veta att du är ett framgångsrikt företag.

Tänk på det sista uttalandet. Tänk om du hörde om den här nya nya kaffebaren som någon rekommenderade, men när du gick dit för att köpa lite kaffe, var trottoaren fylld med papperskorgen, alla borden inuti föll ihop och de hade ingen wi-fi! Jag tycker att det är säkert att säga att de flesta av oss skulle lämna och aldrig återvända.

Responsiv design hjälper dig att effektivisera din kunds köpupplevelse

En av de stora drivkrafterna i designgemenskapen är just nu att designa webbplatser från ett mobilt första, småformat perspektiv. Börja med en sådan begränsad storlek tvingar dig att tänka på vad som verkligen betyder för användarna. Det hjälper dig att skapa en bättre övergripande upplevelse för dem genom att starta små och arbeta upp, snarare än att bygga en stor webbplats och sedan klämma ner saker för små enheter.

En av de stora fördelarna med detta sätt att närma sig webbplatser är att det tvingar dig att tänka på enkla lösningar för mobila och berörande användare som i slutändan kommer att förbättra upplevelsen hos alla dina kunder.

Om du börjar utforma från en stor skrivbordsstorlek kan du bygga ett snyggt huvud med länkar, din logotyp, kontaktinformation, kundvagnsinformation etc. Men när du försöker klämma ner det till mindre storlekar får du reda på att det tar upp hälften av vertikalt utrymme på ditt synvinkel - ouch, det är inte särskilt användarvänligt!

Om du istället startar från en liten form och funderar på visningsbar fastighetsfastighet, skulle du utforma något enkelt och kort för att bara visa den viktigaste informationen.

Denna process tvingar dig att tänka igenom det som är viktigast för dina användare / kunder. Den enkla processen att organisera saker baserad på betydelse går långt för att hjälpa dig att designa ett bättre, mer användbart gränssnitt över alla formfaktorer och storlekar.

Vad betyder detta för mig som designer?

Så du kanske tänker bra, den här artikeln behövs verkligen för företag som Apple, Walgreens och min lokala bagelbutik men vad betyder det för mig som webbdesigner?

Denna brist på väldesignad, super användarvänlig, snabbbelastning, responsiv ömhet betyder att det är en stor möjlighet för dig som designer att gripa på. Många, många företag har inte byggt upp en responsiv estore, och de vet inte ens varför de borde. Du som designer kan komma med som en värdefull affärskonsult och hjälpa till att utbilda dem och visa dem var marknaden är på väg.

Detta innebär också att du nog kan koncentrera alla dina energier på att omforma gamla fastbredds estorer och ha tillräckligt med arbete för att hålla dig upptagen under de närmaste 2 åren. Vad sa du för närvarande om att behöva fler kunder ?!