Vue Storefront Review – Alt du trenger å vite

Fremtiden er her!

Ok, slipp alt et øyeblikk og hør på dette. Se for deg en gratis e-handelsapplikasjon som drastisk kan forbedre nettbutikkens brukeropplevelse og SEO-rangering også. Et revolusjonerende system som er så fleksibelt at det komfortabelt kan kjøres på hvilken som helst e-handelsbackend.

Litt av en strekning, tror du?

Ja, jeg vet hvordan det høres ut fordi jeg har vært der også. Vel, i det minste til jeg til slutt prøvde ut den vanvittige saken de kaller Progressive Web Apps, eller PWA kort sagt.

Nå er det gode grunner til at virksomheter i økende grad forelsker seg i PWA. Jeg vil avsløre dem alle om kort tid. For nå, men la meg introdusere en spesifikk applikasjon som vil hjelpe deg å forstå hele konseptet med å utnytte PWA.

Noen gang hørt om Vue Storefront?

Det er en ny netthandelsapplikasjon, men arkitekturen er ikke noe i nærheten av det vi allerede er vant til. Og her er avtalen - Vue Storefront er tilfeldigvis den største og mest komplette PWA så langt.

Men hva betyr det for netthandel?

Dette Vue butikkfront gjennomgang avslører alt du trenger å vite - hva pokker en Progressive Web Application er, hvordan Vue Storefront er koblet til alt det, pluss selvfølgelig de tilhørende e-handelsfunksjonene og -funksjonalitetene.

Hva er en progressiv webapp? 

Husker da vi sa mobil er knapt i gang? Det viser seg at vi har hatt det bra hele tiden. Og her er beviset.

Mobil kom først, og den introduserte oss deretter til mobilapper. Med tiden begynte appene å slå seg sammen med PC- og nettplattformer da utviklere fortsatte å forbedre brukeropplevelsen for å gjøre det mer sømløst.

Økte fremskritt på alle disse områdene har nå presset oss til randen av virkelig revolusjonerende e-handel. Så, med andre ord, velkommen til PWA-alderen.

Nå tilbyr en progressiv webapp det beste fra begge verdener - nett- og mobilapper. Mer spesifikt er en PWA bygget på typiske webteknologier, med noen av de nyeste JavaScript-funksjonene som krydder. Sluttresultatet er en nettapplikasjon der den generelle intuitiviteten ligner en naturlig iOS- eller Android-app.

Se på denne Starbucks nettstedet. Legg merke til noe uvanlig rart sammenlignet med vanlige nettsteder? Prøv å laste den inn igjen, men fra mobiltelefonen din.

Det fungerer tilsynelatende som en egen app, ikke sant? Jevn, sømløs og forbausende rask. Vel, akkurat der er PWAs kraft.

Og hvordan er dette relevant for netthandel?

Vel, vurder dette. Progressive Web Apps inneholder vanligvis data om brukerenheter og nedlastede filer i en cache. Det betyr egentlig at dataene blir benyttet øyeblikkelig så snart forespørsler heves fra enheten.

Og den beste delen? Du kan vedde om at sideinnlasting alltid er supersnell, selv når du har ekstremt lave internetthastigheter.

Hele rammene tilrettelegges av en servicemedarbeider, som i utgangspunktet fungerer som en bro mellom serveren og appen. For å behandle en forespørsel benytter den derfor data som allerede var lagret i enhetsbufferen, samtidig som alt synkroniseres med de tilsvarende serverdataene.

Da på grunn av en enkel JSON-fil kjent som Web App-manifest, Progressive Web Apps viser normalt fullskjerm for å gi en vedvarende oppslukende opplevelse. Denne lille funksjonen samhandler i hovedsak med nettleseren din og instruerer den til å vise nettapplikasjonen gjennom det samme grensesnittet som smarttelefonapper.

Og det er ikke alt. Cache-tjenestearbeiderne kombinert med Push API-er og avansert nettleserteknologi har gjort det mulig å installere PWAer direkte på enhetens startskjerm. Følgelig kan du fortsette å bruke den selv etter at enheten din er frakoblet. I tillegg til dette kan PWAer også motta pushvarsler.

Gjett hva? Google har vært i spissen for Progressive Web Apps fra starten, sammen med Mozilla pluss Microsoft.

