Vue Storefront Review – Alt hvad du behøver at vide

Fremtiden er her!

Ok, slip alt et øjeblik og lyt til det her. Forestil dig en gratis e-handelsapplikation, der også drastisk kan forbedre din onlinebutiks brugeroplevelse og SEO-rangering. Et revolutionerende system, der er så fleksibelt, at det komfortabelt kan køre på enhver e-handels-backend.

Lidt af en strækning, synes du?

Ja, jeg ved, hvordan det lyder, fordi jeg også har været der. Nå, i det mindste indtil jeg i sidste ende har prøvet denne skøre ting, de kalder Progressive Web Apps, eller PWA kort sagt.

Der er nu gode grunde til, at virksomheder i stigende grad forelsker sig i PWA. Jeg afslører dem snart. Tillad mig dog nu at introducere en specifik applikation, der hjælper dig med at forstå hele konceptet om at udnytte PWA.

Har du nogensinde hørt om Vue Storefront?

Det er en ny e-handelsapplikation okay, men dens arkitektur er intet tæt på det, vi allerede er vant til. Og her er aftalen - Vue Storefront er tilfældigvis den største og mest komplette PWA indtil videre.

Men hvad betyder det for e-handel?

Denne Vue butiksfacade gennemgang afslører alt hvad du har brug for at vide - hvad dælen en progressiv webapplikation er, hvordan Vue Storefront er forbundet til alt det, plus selvfølgelig dets ledsagende e-handelsfunktioner og muligheder.

Hvad er en progressiv webapp? 

Husk, da vi sagde mobil er næsten ikke i gang? Det viser sig, at vi har haft ret hele tiden. Og her er beviset.

Mobil kom først, og det introducerede os efterfølgende til mobile apps. Derefter begyndte apps med tiden at fusionere med pc og webplatforme, da udviklere fortsatte med at forbedre brugeroplevelsen for at gøre det mere problemfrit.

Øgede fremskridt på alle disse områder har nu skubbet os til randen af ​​virkelig revolutionerende e-handel. Så med andre ord, velkommen til PWA'ernes alder.

Nu tilbyder en Progressiv Webapp det bedste fra begge verdener - web- og mobilapps. Mere specifikt er en PWA bygget på typiske webteknologier, hvor nogle af de nyeste javascript-funktioner fungerer som krydderierne. Slutresultatet er en webapplikation, hvis samlede intuitivitet ligner en indbygget iOS- eller Android-app.

Tag et kig på denne Starbucks websted. Læg mærke til noget usædvanligt underligt sammenlignet med almindelige websteder? Prøv nu at indlæse den igen, men fra din mobiltelefon.

Det fungerer tilsyneladende som en indbygget app, ikke? Glat, sømløs og forbavsende hurtigt. Nå, det lige der er PWAs magt.

Og hvordan er dette relevant for e-handel?

Overvej dette. Progressive Web Apps indeholder normalt data om brugerenheder og downloadede filer i en cache. Det betyder i det væsentlige, at dataene benyttes øjeblikkeligt, så snart anmodninger fremsendes fra enheden.

Og den bedste del? Du kan satse, at indlæsning af sider altid er superhurtig, selv når du har ekstreme langsomme internethastigheder.

Hele rammen letter det af en servicemedarbejder, der dybest set fungerer som en bro mellem serveren og appen. For at behandle en anmodning benytter den derfor data, der allerede var indeholdt i enhedens cache, samtidig med at de synkroniserer alt med de tilsvarende serverdata.

Derefter på grund af en simpel JSON-fil kendt som Web App manifest, Progressive Web Apps viser normalt fuldskærm for at give en vedvarende fordybende oplevelse. Denne lille funktion interagerer i det væsentlige med din browser og instruerer den til at vise webapplikationen gennem den samme grænseflade som smartphone-apps.

Og det er ikke alt. Cache-servicemedarbejderne kombineret med Push API'er og avanceret browserteknologi har gjort det muligt at installere PWA'er direkte på din enheds startskærm. Derfor kan du fortsætte med at bruge den, selv når din enhed er offline. Derudover kan PWA'er også modtage push-meddelelser.

Gæt hvad nu? Google har været i spidsen for Progressive Web Apps fra starten sammen med Mozilla plus Microsoft.

