Comerțul mobil reprezintă deja aproape 40% din vânzările totale de eCommerce și se estimează că va domina la aproximativ 54% până în 2021 – ceea ce înseamnă că ați putea pierde venituri serioase dacă site-ul dvs. nu este optimizat pentru utilizare mobilă!
Pe lângă faptul că dispozitivele mobile sunt, în mod obișnuit, primul punct de contact între dvs. și clienții dvs., luați în considerare popularitatea smartphone-urilor, prezența tot mai mare a consumatorilor mai tineri, din ce în ce mai pricepuți la mobil, și o cultură rapidă, în mișcare, axată pe digital, care cere din ce în ce mai multă conveniență și eficiență. Este ușor să vedeți nevoia experienței mobile, dar cum se traduce acest lucru în mod specific pentru magazinele de produse digitale?
În această postare, vom parcurge câteva dintre recomandările noastre pentru optimizarea magazinului dvs. de produse digitale pentru utilizare mobilă, astfel încât să puteți ține pasul cu vremurile – și cu vânzările!
Înțelegerea tranziției către minimalism
Să ne întoarcem puțin în timp: Este începutul anilor 2000, iar apariția smartphone-urilor pune o presiune mare pe furnizorii de servicii de internet pentru a se adapta la consumul crescut de lățime de bandă. Consumatorii pot folosi în sfârșit internetul în mod regulat în timp ce se deplasează – o schimbare uriașă a stilului de viață care instigă la o revizuire completă a modului în care este prezentat conținutul web.
Este timpul să inversăm tendința de la animații impresionante și conținut bogat în grafică, la pagini web care pot fi încărcate rezonabil de repede pe rețele celulare mai puțin puternice, iar dezvoltatorii web optimizează acum pentru viteză pentru a ține pasul. Adăugați la aceasta efectele platformelor de socializare precum Facebook, care trebuie adaptate pentru viteze de până la 2G pentru a deveni mai accesibile la nivel global, și puteți vizualiza nevoia crescândă pentru o abordare mai „simplificată”!
Optimizarea mobilă a fost în centrul acestei progresii, pe măsură ce societatea a devenit și mai orientată spre smartphone de-a lungul timpului. Acum suntem într-un punct de cotitură interesant; mulți oameni folosesc smartphone-uri și tablete ca dispozitive primare pentru tot felul de scopuri, de la muncă și educație, la cumpărături și divertisment.
Smartphone-urile sunt legăturile noastre vitale – centre unice pentru programele noastre, contacte, comunicare și interacțiune socială, sănătate și bunăstare, cumpărături, lectură, muzică, TV, filme, jocuri, orice vă puteți imagina. Inutil să mai spunem că optimizarea magazinului dvs. de produse digitale pentru utilizare mobilă nu este doar pentru distracție; este din ce în ce mai necesară pentru orice site web – și nu vreți să rămâneți în urmă! Deci, de unde începeți?
Design web receptiv
Cu atâtea dispozitive diferite, cum poți fi sigur că site-ul tău este afișat corect? Designul web receptiv este o metodă de design web care ajustează automat conținutul și aspectul în funcție de dispozitivul utilizat. O componentă fundamentală a optimizării mobile, designul web receptiv permite utilizatorilor de pe dispozitive mobile precum smartphone-uri și tablete (precum și laptopuri și computere desktop) să vizualizeze corect și să utilizeze eficient site-ul dvs. conform diferitelor standarde de afișare.
Când este optimizat, conținutul poate apărea mai minimalist pe dispozitivele mobile pentru a prioritiza funcționalitatea – sau, mai axat pe vizual pentru a reduce dezordinea, în funcție de tipul de conținut.
Exemplu smartphone mic (AudioTheme)
Exemplu tabletă mică (AudioTheme)
Exemplu desktop mare (AudioTheme)
Pe lângă beneficiile estetice și de venituri, designul receptiv ajută, de asemenea, la creșterea SEO-ului dvs. Cum? Ei bine, Google a anunțat recent că va începe să utilizeze indexarea mobile-first, ceea ce înseamnă că motorul de căutare va face referire în mare măsură la versiunile mobile ale site-urilor pentru clasificare și indexare, datorită predominanței utilizatorilor mobili.
Deci, ce trebuie să faceți pentru a implementa designul web receptiv pe propriul magazin de produse digitale? În funcție de nivelul dvs. de expertiză, există câteva opțiuni:
- Instalați o temă receptivă. Majoritatea temelor contemporane sunt concepute pentru a fi receptive, deci aceasta este probabil cea mai ușoară opțiune, mai ales dacă vă gestionați propriul site.
- Plătiți-vă web designerul pentru a vă modifica tema existentă sau site-ul personalizat pentru a include designul receptiv.
- Modificați-vă singur tema existentă sau site-ul personalizat, dacă vă faceți singur dezvoltarea web.
Instrumentele de analiză și de mapare termică vă pot arăta dimensiunile medii ale ecranului și tiparele de activitate ale vizitatorilor site-ului dvs., permițându-vă să personalizați pentru publicul dvs. specific. Puteți chiar să vă segmentați utilizatorii în funcție de tipul de dispozitiv. Încercați să utilizați un instrument precum Responsive Design Checker pentru a vedea cum este afișat în prezent site-ul dvs. pe diferite dispozitive.
Performanță
Doriți să fiți sigur că site-ul dvs. funcționează bine atunci când este accesat de pe diferite dispozitive? Viteza este totul – de fapt, poate face sau strica experiența utilizatorului!
Dacă un site se încarcă lent, oamenii sunt mult mai predispuși să îl abandoneze complet. Pentru a minimiza ratele de respingere, doriți ca site-ul dvs. să se încarce cât mai repede posibil. Este important să rețineți că rețelele celulare tind să fie mai puțin stabile decât rețelele de bandă largă, cu conectivitate volatilă care depinde de locația fizică, utilizarea partajată și alte variabile. Având în vedere acest lucru, cu cât site-ul dvs. este mai ușor, cu atât mai bine!
„Majoritatea oamenilor vor abandona o vizită pe site-ul mobil dacă pagina durează mai mult de câteva secunde pentru a se încărca.” – Google
Iată câteva trucuri pentru o experiență mobilă cu încărcare rapidă:
- Minimizați dimensiunile fișierelor HTML/CSS. Utilizați un instrument precum Gzip pentru a le comprima și încercați să ajungeți cât mai aproape de 70KB dacă doriți viteze de încărcare fulgerătoare.
- Reduceți cererile. Fiecare componentă a site-ului dvs. (fie că este o imagine, un font, o foaie de stil etc.) generează propria cerere. Combinați elementele acolo unde este posibil pentru a minimiza acest efect.
- Folosiți un gazdă bun. Un stack de server optimizat cu caching la nivel de server este ideal.
- Evitați pluginurile inutile. Păstrați încărcarea cât mai ușoară posibil!
- Luați în considerare utilizarea unei rețele de livrare de conținut (CDN) pentru imagini. Acest lucru este deosebit de relevant dacă site-ul dvs. are multe imagini. De asemenea, asigurați-vă că imaginile dvs. sunt optimizate pentru web!
- Dezactivați orice funcționalitate de care nu aveți absolută nevoie.
- Folosiți HTML5 în loc de Flash, dacă doriți să utilizați efecte speciale.
- Nu folosiți pop-up-uri. Acestea pot fi greu de gestionat pe dispozitive mobile.
- Limitați utilizarea redirecționărilor și a scurtătoarelor de linkuri, dacă nu sunt necesare. Acestea doar adaugă la timpul de încărcare!
Google oferă acest instrument care vă permite să comparați performanța mobilă a site-ului dvs. cu alte site-uri. Îl puteți folosi, de asemenea, pentru a estima cum ar putea impacta veniturile dvs. îmbunătățirile de viteză.
Conținut
Un alt aspect al optimizării mobile este modul în care prezentați conținutul. Regula de lungă durată de la începutul presei scrise a fost că doriți să comunicați ideea de bază a conținutului dvs. „deasupra pliului”. În sens digital, aceasta se referă la zona imediat vizibilă a unei pagini web atunci când se încarcă inițial.
Cu toate acestea, unii experți spun că pliul nu mai contează; că, odată cu tendințele moderne în utilizarea internetului, este aproape irelevant. Când vă gândiți la site-uri extrem de populare precum Facebook, care folosesc derularea infinită, ați putea fi de acord! Deci, unde ne lasă asta?
Ei bine, chiar dacă este adevărat că este mai puțin relevant decât înainte, plasarea informațiilor dvs. cele mai importante deasupra pliului garantează că este primul lucru pe care vizitatorii site-ului dvs. îl vor vedea. Să comparăm câteva exemple desktop și mobile:
Bara de căutare și meniurile sunt ușor accesibile, cu cele mai recente promoții în prim-plan (Producer Loops)
Este imediat evident ce oferă site-ul, fără a fi nevoie să derulați (UIdeck)
Un aspect curat și minimalist, prezentând titlul și produsele de top, cu acces ușor la meniu și baza de date de suport / FAQ (ThemeBeans)
Navigare și interactivitate
Navigarea este un element crucial al optimizării mobile, deoarece dispozitivele mai mici pot limita semnificativ funcționalitatea utilizatorului dacă sunt lăsate de izbeliște. Cele mai bune practici indică consolidarea meniurilor în cele mai simple și relevante opțiuni, cum ar fi pagina de pornire a magazinului sau galeria principală de produse (și/sau categoriile de produse), pagina de suport și pagina de contact. Vestea bună este că majoritatea temelor vin cu o opțiune de meniu mobil chiar din cutie!
Când vine vorba de interactivitate, luați în considerare diferențele de clicabilitate atunci când utilizați diferite dispozitive. Butoanele mai mici pot fi ușor de clicat cu un mouse, dar pot fi mai dificil de atins pe un smartphone, de exemplu. Orice puteți face pentru a optimiza interactivitatea mobilă a site-ului dvs. este ideal!
Multe magazine și servicii digitale oferă suport prin chat live sau acces rapid și ușor la secțiunea Întrebări frecvente (FAQ), făcând cât mai simplu posibil pentru clienți să pună întrebări sau să afle mai multe despre produse. Ați putea instala un plugin de suport prin chat sau, de exemplu, ați putea crea o secțiune FAQ sau o bază de date de suport care este organizată intuitiv și ușor de căutat.
Factorul de conveniență
Este important să rețineți că mulți utilizatori de mobil cumpără de pe telefoanele lor doar pentru factorul de conveniență, astfel încât procesele simple de finalizare a comenzii – în special cele cu un singur clic – devin din ce în ce mai populare. Acest lucru se aplică și altor elemente ale site-ului dvs., cum ar fi meniurile, paginile de produse și suportul. Gândiți-vă la ce puteți face pentru a consolida informațiile, astfel încât acestea să fie concise și să necesite un minim de clicuri și navigare!
Conținut audio și video
Atunci când este posibil, este întotdeauna preferabil să găzduiți fișierele audio și video pe platforme terțe care sunt deja optimizate în mod specific pentru utilizarea pe mobil. De exemplu, videoclipurile Vimeo și YouTube pot fi ușor încorporate pe postările sau paginile dvs., reducând nevoia de cod personalizat sau consumând cantități mari de spațiu pe propriul server.
Când vine vorba de audio, WordPress este perfect, deoarece are un player audio responsive încorporat, dar puteți alege, de asemenea, să utilizați servicii precum SoundCloud pentru găzduirea fișierelor dvs. audio. Bonusul cu majoritatea platformelor audio și video de acest gen este că orice redare de pe site-ul dvs. contribuie la numărul dvs. de redări pe platformă.
Nu uitați să testați totul!
Unele companii au departamente întregi dedicate testării dispozitivelor mobile, dar dacă aveți o operațiune mai mică, puteți utiliza servicii sau site-uri web de testare a dispozitivelor (cum ar fi Responsive Design Checker sau Responsinator) care vă permit să previzualizați site-ul pe diferite dispozitive.
Puteți, de asemenea, pur și simplu să ajustați dimensiunea ferestrei browserului pentru a vedea cum răspunde designul dvs. pe măsură ce dimensiunile se modifică. Amintiți-vă că nu veți obține neapărat un aspect perfect în *orice* caz; designul responsive se concentrează de obicei doar pe 3 sau 4 rezoluții diferite, respectând cele mai comune și actualizate puncte de întrerupere ale rezoluției (elemente CSS care dictează cum apar aspectele pe diferite dimensiuni de ecran).
Cele mai populare teme/site-uri eCommerce sunt construite folosind framework-uri populare de dezvoltare web, cum ar fi Bootstrap 4 (utilizat de Twitter) și sunt construite pentru a fi „mobile first”, utilizând un sistem de layout bazat pe grilă, care va scala și va funcționa pe orice dispozitiv din cutie. Acest lucru permite dezvoltatorilor să creeze teme captivante fără a se preocupa de suportul fiecărui dispozitiv din cutie. Dacă întâmpinați probleme cu anumite dispozitive, puteți raporta de obicei problema dezvoltatorului temei și acesta ar putea lansa o actualizare.
Pregătirea magazinului dvs. de produse digitale pentru utilizarea pe mobil nu este un proces de o zi, dar sperăm că acest post v-a oferit câteva idei și ghiduri utile. Optimizarea pentru mobil continuă să crească în necesitate; din fericire, acest lucru înseamnă *și* că există un număr tot mai mare de instrumente și resurse disponibile pentru a vă ajuta să o realizați!
Aveți sfaturi de împărtășit atunci când vine vorba de optimizarea propriului magazin de produse digitale pentru utilizare pe mobil? Ce obstacole ați întâmpinat și cum le-ați depășit? Ce ați considerat cel mai util? Ne-ar plăcea să auzim ce aveți de spus în comentariile de mai jos!
Ilustrație de Jessica Johnston.
