Vue Storefront Review - Allt du behöver veta

Om du prenumererar på en tjänst från en länk på den här sidan kan Reeves and Sons Limited tjäna en provision. Se vår etik uttalande.

Framtiden är här!

Ok, släpp allt en stund och lyssna på det här. Föreställ dig en gratis e-handelsapplikation som drastiskt kan förbättra din onlinebutiks användarupplevelse och SEO-rankning också. A revolutionärt system som är så flexibelt att det bekvämt kan köras på vilken e-handelsbackend som helst.

Lite av en sträcka, tror du?

Ja, jag vet hur det låter eftersom jag har varit där också. Tja, åtminstone tills jag slutligen testade den här galna saken de kallar Progressive Web Apps, eller PWA i korthet.

Det finns nu goda skäl till att företagen i allt högre grad förälskar sig i PWA. Jag ska avslöja dem alla inom kort. Låt mig dock för tillfället introducera en specifik applikation som hjälper dig att förstå hela konceptet att utnyttja PWA.

Har du någonsin hört talas om Vue Storefront?

Det är en ny e-handel applikation okej, men dess arkitektur är inget nära det vi redan är vana vid. Och här är affären - Vue Storefront råkar vara den största och mest kompletta PWA hittills.

Men vad betyder det för e-handel?

Denna Vue skyltfönster granskning avslöjar allt du behöver veta - vad är det som en progressiv webbapplikation är, hur Vue Storefront är ansluten till allt detta, naturligtvis dess tillhörande e-handelsfunktioner och funktioner.

Vad är en progressiv webbapp? 

Kom ihåg när vi sa mobil är knappt igång? Det visar sig att vi har haft rätt hela tiden. Och här är beviset.

Mobil kom först och sedan introducerade vi oss för mobilappar. Sedan med tiden började apparna att slås samman med PC och webbplattformar när utvecklarna fortsatte att förbättra användarupplevelsen för att göra det mer sömlöst.

Ökade framsteg inom alla dessa områden har nu drivit oss till gränsen till verkligt revolutjonär e-handel. Så, med andra ord, välkommen till PWAs ålder.

Nu erbjuder en progressiv webbapp det bästa från båda världar - webb- och mobilappar. Mer specifikt är en PWA byggd på typiska webbteknologier, med några av de senaste javascriptfunktionerna som smaksättning. Slutresultatet är en webbapplikation vars övergripande intuitivitet liknar en inbyggd iOS- eller Android-app.

Ta en titt på detta Starbucks webbplats. Lägg märke till något ovanligt udda jämfört med vanliga webbplatser? Prova nu att ladda den igen men från din mobiltelefon.

Det uppträder till synes som en inbyggd app, eller hur? Slät, sömlös och förvånansvärt snabb. Det är just PWA: s kraft.

Och hur är detta relevant för e-handel?

Tänk på detta. Progressiva webbappar har vanligtvis data om användarenheter och nedladdade filer i en cache. Det betyder väsentligen att data utnyttjas omedelbart så fort förfrågningar tas upp från enheten.

Och den bästa delen? Du kan satsa att sidbelastning alltid är supersnabb, även när du har extremt långsamma internethastigheter.

Hela ramverket underlättas av en servicearbetare, som i princip fungerar som en bro mellan servern och appen. För att bearbeta en begäran utnyttjar den därför data som redan fanns i enhetens cache samtidigt som du synkroniserar allt med motsvarande serverdata.

Sedan på grund av en enkel JSON-fil känd som Web App-manifest, Progressiva webbappar visar normalt helskärm för att ge en ständigt uppslukande upplevelse. Denna lilla funktion interagerar i huvudsak med din webbläsare och riktar den till att visa webbapplikationen genom samma gränssnitt som smartphone-appar.

Och det är inte allt. Cache-servicearbetarna i kombination med Push-API: er och avancerad webbläsarteknik har gjort det möjligt att installera PWA: er direkt på din enhets hemskärm. Följaktligen kan du använda den även efter att din enhet har offline. Utöver detta kan PWA: er också få meddelanden om push.

Gissa vad? Google har varit i spetsen för Progressive Web Apps från början, tillsammans med Mozilla plus Microsoft.