Og efter at have testet det hele på adskillige projekter igen og igen, er det dette, de konkluderede med Progressive Web Apps:

• De er pålidelige- PWA'er er i stand til at indlæse ekstremt hurtigt, selv under dårlige netværksforhold, takket være deres servicemedarbejdere, der forud-cache af kritiske ressourcer.
• De er hurtige - PWA'er er beundringsværdige responsive når du interagerer med dem. De opretholder konsekvent skarpe animationer og jævn rulning.
• De engagerer sig -Brugeroplevelsen her er uden tvivl temmelig fordybende. PWA'er opfører sig som native mobile apps i browseren, og de kan let integreres på din startskærm. Hvis du har brug for at engagere brugere, der kører dine PWA'er igen, kan du altid sende push-meddelelser.

Et firma, der har set disse fordele fra første hånd, er Tinder. Tidligere var deres gennemsnitlige indlæsningstid for app 11.91 sekunder. Men efter introduktionen af ​​en PWA-version, der tilfældigvis var 90% lettere end deres native Android-app, faldt indlæsningstiden betydeligt. Og som et resultat skød deres brugerengagementniveauer ret markant.

Hvis det ikke overbeviser dig, måske knolde historien vil. Ved at udnytte kraften fra PWA'er var virksomheden i stand til at komme med en app, der har store lastehastigheder selv på 2G. Og dets tilsvarende belastningstid? Nå, deres 50 kg PWA formår konstant at indlæse på mindre end 3 sekunder.

Nu har vi næppe ridset overfladen her. Der er mange flere succeshistorier fra en lang række mærker. Alt sammen takket være de revolutionerende muligheder i Progressive Web Apps.

Når det er sagt, lad os nu gå til den praktiske bit.

Så hvad der præcist er Vue butiksfacade?

Vue Storefront Review - Oversigt

Vue Storefront er til at begynde med en open-source progressiv webapplikation udviklet til online-virksomheder. Dets hovedmål er at hjælpe digitale handlende og virksomheder med at øge deres kundeoplevelsesniveauer.

Heldigvis behøver du ikke et specialiseret e-handelssystem for at bruge Vue Storefront. Da hele rammen er bygget ved hjælp af Headless-arkitektur, skal du være i stand til at opsætte din egen backend-integration. Det betyder kort sagt Vue Storefront er en holistisk fleksibel applikation, der er i stand til at integrere med enhver e-handelsplatform til at fungere som en frontend.

Indtil videre har dens udviklere integreret det med Magento, Spree Commerce, Sylius og Shopify, Vue Storefront Core Team, i tæt samarbejde med Shopware Team, udviklede den oprindelige Shopware PWA-integration, og Vue Storefront bliver en vigtig del af commercetools Accelerator som en anbefalet, open source frontend til kommerciel arbejde og medlemmet af MACH Alliance - gruppen af teknologiselskaber, der er grundlagt af commercetools, Contentstack, EPAM Systems og Valtech - for at sprede viden om potentialet ved hovedløs teknologi.

Og i betragtning af at det understøttes af mere end 70 officielle partnere, mere end 100 levende projekter et omfattende samfund på mere end 3000 udviklere, kan du forvente, at yderligere integrationer vil rulle ud meget snart. Det ser ud til, at Vue Storefront kun er ved at komme i gang.

Men så igen, mens deres innovationsfrekvens er prisværdig, behøver du ikke vente på, at Vue Storefront's team kommer med en integration til din nuværende e-handelsplatform. Denne PWA er grundlæggende kodet i Vue.js, og det er afhængig af Elasticsearch for sin database såvel som Node.js, når det kommer til server-API.

Hvis du er en erfaren udvikler, antager jeg derfor, at du allerede kan fortælle, at det ikke overhovedet burde være en udfordring at oprette en ny front-end. Men i tilfælde af vanskeligheder, Vue butiksfacade leveres med flere tutorials og omfattende supportdokumentation. Du kan bruge alt det til at finde ud af, hvordan man justerer dens open source-kode.

Hvis det lyder som noget, du gerne vil gøre, er Vue Storefront tilgængelig på GitHub. Og interessant nok har det indtil videre tiltrukket mere end 7,000 stjerner på platformen.

Ok, slet ikke dårligt. Men hvad nøjagtigt nyder de købmænd Vue butiksfacade? Har det virkelig de funktioner, der kan skubbe din virksomhed til det næste niveau?

