Share
Cu progrese competitive continuu în tehnologia telefonului mobil și a tabletelor, provocările cu care se confruntă designerul unui site web de comerț electronic se schimbă mereu. În timp ce progresul tehnologic în acest domeniu este popular cu consumatorul și oferă în mod constant proprietarilor de afaceri noi oportunități de a ajunge la clienți în scenarii și locații tot mai variate, acesta poate oferi designerilor site-ului web câteva obstacole interesante. În acest articol vom aborda unele dintre aceste obstacole. Voi descoperi câțiva dintre cei mai importanți pași pentru a ține cont de pregătirea unui site de comerț electronic pentru accesul la telefonul mobil și de a vă oferi câteva sfaturi pe baza experienței mele.
Cererea de site-uri de comerț electronic accesibile prin intermediul telefonului mobil este ridicată, dar merită menționat faptul că modul în care consumatorii cumpără de pe dispozitive mobile este diferit de modul în care pot cumpăra din confortul desktopului. Există o așteptare de a putea accesa aceleași site-uri, dar într-un mod care este simplificat în mod corespunzător pentru ecranul mai mic.
Comportamentul cumpărătorului pe dispozitivele mobile diferă semnificativ de cel observat la dispozitivele statice mai mari. Într-un sondaj publicat de Adobe, sa subliniat faptul că sunt cumpărători de tablete de două ori mai probabil să facă o achiziție cumpărătorilor de smartphone-uri, demonstrând modul în care instrumentul particular influențează activitatea consumatorului. Pentru a afla mai multe despre această tendință, aruncăm o privire la acest studiu privind cumpărăturile comprimate (Studiul Adobe Digital Marketing Insights 2012 poate fi descărcat aici).
Acestea fiind spuse, este important să menținem un echilibru în accesibilitate; în timp ce accesul la tabletă este în mod evident profitabil și utilizatorii mobili mai bogați (la rândul lor, consumatorii mai înstăriți) se pot sprijini pe iPhone, site-ul ar trebui proiectat să funcționeze la fel de bine pe toate platformele mobile. Deși această diferență de comportament va rămâne probabil între utilizatorii de dispozitive mai mari și mai mici, designerii site-ului pot aborda problema dacă este posibil, luând în considerare alte probleme care afectează diferențele de comportament și, în cele din urmă, făcându-le cât mai ușor posibil consumatorilor să facă achiziții prin intermediul telefonului mobil teren.
Indiferent dacă vorbim de un site web receptiv sau de o soluție mobilă specifică, este esențial să vă asigurați că cele mai importante caracteristici sunt transmise și că conținutul site-ului mobil este prioritar pentru a fi ușor de utilizat. Aceste caracteristici ar trebui să includă:
Un exemplu excelent de site mobil de comerț electronic este site-ul Toys R Us, așa cum este ASOS; ambele sunt deosebit de clare pentru navigare și în mod logic.
Dacă găsiți un site deosebit de plăcut pentru a fi utilizat pe un dispozitiv mobil, gândiți-vă la motivele pentru care și ce elemente fac site-ul respectiv pentru dispozitive mobile - site-urile bune au frecvent multe lucruri comune.
Deciderea elementelor relevante atāt pentru desktop, cāt și pentru cele mobile este o parte vitală a procesului. Trucul este de prioritizare; ordonați-le în mod logic și asigurați-vă că funcțiile funcționează la fel de bine și pentru telespectatorii mobili ca și telespectatorii de pe desktop. Cele mai importante elemente pentru un site de comerț electronic sunt:
Prin urmare, acestea trebuie să fie întotdeauna în partea de sus a ecranului. Mai puțin importante sunt cotele sociale și legăturile legate de produse, așa că, deși site-ul trebuie, bineînțeles, să îl încurajeze pe acesta din urmă, menținerea atenției asupra produsului este cheia.
Utilizarea punctelor de ancorare în cadrul unei pagini este una dintre modalitățile de gestionare a navigării clientului; având o mică selecție de link-uri sub butonul "adăugați la coș" (cum ar fi "descriere", "info de livrare", "produse înrudite"), care, atunci când se apasă, se aliniază automat la partea relevantă a ecranului, și eficient pentru utilizatori să afle despre produsul înainte de cumpărare. Având un buton "înapoi în sus" prezent în mod constant este o necesitate.
Recomand foarte mult construirea site-urilor de e-commerce utilizând cadrul de bootstrap Twitter. Este simplu, ușor de utilizat și facilitează scalarea între ecrane mai mari și mai mici, fără sughițuri. Acest lucru vine cu HTML, CSS și JS pentru numeroase utilizări, oferind diverse elemente de interfață, inclusiv grupuri de butoane, dropdown-uri de buton, miniaturi, alerte, bare de progres și multe altele. Acestea oferă, de asemenea, unele sfaturi bune pentru a le monta împreună, precum și câteva sugestii și încurajări pentru a "itera pe exemple". Acest lucru vă ajută să faceți site-ul dvs. unic, dar cu avantajul orientării inițiale oferite de acest cadru.
Opendesk este construit pe Twitter BoostrapUtilizarea unui cadru precum acest lucru ajută și la un alt aspect important al comerțului electronic pentru mobil: optimizarea performanțelor. Unelte precum Twitter Bootstrap vă pot ajuta să utilizați CSS în loc de imagini ori de câte ori este posibil, ceea ce ajută la optimizarea performanțelor. Dacă este necesar un gradient, utilizați mai degrabă CSS decât un fragment de imagine. Toate imaginile pot fi optimizate, asigurându-se că dimensiunea fișierului este cât mai mică posibil, fără a compromite calitatea inutilă. Fișierele Javascript și CSS ar trebui miniaturate și, cel mai important, să se asigure că fișierele Javascript nedorite nu sunt apelate atunci când sunt încărcate pe un dispozitiv mobil. De exemplu, dacă pe pagina de pornire există un carusel și un plugin Javascript "clic pentru a mări" în paginile de produse, asigurați-vă că acestea nu sunt încărcate atunci când site-ul este accesat de pe un dispozitiv mobil. Toate aceste verificări ajută site-ul să funcționeze cât mai eficient posibil pentru utilizatorii mobili.
Datorită modului în care folosim telefoanele mobile pentru rețele sociale, este foarte probabil că clienții care vizionează un site de pe telefonul mobil vor fi deja conectați la conturile Twitter și Facebook. Este important ca site-ul dvs. de e-commerce să fie conceput pentru a face ca obiectele de partajare cu prietenii și urmașii să poată fi utilizate cât mai repede și mai ușor posibil - în definitiv, este publicitate gratuită, deci orice poate fi făcut pentru al încuraja poate fi bun pentru afaceri!
Etsy plasează în mod vizibil link-urile de socializare în cadrul fiecărui produsDin nou, natura obiceiurilor de navigare pe telefonul mobil înseamnă că este posibil ca consumatorii să fie mai limitați la timp decât atunci când stau la computer și sunt mult mai puțin probabil să se angajeze într-un proces complicat (acest lucru este relevant pentru toate aspectele site-ului mobil de comerț electronic , nu doar rețele sociale). Ca rezultat, este în favoarea noastră să ne asigurăm că orice este oferit prin intermediul unui site de comerț electronic poate fi executat rapid și fără probleme de la un dispozitiv mobil.
Link-urile pentru rețelele de socializare sunt la fel de importante ca orice alt element - la urma urmei, ele se pot transforma adesea într-un trafic mai mare de site-uri web și în mai multe vânzări de comerț electronic. Link-uri care pot fi ușor copiate, butoane Facebook "ca" și Twitter "urmați" butoanele ar trebui să fie toate accesibile și fără complicații. În același mod în care site-ul trebuie simplificat pentru mobil, așteptările utilizatorului mobil sunt, de asemenea, simplificate; nimeni nu dorește să se miște în jurul valorii de ecrane multiple pe un telefon mobil - a se vedea mai jos pentru structura noastră de verificare recomandată pentru un exemplu despre ceea ce înțelegem. Dacă vă gândiți la tipurile de situații în care accesul la Internet mobil este cel mai frecvent - naveta, așteptarea unui prieten, așteptarea unui tren - este important să țineți cont de mentalitatea care însoțește aceste activități. Consumatorul mobil este în mod natural mai agitat decât cumpărătorul static. Clienții vor renunța adesea la un site mobil dacă se confruntă cu o experiență frustrată de la distanță. Totul despre cumpărăturile mobile este readus la punctul de bază care, dacă este complicat de făcut, atunci este foarte probabil ca consumatorul să nu o facă. Uitați-vă aici la Nielsen Social Media Report 2012 pentru câteva informații utile cu privire la comportamentul consumatorilor prin intermediul rețelelor sociale.
Dat fiind faptul că procesul de plăți solicită numeroase câmpuri de text, aceasta poate fi una dintre cele mai grele părți ale unui site de comerț electronic pentru a obține dreptul. Procesul trebuie să fie bine structurat și ușor de urmărit pe un dispozitiv mobil. Aș sfătui să proiectez coșul de cumpărături în secțiuni după cum urmează:
În proiectarea procesului de verificare, o structură de acordeon este o abordare excelentă. Aceasta oferă utilizatorului o imagine clară a procesului și păstrează toate informațiile relevante pe un singur ecran. Din nou, site-urile Toys R Us și ASOS servesc drept exemple bune pentru cărucioarele de cumpărături ușor de utilizat pe dispozitivele mobile.
În cazul în care lucrez, dezvoltăm toate proiectele noastre de comerț electronic folosind propriul nostru sistem pe care l-am construit pentru a fi cât mai rapid, mai fiabil și mai flexibil posibil. Dacă sunteți un dezvoltator de web și aveți timpul să vă recomandăm să investiți acel moment în dezvoltarea unui sistem propriu,deoarece vă permite să vă adaptați la nevoile dvs. exacte. Cu toate acestea, nu subestimați cât de complexă și implicată poate fi aceasta! Pentru indivizi, adesea nu are sens din perspectiva ROI și poate duce la complicații suplimentare atunci când dezvoltarea și sprijinul trebuie continuate. Dacă sunteți în căutarea unei soluții "off-the-shelf", atunci cerințele depind de recomandările Magento sau Shopify. Woocommerce câștigă popularitate și datorită integrării sale familiare cu platforma Wordpress.
Distribuirea tipului de tehnologie de coș de cumpărături utilizat la nivel mondial (martie 2014)Magento este o platformă open-source care poate fi descărcată și personalizată. Neajunsul acestei opțiuni particulare este acela că este mare și poate fi lent, deci dacă utilizați această platformă, punctele de mai sus privind optimizarea performanțelor vor fi deosebit de relevante.
Shopify este o soluție găzduită care este rapidă și ușor de folosit. Noile pluginuri și actualizări sunt lansate în mod constant și, prin urmare, este ușor să găsiți pluginuri care vă vor ajuta să accelerați site-ul dvs. de e-commerce pentru dispozitivele mobile. Aruncați o privire la seria recentă Aflați cum să construiți teme pentru Shopify pentru a afla mai multe.
Merită să te cumperi singur; vizitați diferite site-uri de comerț electronic de pe un dispozitiv mobil și luați notă de cele care sunt bune și, important, care sunt rele. Site-urile care arată bine dintr-un ecran desktop nu se traduc întotdeauna bine pe dispozitivele mobile. Luați notă de lucrurile rele ca și lucrurile pe care le considerați utile, pentru a evita să faceți aceleași greșeli.
Tine minte; nu te complica. Cu cât sunt mai clare etapele și cu cât procesul de cumpărare este mai transparent, cu atât mai bine.Consumatorii mobili se așteaptă la o experiență necomplicată și rapidă de răspuns; cumpărăturile de pe un dispozitiv mobil sunt, în mod inerent, o stare de spirit atât de mare ca și alegerea dispozitivului. Mai presus de toate, permiteți clienților dvs. să-și cheltuiască banii cu dvs.,mai degrabă decât cu altcineva al cărui site se întâmplă mai bine structurat.
Accentsconagua