Wat u moet weet vir 'n herontwerp vir e-handelswebwerwe in 2021

Is dit die jaar wat u u e-handelswebwerf gaan herontwerp? As dit 'n paar jaar gelede is, moet u weet dat baie verander het.

Dit spreek vanself dat 'n moderne e-handelswebwerf eers vir mobiele toestelle ontwerp moet word, aangesien die meeste waarmee ek nou werk 70% of meer van hul verkeer vanaf mobiele toestelle kry. Dit is egter net 'n beginpunt - daar is baie subtiele faktore wat u moet oorweeg as u na u webwerf wil omskakel na gebruikers.

Ek het oor die bruikbaarheid vir 'n wye reeks e-handelswebwerwe die afgelope vyf jaar, en ek het die beginsels wat die beste volg, uitgewerk. Ek sal u deur agt maniere neem om seker te maak dat u webwerf vir die gebruiker van vandag goed is, geïnspireer deur riglyne uit my boek Ontwerp e-handelswebwerwe.

Vermy lang video's op die tuisblad

Die tuisblad is 'n plek om te beïndruk. Baie webwerwe plaas geld in high-end fotografie, maar u kan dit dalk oorweeg om video hier te gebruik om produkte te wys of om die handelsmerk te vertel. Per slot van rekening is video nou oral, veral op sosiale media.

As dit korrek gebruik word, kan die video ideaal wees om gebruikers in te lig en om hulle opwindend te maak. Maak nie saak hoe flitsend u video is nie, as die gebruiker op 'play' moet klik, moet u daarop voorberei die meeste mense om dit te ignoreer. In die vele gebruikertoetse wat ek gesien het, is dit die algemeenste gedrag met video's van bestemmingsbladsye.

Hoekom? In hierdie stadium van die gebruikersreis is hul aandagspanne kort. Gebruikers is meer geneig om die webwerf geheel en al te verlaat en weerkaats, en nie tyd te gee om na iets onbekends te kyk nie.

Aan die begin moet u gebruikers help om vinnig deur te kom, en hou by kort, stil, outo-speel-lus-video's. Op hierdie manier kan u die inligting deurgaan sonder dat hulle dieper nodig het. Langer video's kan later op die reis baie nuttig raak om dinge soos produkvunksies te verduidelik wanneer die gebruiker meer belangstel.

Die Prynt-webwerf gebruik 'n kort outo-speelvideo om die produk in aksie te wys. Daar is ook 'n opsie om na die volle ding met klank te kyk.

Moenie u tuisblad met oortollige inhoud vul nie

As u die harde bemarkingswerk gedoen het om gebruikers op u tuisblad te kry en 'n aangrypende toonhoogte vir u winkel geskep het, wat dan? Daar is baie wat u vir hulle oor u onderneming kan vertel, so is dit nou die kans?

Wees versigtig. Hoe langer u landingsblad maak, hoe meer loop u die risiko dat die gebruiker afskakel of deurmekaar raak. Alhoewel gebruikers gemaklik kan blaai, sal hulle binnekort stop as die inhoud nie direk met hul taak verband hou nie.

As u ontwerp, hou by die reël van 'een bladsy, een doel'. Die doel van hierdie bladsy is om voor te stel wat u verkoop, en die gebruiker te laat soek na die produkte.

Moet hulle regtig u vyf mees onlangse blogplasings, u nuutste tweets en 'n muur van Instagram-beelde sien? Maatskaplike plasings is veral nie behulpsaam nie, want u het net gebruikers op u webwerf gekry, en as u hierop klik, sal dit weer verwyder word.

Hoe meer dinge wat u op die bladsy plaas, hoe meer afleidings wat u aan die gebruiker gee uit u hoofhandeling en die belangrikste ding wat u wil hê hulle moet doen. Mobiele gebruikers is geneig om korter sessies te hou en fokus op die uitvoering van take — ekstra inhoud help nie daarmee nie.

Maak u filters maklik toeganklik

As u baie produkte het, is filters noodsaaklik om gebruikers te help om te vind wat hulle nodig het. Die oorgrote meerderheid e-handelswebwerwe (ongeveer 90% van die wat ek bestudeer het) het hul filters in 'n oorleg op mobiele toestelle. Dit is sinvol as daar nie baie ruimte beskikbaar is nie, maar dit beteken wel dat gebruikers dit waarskynlik nie regtig sal sien nie.

As 'n reël 95% van die gebruikers verander nie standaard nie en dit geld vir die opening van 'n filtersmenu om spesifieke opsies te kies. Dit is iets wat in die e-handelsgebruikertoetse wat ek ook al gekyk het, blyk. Die vind van produkte op volledige lysbladsye is 'n gebied waar die blaaiervaring van e-handel beter is op die tafel.