Tillad mig at svare på det ved at gå igennem forskellige Vue Storefront's attributter.

Vue Storefront Review - Vigtigste funktioner

Brugererfaring

Første ting først. I betragtning af brugeroplevelse er det primære fokus her, hvordan præcist fungerer Vue Storefront's interface?

Nå, en ting, du kan forvente af Vue Storefront, er at bryde enhedsbarrieren. Da det er en webapplikation, skal du være i stand til at starte og køre den på enhver enhed. Det betyder, at Vue Storefront eliminerer udfordringen med at udvikle flere native applikationer til hvert enheds OS.

Et andet problem, du kan løse via Vue Storefront, er massen af ​​indbyggede apps. Android-, iOS- og pc-apps bliver tyngre med dagen med hver nye funktion, som udviklere introducerer. Derfor er appopdateringer berygtet berømt for at optage mere hukommelsesplads.

Med Vue Storefront er det imidlertid næsten som om, at vi er gået tilbage til en alder af Symbian-apps. Det bruger langt mindre data sammenlignet med indbyggede apps.

Og det bedste er, at din butiks kunde ikke behøver at downloade noget. De kan få adgang til den oprindelige oplevelse direkte gennem deres webbrowsere.

Faktisk behøver de ikke engang at gå online. Vue butiksfacade giver dem mulighed for at handle komfortabelt, selv når deres enheder er offline.

Så få dette. Selvom dit e-handelswebsted ender med at opføre sig som en oprindelig app, betragter Google det stadig som et websted. Så naturligvis indekseres din online butik i overensstemmelse hermed, ligesom andre almindelige websteder.

Og her er det. Chancerne er, at dit websted vil have en enorm rangeringsfordel af andre regelmæssige, fordi Google har en tendens til at favorisere websteder med hurtig indlæsningshastighed. Derudover er det værd at bemærke, at søgemaskiner i stigende grad skifter til indeksering af mobil først.

Når vi taler om det, betyder en stor lastetid mere trafik. I øjeblikket har du sandsynligvis bemærket, at dårlige indlæsningshastigheder på hjemmesiden udløser høje afvisningsrater, da internetforbrugere hader at vente. Derfor, med øget trafikstrøm, skal du være i stand til at forbedre din samlede konverteringsfrekvens i det lange løb.

En anden taktik, du kan anvende for at øge den endnu større, er at sende push-meddelelser. Vue Storefront giver dig mulighed for at holde dine kundeemner engagerede ved at kommunikere med dem via push-meddelelser. Du kan drage fordel af det til at køre kampagner samt krydssælg og op-sælge forskellige produkter.

Kom godt i gang

Holdet bag Vue Storefront begyndte tilsyneladende med Magento fordi det er en af ​​de største e-handelsplatforme i verden i dag. Plus, det er et open source-system, der kombinerer store funktioner med ubegrænset fleksibilitet. Derfor tilslutter virksomheder og virksomheder sig meget Magento vognen.

Hvis du er en af ​​de mange, kan du komme i gang med det samme ved at drage fordel af Vue Storefront's Magento Ansøgning. Processen er dog ikke så enkel som du måske forestiller dig.

Først skal du stole på workshops for at planlægge dit projekt i overensstemmelse hermed. Det betyder, at du ikke kun specificerer dit projektomfang, men også det tilsvarende budget og tid.

Derefter næste er beviset for koncept, og dets mål er at bekræfte den indflydelse Vue Storefront skal gøre på dine virksomheder. Derfor skal du muligvis køre et kort eksempel på Vue butiksfacade rammer, mens der udføres forskellige brugeroplevelsestests.

Det alene kan vise sig at være ganske praktisk, når du er nødt til at overbevise interessenter til at investere i appen. Derudover får du også chancen for at tage informerede beslutninger om den kommende udrulning baseret på, hvordan brugere reagerer på den nye butikversion.

Alt i alt skal beviset på konceptet tage dig et par uger - måske højst 4-6. Brug derefter de data, du har samlet, og fortsæt med at implementere en komplet PWA-version af dit e-handelswebsted ved hjælp af Vue Storefront. Og som tiden går, kan du gradvist arbejde på den underliggende open source-kode for at tilpasse din virksomhed til de stadigt skiftende behov i markedet.