Och efter att ha testat hela saken på flera projekt om och om igen är det detta som de kom fram till om Progressive Web Apps:

  • De är pålitliga- PWA: er är kapabla att ladda extremt snabbt även under dåliga nätverksförhållanden tack vare deras servicearbetare som förcachar kritiska resurser.
  • De är snabba - PWA är beundransvärt responsive när du interagerar med dem. De upprätthåller konsekvent skarpa animationer och smidig rullning.
  • De är engagerande -Användarupplevelsen här är utan tvekan ganska uppslukande. PWA: s uppför sig som inbyggda mobilappar i webbläsaren, och de kan enkelt inbäddas på din hemskärm. Dessutom kan du alltid skicka push-aviseringar om du behöver engagera användare som kör dina PWA: er.

Ett företag som har sett dessa fördelar från första hand är Tinder. Tidigare var deras genomsnittliga apphastighet 11.91 sekunder. Men efter att ha introducerat en PWA-version som råkade vara 90% lättare än deras ursprungliga Android-app minskade laddningstiden avsevärt. Och som ett resultat ökade deras användarengagemangsnivåer ganska markant.

Om det inte övertygar dig, kanske Übers berättelsen kommer. Genom att utnyttja kraften från PWA: er kunde företaget komma med en app som har stora laddningshastigheter även på 2G. Och dess motsvarande lasttid? Tja, deras 50 kg PWA lyckas konsekvent att ladda på mindre än 3 sekunder.

Nu har vi knappt skrapat ytan här. Det finns många fler framgångshistorier från ett brett utbud av märken. Allt tack vare revolutionära funktioner hos progressiva webbappar.

Som sagt, låt oss nu gå till den praktiska biten.

Så vad är exakt Vue skyltfönster?

Vue Storefront Review - Översikt

Vue Storefront, till att börja med, är en open-source progressiv webbapplikation utvecklad för online-företag. Dess huvudsakliga mål är att hjälpa digitala köpmän och företag att öka sina kundupplevelsesnivåer.

Tack och lov behöver du inte ett specialiserat e-handelssystem för att använda Vue Storefront. Eftersom hela ramen är byggd med Headless-arkitektur bör du kunna skapa din egen backend-integration. Det betyder kort sagt Vue Storefront är en holistiskt flexibel applikation som kan integreras med varje e-handelsplattform för att fungera som en front-end.

Hittills har dess utvecklare integrerat det med Magento, Spree Commerce, Sylius och Shopify, Vue Storefront Core Team, i nära samarbete med Shopware Team, utvecklade den ursprungliga Shopware PWA-integrationen, och Vue Storefront blir en avgörande del av commercetools Accelerator som en rekommenderad öppen källkod för kommersiella tjänster och medlemmen av MACH Alliance - gruppen av teknikföretag grundade av commercetools, Contentstack, EPAM Systems och Valtech - för att sprida kunskap om potentialen i huvudlös teknologi.

Och med tanke på att det stöds av mer än 70 officiella partners, mer än 100 levande projekt ett omfattande samhälle på mer än 3000 utvecklare kan du förvänta dig att ytterligare integrationer kommer att lanseras mycket snart. Verkar som att Vue Storefront bara kommer igång.

Men än en gång, medan deras innovationsgrad är prisvärt, behöver du inte vänta på att Vue Storefronts team kommer med en integration för din nuvarande e-handelsplattform. Denna PWA är grundläggande kodad Vue.js, och det förlitar sig Elasticsearch för sin databas, såväl som Node.js när det gäller server-API.

Om du är en erfaren utvecklare, antar jag att du redan kan säga att det inte bör vara en utmaning att inrätta en ny front-end. Men vid svårigheter, Vue skyltfönster levereras med flera handledning och omfattande supportdokumentation. Du kan använda allt detta för att ta reda på hur du justerar dess öppen källkod.

Om det låter som något du vill göra är Vue Storefront tillgängligt på GitHub. Och intressant nog har den hittills lockat mer än 7,000 stjärnor på plattformen.

Okej, inte illa alls. Men vad exakt gillar köpmän på Vue skyltfönster? Har det verkligen de funktioner som kan driva ditt företag till nästa nivå?

Låt mig svara det genom att gå igenom olika Vue Storefronts attribut.

Vue Storefront Review - Huvudfunktioner

Användarupplevelse

