Sinds 2011 hebben velen in de ontwerpgemeenschap responsief ontwerp naar onze klanten geduwd als een "nice-to-have" -functie. Maar in 2014 is de realiteit aangebroken: een responsieve website is een essentieel onderdeel geworden van de online aanwezigheid van elk bedrijf.
Een deel van het internet dat ver achterloopt op het gebied van het bieden van een moderne, gebruiksvriendelijke interface voor klanten, is online retail. Veel winkeliers, zelfs grote, hebben niet de middelen geïnvesteerd om een responsieve estore te bouwen die op alle apparaatgroottes en -formaten werkt.
Maar is een volledig responsieve estore echt noodzakelijk? Ik bedoel, wie koopt er tegenwoordig iets op hun telefoon? Iedereen weet dat mensen telefoons gebruiken voor muziek, foto's en sociale media - toch?
Nou, blijf lezen om te zien wat Amazon daarover te zeggen heeft ...
We weten allemaal dat de mobiele verkoop explosief groeit, maar het doet geen pijn om ons eraan te herinneren hoe groot een deel van de marktmobiliteit eigenlijk is.
In 2009 verkocht Amazon meer dan $ 1.000.000.000 aan kopers aan kopers van mobiele apparaten. In 2012 verkochten ze tussen $ 3 en $ 5 miljard aan jaaromzet van mobiele apparaten. Ja, dat klopt een 5x toename tot $ 5 miljard dollar in slechts 3 jaar!
Op Black Friday in 2013 vertegenwoordigden mobiele verkopen 21,8% van alle online verkopen. Dat is een stijging van bijna 43% ten opzichte van 2012, volgens IBM's Digital Analytics Benchmark-rapport.
Denk daar een minuut over na ... dat is veel potentiële inkomstenderving als uw website niet is geoptimaliseerd om goed te werken op kleinere schermformaten.
Een interessant ding om op te merken, is dat op Black Friday terwijl mobiel verkeer goed was voor 37% van alle online verkeer, het slechts 21,8% van de online verkopen vertegenwoordigde. Dit betekent dat sommige klanten hun kleinere apparaten gebruiken om te bladeren en de prijs van hun items te bekijken, maar later naar hun tablet of desktop gaan om de items te kopen.
Dat 15% discrepantie tussen verkeer en verkoop waarschijnlijk betekent dat wij als ontwerpers en retailers wat meer werk moeten doen om onze mobiele winkelervaringen te optimaliseren.
Een reden hiervoor kan zijn dat het afrekenproces meestal vereist dat een klant veel velden invult met al zijn aankoopinformatie. Het invullen van formulieren kan lastig zijn op kleinere schermformaten, dus klanten kunnen er gewoon voor kiezen dingen in hun winkelwagentje te doen en over te stappen naar een tablet of desktop om te kopen.
Maar waarom zou een mobiel uitcheckproces moeilijker zijn dan een desktop-checkout? Kunnen we een deel van dat handmatige invulproces niet verwijderen met behulp van Paypal, Google Wallet, Amazon of iTunes-accounts?
Of wat dacht u van het scannen van de creditcard van een klant met zijn camera om het afrekenen voor hen gemakkelijker te maken? Apple's nieuwste iOS 8, debuut in de herfst van 2014, zal deze mogelijkheid hebben ingebouwd in Safari .
Volgens een recent onderzoek door Mobify, als uw estore niet reageert, verlaat 30% van de klanten de site voordat ze deze aanschaft.
Bedenk hoeveel geld een traditionele winkelier dit volgend jaar zou verliezen als ze elke maandag een bord in hun etalageraam zetten met de tekst "Ja, we zijn vandaag gesloten!" Ze zouden niet alleen een enorme hoeveelheid inkomsten verliezen, maar gefrustreerde klanten zouden ga naar hun concurrenten.
Voor ontwerpers betekent dit dat we echt moeten werken aan onze responsieve ontwerpvaardigheden, zodat we betere estores kunnen opbouwen en klanten kunnen helpen hun klanten een betere ervaring te bieden. Het betekent dat we eccomerce-kaders zoals moeten leren Shopify , Magento , LemonStand en Bigcommerce die je de kracht geven om aangepaste, responsieve estore-thema's te bouwen.
Voor online retailers betekent dit dat we echt onze estores in kaart moeten brengen en moeten zien hoe goed ze zijn geoptimaliseerd om op alle apparaatgrootten en -formaten te werken. We moeten ook goed kijken naar hoe eenvoudig en gemakkelijk het is voor klanten om dingen bij ons te kopen. Veel winkels verliezen elk jaar talloze klanten omdat het afrekenproces niet eenvoudig en gemakkelijk is en het veel te lang duurt.
Een vaak over het hoofd gezien reden om een responsieve e-commerce ervaring op te bouwen is wat het communiceert over uw merk aan uw klanten. Een responsieve, kleinschalige eerste website vertelt uw klanten dat u om hun behoeften en gewoonten geeft. Steeds meer mensen gebruiken tegenwoordig hun telefoon om het merendeel van hun internettaken uit te voeren. Door niet te voldoen aan de behoeften van mensen, vertel je hen dat je niet om hun bedrijf geeft en liever ergens anders winkelt.
Het niet opbouwen van een responsieve estore is als het starten van een maatschappij om een gezonde levensstijl te promoten, en dan rijdt iedereen elke week met de auto naar de society-bijeenkomst! Zeggen dat je om klanten geeft en je wilt laten groeien, is één ding, maar bewijst je website dat echt?
Een responsieve estore die prachtig is ontworpen, spreekt boekdelen over uw bedrijf. Het zegt dat u vooruit denkt en actief op zoek bent naar manieren om uw producten en het leven van uw klanten te verbeteren. Het vertelt potentiële investeerders dat u geeft om uw bedrijf te laten groeien. Het laat klanten ook weten dat u een succesvol bedrijf bent.
Denk aan die laatste verklaring. Stel je voor dat je hoorde van deze geweldige nieuwe coffeeshop die iemand aanbeval, maar toen je daarheen ging om koffie te kopen, was het trottoir vervuild, alle tafels binnenin waren uit elkaar gevallen en ze hadden geen wifi! Ik denk dat het veilig is om te zeggen dat de meesten van ons zouden vertrekken en nooit meer terug zouden komen.
Een van de grote uitdagingen in de ontwerpgemeenschap op dit moment is om sites te ontwerpen vanuit een mobiel-eerst klein-formulier perspectief. Als u met zo'n beperkte grootte begint, moet u nadenken over wat echt belangrijk is voor uw gebruikers. Het helpt je om een betere algehele ervaring voor hen te creëren door klein te beginnen en op te werken, in plaats van een grote site te bouwen en vervolgens dingen plat te drukken voor kleine apparaten.
Een van de grote voordelen van deze manier om websites te benaderen, is dat het u dwingt om te denken aan eenvoudige oplossingen voor mobiele en aanraakgebruikers die uiteindelijk de ervaring van al uw klanten zullen verbeteren.
Als je begint met ontwerpen vanaf een groot bureaubladformaat, kun je een mooie kop maken met links, je logo, contactgegevens, cartinformatie, enzovoort. Maar wanneer je dit naar kleinere maten probeert te persen, kom je erachter dat het de helft kost verticale ruimte van uw viewport - ouch, dat is niet erg gebruiksvriendelijk!
Als je in plaats daarvan begint met een kleine vorm en nadenkt over zichtbaar scherm, zou je iets eenvoudigs en korts ontwerpen om alleen de belangrijkste informatie te tonen.
Dit proces dwingt u na te denken over wat het belangrijkst is voor uw gebruikers / klanten. Het eenvoudige proces om dingen te organiseren op basis van belangrijkheid, helpt je een betere, bruikbare interface te ontwerpen voor alle vormfactoren en -groottes.
Dus je denkt misschien goed, dit artikel is echt nodig voor bedrijven als Apple, Walgreens en mijn lokale bagelshop, maar wat betekent het voor mij als webdesigner?
Dit gebrek aan goed ontworpen, super gebruiksvriendelijke, snel ladende, responsieve estore betekent dat er een enorme kans is voor u als ontwerper om beslag te leggen. Veel, veel bedrijven hebben geen responsieve estore gebouwd, en ze weten zelfs niet waarom ze zouden moeten. U als ontwerper kunt als waardevolle bedrijfsadviseur meegaan en hen helpen opleiden en laten zien waar de markt naartoe gaat.
Dit betekent ook dat je waarschijnlijk al je energie kunt richten op het opnieuw ontwerpen van oude ESTOREN met een vaste breedte en genoeg werk hebt om je bezig te houden voor de komende 2 jaar. Wat zei je de andere dag over meer klanten nodig hebben ?!