komponenter

Vue butiksfacade leveres med to forskellige komponenttyper.

I stiftelsen har vi Kernekomponenter. De er baseret på de grundlæggende forretningsstrukturer i typiske onlinebutikker. Så på en måde sparer de dig besværet med at skabe alt fra bunden.

Når det er sagt, kan kernekomponenterne blive vedtaget af dine webstedstemaer. Alt, hvad det kræver, er simpelthen at style og definere den ledsagende HTML-markering.

Og mens du er ved det, vil du bemærke, at hver kernekomponent tilbyder en tydelig grænseflade, som du nemt kan omarbejde gennem dit tema.

Hvis du er klar til opgaven, skal du finde kernekomponenterne i hvert moduls komponentmappe. Når du først gør det, skal du anvende dem på dine temaer som mixins.

Når jeg taler om det, ved jeg, at du sandsynligvis allerede har gættet den anden type komponenter. Og ja, du har ret. De er Tema komponenter, som repræsenterer det front-end layout, som du i sidste ende viser på appen.

Mens du kan placere dine egne specialiserede komponenter inden for et tema, er den nemmeste metode til at anvende forretningslogik altid at udnytte kernekomponenterne.

Storefront-temaer

Selvom Vue Storefront fortsætter med at benytte foruddesignede temaer, behøver du slet ikke bruge dem. I stedet kan du oprette dine egne e-handels-temaer og derefter kombinere dem med appens kerneforretningslogik for en komplet e-handelsoplevelse.

Men du har brug for HTML- og CSS-færdigheder for at opnå det. Eller alternativt skal du blot ansætte en erfaren udvikler til at håndtere hele processen. Med Vue Storefront kan du endda tilpasse dens kernekomponenter yderligere, hvis du har brug for det.

Kom til at tænke på det, men det at opbygge dit eget tema fra bunden virker som en besværlig proces. Udover, Vue butiksfacade kommer med sine egne solide temaer i src / temaer mappe.

Den seneste Tema 2.0, for eksempel er oprettet ved hjælp af Google UX Retail Playbook. Det betyder en optimeret brugeroplevelse. Men det er ikke alt. Da det er dynamisk fleksibelt, kan du finjustere det på mange forskellige måder for at skabe dit eget specialiserede design.

E-handelsfunktioner

Her er nogle af de e-handelsfunktioner, du finder på Vue Storefront:

• Katalogsøgning
• Produktsøgning
• Support til katalogstyring
• Kundekonti
• Kundeservice
• Ordrebehandling
• Marketing kampagner
• Analytics og rapportering
• Search Engine Optimization
• Kasse, betaling og forsendelse

Vue Storefront Review - Priser

Erhvervelse Vue butiksfacade koster dig intet. Ikke engang en krone. Omkostninger begynder kun at hældes op, når det kommer til de efterfølgende tilpasningstrin.

Medmindre du har erfaring med kodning, bliver du tvunget til at ansætte et team af udviklere til at integrere Vue Storefront med dit e-handelswebsted samt justere dets kernekomponenter og temaer.

Hvem skal overveje at bruge Vue Storefront? 

Der er ingen tvivl om, at Vue Storefront er et revolutionerende værktøj til at forbedre din kundes brugeroplevelse. Og i betragtning af, at det er en open source progressiv webapplikation, er den tilgængelig for alle gratis.

Problemet med Vue Storefront er imidlertid implementeringsprocessen. Indlejring af applikationen på dit e-handelswebsted er en teknisk kompleks proces, der kræver tung kodning. Det er bestemt ikke noget, du kan administrere uden kodningsevner.

Men det er intet sammenlignet med fordelene ved PWA'er. Vue Storefront er en indsats værd. Så du kan overveje at ansætte en erfaren udvikler til at udføre det i overensstemmelse hermed. Desuden gør dens Headless-arkitektur det til et fleksibelt program, der kan integreres med enhver e-handelsplatform-backend.

Alt i alt derfor Vue butiksfacade er til alle typer online virksomheder og virksomheder. Så længe du kører et e-handelswebsted, er denne Progressive Web-app værd at overveje, hvis du vil forbedre din samlede kundeoplevelse.

Det er en ren sundhedsregning fra os her på ecommerce-platforms.com. Nu over til dig - hvad er dine tanker?