Första saker först. Att tänka på användarupplevelse är det huvudsakliga fokuset här, hur exakt fungerar Vue Storefronts gränssnitt?

Nåväl, du kan förvänta dig av Vue Storefront är att bryta enhetsbarriären. Eftersom det är en webbapplikation bör du kunna starta och köra den på alla enheter. Det betyder att Vue Storefront eliminerar utmaningen att utveckla flera inbyggda applikationer för varje enhets OS.

Ett annat problem du kan lösa via Vue Storefront är volymen av inbyggda appar. Android-, iOS- och PC-apparna blir tyngre för varje dag som alla nya funktioner utvecklare introducerar. Därför är appuppdateringar notoriskt kända för att ta upp mer minne.

Men med Vue Storefront är det nästan som om vi har gått tillbaka till åldern för Symbian-appar. Den använder mycket mindre data jämfört med inbyggda appar.

Och det bästa är att din butiks kund inte behöver ladda ner någonting. De kan komma åt den ursprungliga upplevelsen direkt via sina webbläsare.

I själva verket behöver de inte ens gå online. Vue skyltfönster gör att de kan handla bekvämt även om deras enheter är offline.

Skaffa det här. Även om din e-handelswebbplats slutar uppträda som en egen app, anser Google fortfarande att det är en webbplats. Så naturligtvis kommer din webbutik att indexeras i enlighet därmed, precis som andra vanliga webbplatser.

Och här är saken. Chansen är stor att din webbplats kommer att ha en enorm rankingfördel av andra vanliga, eftersom Google tenderar att gynna webbplatser med snabba laddningshastigheter. Dessutom är det värt att notera att sökmotorerna i allt högre grad byter till indexering av mobil först.

Om vi ​​talar om det innebär en stor laddningstid mer trafik. Nu har du antagligen lagt märke till att dåliga laddningshastigheter på webbsidan utlöser höga avvisningsfrekvenser eftersom internetkonsumenter hatar att vänta. Med ökat trafikflöde bör du därför kunna förbättra din totala konverteringsfrekvens på lång sikt.

En annan taktik du kan använda för att öka den ännu mer är att skicka push-aviseringar. Med Vue Storefront kan du hålla dina leads engagerade genom att kommunicera med dem via pushmeddelanden. Du kan dra nytta av det för att köra kampanjer samt korsförsäljning och uppsäljning av olika produkter.

Komma igång

Teamet bakom Vue Storefront började till synes med Magento eftersom det är en av de största e-handelsplattformarna i världen idag. Dessutom är det ett öppen källkodssystem som kombinerar fantastiska funktioner med obegränsad flexibilitet. Därför ansluter sig faktiskt företag och företag mycket Magento tåget.

Om du är en av många kan du komma igång direkt med hjälp av Vue Storefront's Magento Ansökan. Processen är dock inte så enkel som du kan föreställa dig.

Till att börja med måste du lita på workshops för att planera ditt projekt i enlighet därmed. Det betyder att du inte bara anger ditt projektomfång, utan också motsvarande budget och tid.

Därefter är beviset på konceptet och dess mål är att bekräfta påverkan Vue Storefront kommer att göra på dina företag. Följaktligen kan du behöva köra en kort instans av Vue skyltfönster ramverk medan du utför olika användarupplevelsestester.

Det enbart kan visa sig vara ganska praktiskt när du behöver övertyga intressenter att investera i appen. Dessutom får du också chansen att fatta välgrundade beslut om den kommande lanseringen baserat på hur användare svarar på den nya butiksversionen.

Sammantaget borde bevisbegreppet ta dig några veckor - kanske 4-6 som mest. Sedan kan du använda de data du har samlat in och fortsätta att implementera en fullständig PWA-version av din e-handelswebbplats med Vue Storefront. Och när tiden går kan du gradvis arbeta med den underliggande open source-koden för att anpassa ditt företag till de ständigt föränderliga marknadsbehoven.

Komponenter

Vue skyltfönster levereras med två olika komponenttyper.

Vid grunden har vi Kärnkomponenter. De är byggda baserade på de grundläggande affärsstrukturerna i typiska onlinebutiker. Så på ett sätt sparar de dig besväret med att skapa allt från grunden.

Som sagt, kan kärnkomponenterna antas av dina webbplatsteman. Allt som krävs är helt enkelt att utforma och definiera den medföljande HTML-markeringen.

