Mobiele e-handel: webwerf-ontwerp en -beplanning

Sedert voortdurende verbeterings aan tegnologie- en mobiele tegnologieë, is die uitdagings wat u in die gesig staar die ontwerper van 'n e-handelswebwerf verander voortdurend. Alhoewel tegnologiese vooruitgang op hierdie gebied by die verbruiker gewild is en sake-eienaars voortdurend nuwe geleenthede bied om kliënte in al hoe meer uiteenlopende scenario's en liggings te bereik, skep dit beslis probleme vir ontwerpers en ontwikkelaars. Daar is verskillende basiese beginsels wat in ag geneem moet word by die ontwerp van mobiele toestelle, en in hierdie artikel sal ons dit bespreek en deurvoer.

Ontleding van kliënte se gedrag

Klantegedrag op selfone met betrekking tot e-handelswebwerwe is soortgelyk aan die gereelde blaai-ervaring, maar met geringe besonderhede sal ons dit nou bespreek. Die verwagting is dat u toegang tot dieselfde webwerwe kan kry, maar op so 'n manier dat dit vir die kleiner skerm toepaslik vereenvoudig kan word.

Verbruikers se koopgedrag op mobiele toestelle verskil aansienlik van dié wat gesien word by groter, statiese toestelle. Daar word vermoed dat tablette-kopers meer geneig is om 'n aankoop van slimfoonkopers te maak, wat 'n bewys is van die manier waarop die spesifieke gebruikte instrument die aktiwiteit van die gebruiker beïnvloed.

Mobiele toestelle is klein en het 'n klein vaste eiendom, dus dit is belangrik om hierdie beperking te aanvaar in plaas daarvan om teen hulle te veg. Dikwels bemoeilik toepassings die klein ruimte met soveel dinge as wat hulle dink dat 'n gebruiker nodig mag wees, maar dit is van mening dat dit teenproduktief is. Die beste inkopie-ervarings kan beskou word as die ligte, waar die fokus op die produk is en die oorblywende inligting dien as ondersteunende inhoud eerder as om te veg vir die gebruiker se aandag.

Gebruik die regte Stigting

Dit is belangrik om die regte basis vir u webwerwe te hê, veral as u die mobiele gedrag daarvan ontleed. Daar is verskillende raamwerke om van te kies, en ek is so positief daarvoor, want dit kom met HTML, CSS en JS vir verskeie doeleindes, wat verskillende koppelvlakelemente bevat, insluitend knoppiegroepe, knoppie-dropdowns, duimnaels, waarskuwings, vorderingsbalkies en nog baie meer. Hulle bied ook goeie raad oor hoe dit alles aanmekaar pas, sowel as 'n paar voorgestelde sjablone. ' Dit help u om u webwerf uniek te maak, maar met die voordeel van die aanvanklike leiding en die platform wat deur die raamwerk voorsien word.

Die gebruik van 'n raamwerk help met 'n ander belangrike aspek van e-handel vir mobiele toestelle, naamlik optimalisering. Gereedskap verskaf deur Shopify kan help met die gebruik van CSS in plaas van waar moontlik, wat die prestasieoptimalisering help en 'n stabiele platform bied vir toekomstige en toekomstige verkope. As u 'n gradiënt nodig het, gebruik CSS eerder as 'n beeldskywe. Enige prente kan geoptimaliseer word deur te verseker dat die lêergrootte so klein as moontlik is, sonder om die kwaliteit onnodig in die gedrang te bring. Javascript- en CSS-lêers sal verklein word, en die belangrikste van alles is dat die ongewenste Javascript-lêers nie ingeroep word as hulle op 'n mobiele toestel gelaai word nie. Al hierdie funksies bevoordeel die webwerf se prestasie en verbeter die ervaring vir mobiele gebruikers.

Prioritiseer die inhoud

As ons oor 'n responsiewe webwerf praat, is dit noodsaaklik om seker te maak dat die belangrikste funksies oorgedra word en dat die inhoud van die mobiele webwerf geprioritiseer word vir gebruiksgemak en verbeterde bruikbaarheid. Onder die funksies wat opgeneem moet word in 'n mobiele omgewing met '' prioriteit '', kan ons die volgende nomineer:

  • 'N Soekbalk wat op elke bladsy toeganklik is
  • Skakel na rekeninginstellings en betaalblad
  • Maklike toegang tot elke kategorie op die perseel
  • Prente in volledige breedte vir inhoudsgesentreerde ervaring

'N Belangrike deel van die proses is om 'n beslissing te maak oor watter elemente terselfdertyd sowel op rekenaar as mobiel van toepassing is. Die truuk is om te prioritiseer deur die belangrikheid van elkeen te verstaan ​​en te verseker dat die funksies net so goed werk vir mobiele kykers as lessenaars. Dit is die idee dat u altyd op die inhoud moet fokus en dit moet prioritiseer.

Gebruik eenvoudige koppelvlakke

E-handel responsiewe ontwerp