Og etter å ha testet hele saken på en rekke prosjekter om og om igjen, er det dette de konkluderte med om Progressive Web Apps:

• De er pålitelige- PWAer er i stand til å laste ekstremt raskt selv under dårlige nettverksforhold, takket være deres servicearbeidere som lagrer viktige ressurser.
• De er raske - PWA er beundringsverdig responsive når du samhandler med dem. De opprettholder konsekvent skarpe animasjoner og jevn rulling.
• De er engasjerende -Brukeropplevelsen her er uten tvil ganske oppslukende. PWAer oppfører seg som originale mobilapper i nettleseren, og de kan enkelt bygges inn på startskjermen. I tillegg, hvis du trenger å engasjere brukere som kjører PWA-ene på nytt, kan du alltid sende pushvarsler.

Et selskap som har sett disse fordelene fra første hånd er Knusk. Tidligere var gjennomsnittlig appbelastningstid 11.91 sekunder. Men etter å ha introdusert en PWA-versjon som tilfeldigvis var 90% lettere enn deres opprinnelige Android-app, falt lastetiden betraktelig. Og som et resultat, økte brukerengasjementnivåene deres ganske betydelig.

Hvis det ikke overbeviser deg, kanskje Übers historien vil. Ved å utnytte kraften fra PWA-er, var selskapet i stand til å komme med en app som har store lastehastigheter selv på 2G. Og den tilhørende lastetiden? Vel, deres 50kb PWA klarer konsekvent å laste på under 3 sekunder.

Nå har vi knapt klørt overflaten her. Det er mange flere suksesshistorier fra et bredt spekter av merker. Alt takket være de revolusjonerende egenskapene til Progressive Web Apps.

Når det er sagt, la oss nå gå til den praktiske biten.

Så hva er egentlig Vue butikkfront?

Vue Storefront Review - Oversikt

Vue Storefront, for det første, er en åpen kildekode-progressiv webapplikasjon utviklet for online virksomheter. Hovedmålet er å hjelpe digitale kjøpmenn og bedrifter med å øke kundenes opplevelsesnivå.

Heldigvis trenger du ikke et spesialisert netthandelssystem for å bruke Vue Storefront. Siden hele rammen er bygget ved hjelp av hodeløs arkitektur, bør du være i stand til å sette opp din egen backend-integrasjon. Dette betyr kort sagt Vue Storefront er en helhetlig fleksibel applikasjon som kan integreres med hvilken som helst e-handelsplattform for å fungere som frontend.

Så langt har utviklerne integrert det med Magento, Spree Commerce, Sylius, og Shopify, Vue Storefront Core Team, i nært samarbeid med Shopware Team, utviklet den opprinnelige Shopware PWA-integrasjonen, og Vue Storefront blir en avgjørende del av commercetools Accelerator som en anbefalt, åpen kildekode for kommersielle tjenester og medlemmet av MACH Alliance - gruppen av teknologiselskaper grunnlagt av commercetools, Contentstack, EPAM Systems og Valtech - for å spre kunnskap om potensialet til hodeløs teknologi.

Og vurderer at det støttes av mer enn 70 offisielle partnere, mer enn 100 levende prosjekter et omfattende samfunn på mer enn 3000 utviklere, kan du forvente at ytterligere integrasjoner vil rulle ut ganske snart. Virker som Vue Storefront bare er i gang.

Men igjen, mens innovasjonsfrekvensen er prisverdig, trenger du ikke vente til teamet til Vue Storefront skal komme med en integrasjon for din nåværende e-handelsplattform. Denne PWA er fundamentalt kodet inn Vue.js, og det er avhengig av Elasticsearch for sin database, så vel som Node.js når det gjelder server-API.

Hvis du er en erfaren utvikler, antar jeg at du allerede kan fortelle at det ikke burde være en utfordring å sette opp en ny front-end. Men i tilfelle vanskeligheter, Vue butikkfront leveres med flere tutorials og omfattende støttedokumentasjon. Du kan bruke alt dette til å finne ut hvordan du justerer åpen kildekode.

Hvis det høres ut som noe du ønsker å gjøre, er Vue Storefront tilgjengelig på GitHub. Og interessant nok har den så langt tiltrukket seg mer enn 7,000 stjerner på plattformen.

OK, ikke verst i det hele tatt. Men hva liker handelsmenn Vue butikkfront? Har den virkelig de funksjonene som kan presse bedriften din til neste nivå?