Och medan du är på det kommer du att märka att varje kärnkomponent erbjuder ett distinkt gränssnitt som du enkelt kan omarbeta genom ditt tema.

Tja, om du är redo för uppgiften, bör du hitta kärnkomponenterna i varje moduls komponentmapp. När du gör det, applicera dem sedan på dina teman som mixins.

Om jag talar om det, jag slår vad om att du antagligen har gissat den andra typen av komponenter redan. Och ja, du har rätt. Dom är Temakomponenter, som representerar den front-end layout som du slutligen visar i appen.

Medan du kan placera dina egna specialkomponenter inom ett tema, är den enklaste metoden att tillämpa affärslogik alltid att utnyttja kärnkomponenterna.

Storefront-teman

Även om Vue Storefront fortsätter att använda fördesignade teman, behöver du inte använda dem alls. Istället kan du skapa dina egna e-handelsteman och sedan kombinera dem med appens kärnverksamhetslogik för en komplett e-handelsupplevelse.

Men du behöver HTML- och CSS-färdigheter för att uppnå det. Eller alternativt, helt enkelt anställa en erfaren utvecklare för att hantera hela processen. Med Vue Storefront kan du till och med anpassa sina kärnkomponenter ytterligare om du behöver.

Låt oss tänka på det, men att bygga ditt eget tema från grunden verkar vara en besvärlig process. Förutom, Vue skyltfönster kommer med sina egna solida teman i src / themes mapp.

vue storefront teman

Den senaste Tema 2.0, till exempel har skapats med Google UX detaljhandelsbok. Det innebär en väloptimerad användarupplevelse. Men det är inte allt. Eftersom det är dynamiskt flexibelt kan du finjustera det på många olika sätt för att skapa din egen specialiserade design.

E-handel funktioner

Här är några av de e-handelsfunktioner du hittar på Vue Storefront:

  • Katalogsökning
  • Produktbläddring
  • Support för kataloghantering
  • Kundkonton
  • Kundservice
  • Orderhantering
  • Marknadsföringskampanjer
  • Analys och rapportering
  • Sökmotoroptimering
  • Kassa, betalning och frakt

Vue Storefront Review - Prissättning

förvärva Vue skyltfönster kostar dig ingenting. Inte ens en krona. Kostnaderna börjar bara staplas när det gäller de efterföljande anpassningsstegen.

Såvida du inte har erfarenhet av kodning, kommer du att tvingas anställa ett team av utvecklare för att integrera Vue Storefront med din e-handelssajt, samt justera dess kärnkomponenter och teman.

Vem ska överväga att använda Vue Storefront? 

Det går inte att förneka att Vue Storefront är en revolutionärt verktyg för att förbättra din kunds användarupplevelse. Och med tanke på att det är en progressiv webbapplikation med öppen källkod är den tillgänglig för alla gratis.

Problemet med Vue Storefront är emellertid implementeringsprocessen. Bädda in applikationen med din e-handelssajt är en tekniskt komplex process som kräver tung kodning. Det är verkligen inte något du kan hantera utan kodningsfärdigheter.

Men det är inget jämfört med fördelarna med PWA: er. Vue Storefront är värt ansträngningen. Så du kan överväga att anställa en erfaren utvecklare för att utföra det i enlighet därmed. Dessutom gör Headless-arkitekturen det till en flexibel applikation som kan bäddas in med alla e-handelsplattformsbackend.

Allt som allt därför Vue skyltfönster är för alla typer av online-företag och företag. Så länge du driver en e-handelssajt är denna Progressive Web-app värd att överväga om du vill förbättra din totala kundupplevelse.

Det är en ren hälsokost från oss här på ecommerce-platforms.com. Nu, över till dig - vad är dina tankar?

Davis Porter

Davis Porter är en B2B- och B2C-e-handelsundersökare som är särskilt besatt av digitala försäljningsplattformar, onlinemarknadsföring, värdlösningar, webbdesign, molnteknologi samt programvara för hantering av kundrelationer. När han inte testar olika applikationer hittar du förmodligen honom som bygger en webbplats eller hejar Arsenal FC på.

Kommentarer 0 Responses

Kommentera uppropet

E-postadressen publiceras inte. Obligatoriska fält är markerade *

Betyg *

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.