Die warboel is u grootste vyand, dus is die idee om hoofsaaklik op eenvoudige, ondeurdagte dog bruikbare koppelvlakke en ontwerpe te vertrou. Mobiele inkopie-ervarings is die beste as daar net op die produkte gefokus word. Laat die gebruiker maklik deur u produkte blaai deur van onnodige widgets soos ekstra baniere of onnodige skakels op die webwerf ontslae te raak.

Dit is 'n webwerf wat groot foto's en feeds vol produkte vertoon. Deur die blaai maklik en eenvoudig te hou en met rommelvrye koppelvlakke te rol, kan die eindgebruiker op die werklike inkopies fokus deur die aanloklike dog funksionele ontwerp wat aan hom voorsien word.

Amazon maak gebruik van 'n wonderlike mobiele koppelvlak wat baie eenvoudig lyk, maar glad nie goedkoop voel nie. Baie witruimte en warm kleure skep 'n pragtige kleurpalet wat die oë aangenaam maak en die koppelvlakke baie bevoordeel. Ongeag die aantal widgets, die woord wat hierdie koppelvlak sou beskryf, is steeds eenvoud vanweë die ooreenstemming in die manier waarop die grafika met mekaar in wisselwerking is.

Gebruik grafiese en beelde van gehalte

Professionele foto's van e-handel

Mobiele toestelle, veral telefone, het relatief klein skerms. Produkfoto's moet nie eers fyner wees nie; die produkte moet in detail gesien word, daarom wil u soveel moontlik foto's op die volledige skerm gebruik. As foto's klein of klein is, sal dit die koper irriteer en dit sal die winkelgedrag beïnvloed. Inkopies op 'n mobiele toestel is moeilik genoeg. Gebruikerservaring bestaan ​​uit verskeie feite, en selfs al is beeldkwaliteit nie daarvan deel nie, dra dit beslis by tot die geloofwaardigheid en werk dit soms op die impulse van die eindgebruiker, wat beslis die konsep van gebruikerservaring is wat ons soek vorentoe om op ons mobiele webwerwe te verbeter.

Doen 'n effektiewe afhandelingsproses

Aangesien die afhandelingproses talle teksvelde vereis, kan dit een van die moeilikste dele van 'n e-handelswebwerf wees om reg te kry, maar met die uitdaging kom resultate, aangesien 'n effektiewe afhandeling goeie omskakelingsyfers kan lewer. Die proses moet goed gestruktureer en maklik wees om op 'n mobiele toestel te volg, dus moet verskillende beginsels in hierdie sin geïmplementeer word:

  • Lys produkte met maklike + en - knoppies om hoeveelhede te bestuur
  • 'N Veld vir koeponkodes (indien van toepassing)
  • Groot en duidelike 'afreken'-knoppie
  • Sigbare knoppie 'hou inkopies'

In die ontwerp van die afhandelingproses is 'n trekklavierstruktuur 'n uitstekende benadering. Dit gee die gebruiker 'n duidelike oorsig van die proses en hou alle relevante inligting op een skerm. Hierdie teorie is bevraagteken deur verskeie kenners maar hierdie opinies is subjektief; daarom moet u uitvind wat die beste by u behoeftes pas en voor of teen die trekklavier-funksie wees.

Om die een of ander rede, is die gebruiker dikwels verplig om aan te meld / aan te meld om in mobiele apps te blaai en dit te shop. Dit is baie ongerieflik vir die eindgebruiker om hulself tot 'n aanmelding vanaf 'n mobiele toestel te verbind, dikwels omdat hierdie vorms baie velde benodig om in te vul.

Sodra iemand besluit het om iets op u webwerf te koop, is dit belangrik dat u dit so maklik as moontlik laat gaan. Maak seker dat die proses waaraan u hulle verbind, 'n naatlose en sinnelose ervaring is - of dat dit ten minste een moet wees. Dit is belangrik om nie 'n gebruiker te irriteer as hulle probeer om uit te check nie. Op hierdie stadium het u kliënte besluit om u produk te koop, so laat hulle dit reg doen, maar op 'n korrekte manier deur van die probleme wat hulle voorlê, ontslae te raak.

Gevolgtrekking

Mobiele toestelle het 'n aparte omgewing ten opsigte van e-handel, en daarom is 'n spesifieke benadering nodig. In hierdie artikel het ons 'n paar basiese beginsels bespreek wat gedek moet word om 'n bruikbare en doeltreffende ervaring vir die eindgebruikers te bied. Dit is belangrik om te besef dat elke webwerf sy eie spesifieke eienskappe het, en hoewel 'n algemene benadering moontlik is, is dit net so belangrik om aan te pas by belangrike aspekte van u eie webwerf.

Funksie-beeld op die rand van nadrosia

Catalin Zorzini

Ek is 'n webontwerpblogger en het hierdie projek begin nadat ek 'n paar weke lank gesukkel het om uit te vind wat dit is die beste e-handelsplatform vir myself. Kyk na my huidige top 10 e-handelaars vir e-handelaars.