As u gebruikers filter, is dit meer geneig om 'n produk te vind wat hulle eintlik wil hê. U uitdaging op mobiele plekke is om maniere te vind om ruimte te bespaar. Een metode wys die mees relevante filterkategorie op die bladsy met knoppies vir die opsies (sien Macy's hieronder). As u op een tik, word lyste gelaai met die filter wat toegepas is, op watter punt die volgende mees relevante filter sou verskyn.

e-handelsherontwerp - filteropsies van Macy
Die Macy-webwerf bevat enkele filteropsies as knoppies op die bladsy. Burberry maak die filterkategorieë sigbaar op die bladsy.

 

Maak ten minste seker dat u knoppie om die volledige filtermenu te bereik, voor die hand liggend is. Dit moet ook duidelik aandui wanneer 'n filter toegepas word, sodat gebruikers weet wanneer hulle 'n beperkte reeks resultate sien.

Ontwerp u volledige lys vir groter prente

Die meeste bladsye met e-handelslyste probeer om tegelyk baie produkte op die skerm te wys. As gevolg hiervan is die produk beelde is geneig om redelik klein te wees (dit is hoekom hulle tradisioneel bekend staan ​​as kleinkiekie-beelde).

Tog is die beeld 'n belangrike deel daarvan om die gebruiker te help om 'n besluit te neem oor watter produk hy moet kies. In baie gevalle vertel dit u baie meer as wat enige teks kan doen. Produkte soos klere en meubels maak staat daarop dat die gebruiker 'n subjektiewe onderskeid tref tussen die verskillende dinge wat aangebied word.

U kan selfs groot beelde op u selfoon hê. Programme soos Instagram het daartoe gelei dat gebruikers van hoë gehalte verwag waar hulle ook al is, en ek het gereeld gesien hoe gebruikers dit waardeer. Dit maak nie saak waar hulle op die webwerf is nie, goeie fotografie is altyd lief.

Airbnb het groot prente wat deur (na links) gekyk kan word. Zara (regs) het volledige skermbreedte op hul lys.

Natuurlik, as u dink dat iets beter in 'n paar beelde verkoop kan word, doen dit. Reiswebwerwe bevat dikwels verskeie foto's in die lys van kleinkiekies met 'n subtiele pyltjie om deur hulle te blaai. Baie klerewebwerwe bied die opsie om die produk op sy eie te wys en deur 'n model gedra te word.

Vertoon produkopsies as knoppies

U sal daarvan bewus wees dat baie produkte beskikbaar is in variasies soos kleur, grootte, materiaal of iets anders. Die produkbesonderhedebladsy is waar gebruikers uiteindelik die keuse maak. Om die keuse makliker te maak, moet u vermy dat u hierdie opsies in die keuselys kies.

Dit behoort te wees visuele knoppies om die gebruiker te help om alle opsies te sien en hulle moet duidelik maak wanneer 'n variasie 'n prysverandering beteken. As die variant die voorkoms van die produk (soos die kleur) verander, dan moet u die hoofprodukbeeld opdateer. Dit laat die gebruiker geen twyfel oor wat bestel sal word nie.

e-handelsherontwerp - opsies soos nike-grootte
John Lewis (links) het produkkleure as knoppies met visuele aanwysers. Nike (regs) ontbloot alle grootte-opsies en deaktiveer die groottes wat nie beskikbaar is nie.

'N Verdere voordeel is dat die gebruiker met behulp van sekere knoppies in 'n oogopslag kan sien watter variante nie beskikbaar is nie. Weereens, dit bespaar blaai deur 'n aftreklys met opsies.

As dit kom by grootte-seleksie, is dit die beste om nie 'n standaardgrootte te hê nie. As daar gebruikers is, kan hulle uiteindelik die standaard byvoeg eerder as die een wat hulle wil hê. Dit kan daartoe lei dat u baie opbrengste en gefrustreerde kliënte kry.

Los die deelknoppies uit

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. U gebruikers kan waarskynlik by een of meer hiervan uithang sosiale netwerke. Moet u hulle dus deelknoppies op u produkbesonderhedebladsye gee?

Baie e-handelswebwerwe bied nog steeds daardie klein ikone in die hoop dat dit mense sal aanmoedig om hul ware op die internet te bevorder. Ongelukkig is dit byna seker 'n vermorsing van tyd.

Niemand klik daarop nie. Eintlik doen 0.2% mense dit, volgens 'n studie. Dit kan ook lyk soos 'n stuk kode, maar dit bevat baie ekstra goed wat u bladsy se spoed vertraag.