La meg svare på det ved å gå gjennom forskjellige Vue Storefront-attributter.

Vue Storefront Review - Hovedfunksjoner

Brukererfaring

Første ting først. Tatt i betraktning brukeropplevelse er hovedfokuset her, hvordan fungerer ytelsen til Vue Storefront nøyaktig?

En ting du kan forvente fra Vue Storefront er å bryte enhetsbarrieren. Siden det er en webapplikasjon, bør du kunne starte og kjøre den på hvilken som helst enhet. Det betyr at Vue Storefront eliminerer utfordringen med å utvikle flere native applikasjoner for hvert enhets OS.

Et annet problem du kan løse via Vue Storefront, er bulkens innfødte apper. Android-, iOS- og PC-appene blir tyngre for dagen med hver nye funksjon utviklere introduserer. Derfor er appoppdateringer beryktet for å ta mer minneplass.

Med Vue Storefront er det imidlertid nesten som om vi har gått tilbake til en alder av Symbian-apper. Den bruker mye mindre data sammenlignet med innfødte apper.

Og det beste er at butikkens kunde ikke trenger å laste ned noe. De kan få tilgang til den opprinnelige opplevelsen direkte gjennom nettleserne.

Faktisk trenger de ikke engang å gå online. Vue butikkfront lar dem handle komfortabelt selv om enhetene deres er frakoblet.

Så får du dette. Selv om netthandelen din ender opp med å oppføre seg som en egen app, anser Google det fortsatt som et nettsted. Så selvfølgelig vil nettbutikken din indekseres tilsvarende, akkurat som andre vanlige nettsteder.

Og her er tingen. Sjansen er stor for at nettstedet ditt vil ha en enorm rangeringsfordel av andre vanlige, fordi Google har en tendens til å favorisere nettsteder med rask lastehastighet. I tillegg er det verdt å merke seg at søkemotorer i økende grad bytter til indeksering fra mobile enheter.

Når vi snakker om det, betyr en stor lastetid mer trafikk. Nå har du sannsynligvis lagt merke til at dårlige lastehastigheter på nettsiden utløser høye avvisningsrater siden internettforbrukere hater å vente. Derfor, med økt trafikkflyt, bør du kunne forbedre den totale konverteringsfrekvensen over lang tid.

En annen taktikk du kan bruke for å øke det enda lenger, er å sende pushvarsler. Vue Storefront lar deg holde potensielle kunder opptatt ved å kommunisere med dem via push-meldinger. Du kan dra nytte av det for å kjøre kampanjer i tillegg til å selge og selge forskjellige produkter.

Komme i gang

Teamet bak Vue Storefront begynte tilsynelatende med Magento fordi det er en av de største netthandelsplattformene i verden i dag. I tillegg er det et åpent kildesystem som kombinerer gode funksjoner med ubegrenset fleksibilitet. Derfor blir faktisk bedrifter og bedrifter overordentlig med i Magento vogn.

Hvis du er en av de mange, kan du komme i gang med en gang ved å dra nytte av Vue Storefront's Magento applikasjon. Prosessen er imidlertid ikke så enkel som du kan forestille deg.

Først må du stole på workshops for å planlegge prosjektet ditt deretter. Det betyr å spesifisere ikke bare prosjektomfanget ditt, men også det tilsvarende budsjettet og tiden.

Så er neste et bevis på konseptet, og målet er å bekrefte effekten Vue Storefront vil gjøre for bedriftene dine. Følgelig kan det hende du må kjøre et kort eksempel på Vue butikkfront rammeverk mens du gjennomfører forskjellige brukeropplevelsestester.

Det alene kan vise seg å være ganske nyttig når du trenger å overbevise interessenter om å investere i appen. I tillegg får du også sjansen til å ta informerte beslutninger om den kommende utrullingen basert på hvordan brukere reagerer på den nye butikkversjonen.

Alt i alt bør konseptbeviset ta deg noen uker - kanskje 4-6 på det meste. Deretter kan du bruke dataene du har samlet, og fortsette å implementere en full PWA-versjon av nettstedet ditt med e-handel ved å bruke Vue Storefront. Og når tiden går, kan du gradvis jobbe med den underliggende åpen kildekoden for å samkjøre virksomheten din med de stadig skiftende behovene i markedet.

komponenter