Die opkoms van betaalde 'beïnvloeders' beteken dat die moderne gebruiker nie meer vir handelsmerke wil uitsaai sonder dat daar iets daarvoor in is nie. Meer mense sal bereid wees om privaat met 'n vriend of familielid te deel. Skakels wat deel via e-pos of 'n kitsboodskapdiens soos WhatsApp moontlik maak, sal waarskynlik beter werk.

Integreer betaalmandjies

Betalings beursie dienste soos PayPal, Apple Pay en Android Pay is aan die toeneem. Dit word al hoe meer gereeld gesien as opsies in die afhandeling van e-handelstrome. In werklikheid kan hulle die standaardkassie doodmaak en moontlik ook die gebruik van kredietkaarte en kontant geheel en al.

e-handelsherontwerp - integrasie van Amazon Pay
Tamara Mellon (links) het die opsie van Apple Pay, PayPal en Amazon Pay in hul mandjie en afhandeling. Gucci bied die vermoë om na die PayPal-kennisgewing na PayPal te spring.

Om 'n wagwoord, vingerafdruk of gesigsskandering in te voer en dan onmiddellik die afhandeling te kan voltooi, is soveel gemakliker as om vorms in te vul. Met die e-handel wat deur mobiele toestelle oorheers word, is dit noodsaaklik om maklike betaling aan te bied wat nie die vormsvul behels nie.

Die gebruiksgemak moet meer gebruikers aanmoedig om afhandeling met u te voltooi. Daar is ook 'n veiligheidsvoordeel, want gebruikers sal waarskynlik veiliger voel met 'n beursie as tussenganger as hulle nog nie van u handelsnaam gehoor het nie.

Regoor die gebruikerstoetse wat ek by die uitbetalingsvloei uitgevoer het, hoor ek gereeld opmerkings soos: "Ek verkies die opsie om PayPal te gebruik." PayPal is tans welbekend, maar as u besluit om te gebruik, gaan dit met die gewildste lande en toestelle van u webwerf.

Laat gebruikers toe om te versamel

'N Toenemende aantal e-handelswebwerwe bied gebruikers die vermoë om hul bestellings in te samel eerder as om dit af te lewer. Dit is goed vir gebruikers wat nie gereeld tuis is nie en ook nie aflewering na hul werkplek kan kry nie. As u hierdie opsie gee, sal dit slegs die aantal gebruikers wat by u kan koop, verhoog.

Die maklikste (en dikwels die beste) benadering is om versameling by te voeg as alternatief vir aflewering in die kassa. Vra die gebruiker om hul ligging te betree en aan hom te wys waar hulle hul bestelling kan afhaal. Dit is ook belangrik dat u die openingstye van die afhaalligging wys; hierdie data kom dikwels van integrasie met 'n afleweringsonderneming.

'N Klik-en-versamelvenster vanaf die ASOS-afhandeling, waardeur die gebruiker kan kies na watter geriefswinkel sy aflewering moet gestuur word.

Die meer ingewikkelde benadering is dat u die opsie om in elke produkbesonderhede bladsy op die webwerf te versamel, kan integreer. Dit is sinvol as u dit het bakstene en mortierwinkels want dit laat voorraadkontrole in spesifieke winkels toe.

Daar kan egter probleme ontstaan ​​wanneer gebruikers verskeie produkte in hul volgorde het. As hulle nie versigtig is nie, kan hulle eindig met 'n paar produkte vir aflewering en ander vir aflewering ('n 'gemengde' mandjie). Om dit so vroeg moontlik te vermy, beveel ek aan dat die gebruiker die aflewering of aflewering spesifiseer, is in die mandjie-stadium, dus is dit van toepassing op die hele bestelling.

Meer advies vir e-handel

Dit was agt maniere om seker te maak dat u e-handelswebwerf herontwerp word om geskik te wees vir 2020 en daarna. Natuurlik is daar meer as dit wat u moet oorweeg wanneer u 'n volledige e-handelswebwerf herontwerp. In werklikheid het ek 'n boek geskryf met 66 riglyne vir die ontwerp van aanlynwinkels wat omskep, gebaseer op tien jaar UX-ontwerpervaring.

Die boek word die ontwerp van e-handelswebwerwe genoem beskikbaar op Amazon in 'n verskeidenheid formate, insluitend paperback en Kindle. Of u kan die digitale PDF-weergawe op my webwerf, wat al die illustrasies uit die gedrukte boek bevat. U kan ook kry 15% af die digitale weergawe vir 'n beperkte tyd met die promosiekode PLATFORMS.