Vue butikkfront leveres med to forskjellige komponenttyper.

I stiftelsen har vi Kjernekomponenter. De er bygget på grunnleggende forretningsstrukturer i typiske nettbutikker. Så på en måte sparer de deg problemer med å lage alt fra bunnen av.

Når det er sagt, kan kjernekomponentene bli adoptert av nettstedstemaene dine. Alt som trengs er ganske enkelt å style og definere den tilhørende HTML-merkingen.

Og mens du er inne på det, vil du merke at hver kjernekomponent tilbyr et distinkt grensesnitt, som du enkelt kan omarbeide gjennom temaet ditt.

Vel, hvis du er klar for oppgaven, bør du finne kjernekomponentene i hver moduls komponentmappe. Så når du gjør det, bruker du dem på temaene dine som mixins.

Når jeg snakker om det, vil jeg satse på at du sikkert har gjettet den andre typen komponenter allerede. Og ja, du har rett. De er Temakomponenter, som representerer front-end-oppsettet som du til slutt viser på appen.

Selv om du kan plassere dine egne spesialiserte komponenter i et tema, er den enkleste metoden å anvende forretningslogikk alltid å utnytte kjernekomponentene.

Storefront-temaer

Selv om Vue Storefront fortsetter å benytte forhåndsdesignede temaer, trenger du ikke å bruke dem i det hele tatt. I stedet kan du lage dine egne netthandeltemaer, og deretter kombinere dem med appens kjernevirksomhetslogikk for en komplett e-handelsopplevelse.

Men du trenger HTML- og CSS-ferdigheter for å oppnå det. Eller alternativt kan du bare ansette en erfaren utvikler for å håndtere hele prosessen. Med Vue Storefront kan du til og med tilpasse kjernekomponentene ytterligere hvis du trenger det.

Kom til å tenke på det, men å bygge ditt eget tema fra bunnen av virker som en tungvint prosess. I tillegg, Vue butikkfront kommer med sine egne solide temaer i src / temaer mappe.

Den siste Tema 2.0, for eksempel, er opprettet med Google UX Retail Playbook. Dette betyr en god optimalisert brukeropplevelse. Men det er ikke alt. Siden det er dynamisk fleksibelt, kan du finjustere det på mange forskjellige måter for å lage din egen spesialiserte design.

E-handelsfunksjoner

Her er noen av e-handelsfunksjonene du finner på Vue Storefront:

• Kataloglesing
• Produktlesing
• Support for katalogadministrasjon
• Kundekontoer
• Kundeservice
• Ordrebehandling
• Markedsføring kampanjer
• Analytics og rapportering
• Search Engine Optimization
• Kasse, betaling og frakt

Vue Storefront Review - Priser

Anskaffelse Vue butikkfront vil ikke koste deg noe. Ikke engang en krone. Kostnadene starter først å hoper seg opp når det gjelder de påfølgende tilpasningstrinnene.

Med mindre du har erfaring med koding, vil du bli tvunget til å ansette et team av utviklere for å integrere Vue Storefront med e-handelsområdet ditt, samt justere kjernekomponenter og temaer.

Hvem bør vurdere å bruke Vue Storefront? 

Det er ingen tvil om at Vue Storefront er et revolusjonerende verktøy for å forbedre kundens brukeropplevelse. Og med tanke på at det er en åpen kildekode Progressive Web Application, er den tilgjengelig for alle gratis.

Problemet med Vue Storefront er imidlertid implementeringsprosessen. Å legge inn applikasjonen på e-handelsområdet ditt er en teknisk kompleks prosess som krever kraftig koding. Det er absolutt ikke noe du kan administrere uten kodingsferdigheter.

Men det er ingenting i forhold til fordelene med PWAer. Vue Storefront er verdt innsatsen. Så du kan vurdere å ansette en erfaren utvikler for å utføre det deretter. Dessuten gjør Headless-arkitekturen det til et fleksibelt program som kan bygges inn med hvilken som helst e-handelsplattformstøtte.

Alt i alt derfor Vue butikkfront er for alle typer online virksomheter og bedrifter. Så lenge du driver med et e-handelssted, er denne Progressive Web-appen verdt å vurdere om du vil forbedre den generelle kundeopplevelsen din.

Det er en ren helsefaktura fra oss her på ecommerce-platforms.com. Nå, over til deg - hva er tankene dine?