Recensione di Vue Storefront – Tutto quello che c'è da sapere

Il futuro è qui!

Ok, lasciamo perdere tutto per un momento e ascoltiamo questo. Immagina un'applicazione di e-commerce gratuita che potrebbe migliorare drasticamente l'esperienza utente del tuo negozio online e anche il posizionamento SEO. Un sistema rivoluzionario che è così flessibile che può funzionare comodamente su qualsiasi backend di e-commerce.

Un po 'di allungamento, pensi?

Sì, so come suona perché ci sono stato anche io. Bene, almeno fino a quando alla fine non ho provato questa cosa folle che chiamano Progressive Web Apps, o PWA in breve.

Ora, ci sono buone ragioni per cui le aziende si innamorano sempre più di PWA. Li rivelerò presto. Per ora, però, permettimi di presentare un'applicazione specifica che ti aiuterà a comprendere l'intero concetto di sfruttamento della PWA.

Hai mai sentito parlare di Vue Storefront?

Va bene una nuova applicazione di e-commerce, ma la sua architettura non è nulla a cui siamo già abituati. Ed ecco l'affare: Vue Storefront sembra essere il PWA più grande e completo finora.

Ma cosa significa questo per l'e-commerce?

Si Vue Storefront recensione rivela tutto ciò che devi sapere: che diamine è un'applicazione web progressiva, come Vue Storefront è collegato a tutto ciò, oltre ovviamente alle sue funzionalità e funzionalità di e-commerce.

Che cos'è un'app Web progressiva? 

Ricorda quando abbiamo detto il cellulare sta appena iniziando? Si scopre che abbiamo sempre avuto ragione. Ed ecco la prova.

Il mobile è arrivato per primo e successivamente ci ha fatto conoscere le app mobili. Quindi, con il tempo, le app hanno iniziato a fondersi con PC e piattaforme Web mentre gli sviluppatori continuavano a migliorare l'esperienza utente per renderla più fluida.

I progressi crescenti in tutte queste aree ci hanno ormai spinto sull'orlo di un e-commerce veramente rivoluzionario. Quindi, in altre parole, benvenuti nell'era delle PWA.

Ora, un'app Web progressiva offre il meglio di entrambi i mondi: web e app mobili. Più specificamente, un PWA è basato su tecnologie Web tipiche, con alcune delle più recenti funzionalità javascript che fungono da condimento. Il risultato finale è un'applicazione Web la cui intuitività generale ricorda da vicino un'app nativa per iOS o Android.

Dare un'occhiata a questo Starbucks site. Notate qualcosa di insolitamente strano rispetto ai normali siti Web? Ora prova a caricarlo di nuovo ma dal tuo telefono cellulare.

Apparentemente si comporta come un'app nativa, giusto? Morbido, senza soluzione di continuità e sorprendentemente veloce. Bene, proprio lì c'è il potere di PWA.

E in che modo è rilevante per l'e-commerce?

Bene, considera questo. Le app Web progressive di solito contengono i dati dei dispositivi degli utenti e i file scaricati in una cache. Ciò significa essenzialmente che i dati vengono utilizzati istantaneamente non appena vengono sollevate richieste dal dispositivo.

E la parte migliore? Puoi scommettere che il caricamento della pagina è sempre superveloce, anche quando hai a che fare con velocità Internet estremamente lente.

L'intero framework è facilitato da un addetto all'assistenza, che sostanzialmente funge da ponte tra il server e l'app. Per elaborare una richiesta, pertanto, utilizza i dati che erano già presenti nella cache del dispositivo sincronizzando contemporaneamente tutto con i dati del server corrispondenti.

Quindi a causa di un semplice file JSON noto come Manifest app Web, Le app Web progressive normalmente vengono visualizzate a schermo intero per offrire un'esperienza persistentemente coinvolgente. Questa piccola funzione interagisce essenzialmente con il tuo browser e lo dirige a visualizzare l'applicazione Web attraverso la stessa interfaccia delle app per smartphone.

E non è tutto. I lavoratori del servizio cache combinati con le API Push e la tecnologia avanzata del browser hanno reso possibile l'installazione di PWA direttamente nella schermata principale del dispositivo. Di conseguenza, puoi procedere ad usarlo anche dopo che il tuo dispositivo è offline. Inoltre, i PWA possono anche ricevere notifiche push.

Ora, indovina un po '? Google è stato in prima linea nelle Progressive Web Apps sin dall'inizio, insieme a Mozilla e Microsoft.

E dopo aver testato il tutto su numerosi progetti più e più volte, questo è ciò che hanno concluso sulle Progressive Web App:

• Sono affidabili- Le PWA sono in grado di caricare in modo estremamente rapido anche in condizioni di rete scarse, grazie al pre-caching dei loro addetti all'assistenza delle risorse critiche.
• Sono veloci - Le PWA sono ammirevoli responsive quando interagisci con loro. Mantengono costantemente animazioni nitide e scorrimento fluido.
• Stanno coinvolgendo -L'esperienza dell'utente qui è, senza dubbio, abbastanza coinvolgente. Le PWA si comportano come app mobili native sul browser e possono essere facilmente incorporate nella schermata principale. Inoltre, se devi coinvolgere nuovamente gli utenti che eseguono i tuoi PWA, puoi sempre inviare notifiche push.

Una società che ha visto questi benefici in prima persona è Esca. In precedenza, il loro tempo medio di caricamento delle app era di 11.91 secondi. Ma, dopo aver introdotto una versione PWA che risultava essere 90% più leggera della loro app Android nativa, il tempo di caricamento è diminuito considerevolmente. Di conseguenza, i livelli di coinvolgimento degli utenti sono aumentati in modo significativo.

Se ciò non ti convince, forse ubers' la storia lo farà. Sfruttando la potenza dei PWA, l'azienda è stata in grado di realizzare un'app che ha grandi velocità di caricamento anche su 2G. E il suo tempo di caricamento corrispondente? Bene, il loro PWA 50kb riesce costantemente a caricarsi in meno di 3 secondi.

Ora, abbiamo appena graffiato la superficie qui. Ce ne sono molti altri storie di successo da una vasta gamma di marchi. Tutto grazie alle capacità rivoluzionarie delle Progressive Web App.

Detto questo, passiamo ora alla parte pratica.

Quindi, cos'è esattamente Vue Storefront?

Recensione Vue Storefront - Panoramica

Vue Storefront, per cominciare, è un'applicazione Web progressiva open source sviluppata per le aziende online. Il suo obiettivo principale è aiutare i commercianti e le imprese digitali a migliorare i livelli di esperienza dei clienti.

Per fortuna, non è necessario un sistema di e-commerce specializzato per utilizzare Vue Storefront. Poiché il suo intero framework è realizzato utilizzando l'architettura Headless, dovresti essere in grado di impostare la tua integrazione back-end. Questo, in breve, significa che Vue Storefront è un'applicazione olisticamente flessibile in grado di integrarsi con qualsiasi piattaforma di e-commerce per fungere da front-end.

Finora, i suoi sviluppatori l'hanno integrato con Magento, Spree Commerce, Sylius e Shopify, Vue Storefront Core Team, in stretta collaborazione con Shopware Team, ha sviluppato l'integrazione nativa Shopware PWA e Vue Storefront diventa una parte cruciale di commercetools Accelerator come frontend open source consigliato per commercetools e membro di MACH Alliance, il gruppo di società tecnologiche fondate da commercetools, Contentstack, EPAM Systems e Valtech, per diffondere la conoscenza del potenziale della tecnologia headless.

E considerando che è supportato da più di 70 partner ufficiali, più di 100 progetti live una vasta comunità di più di 3000 sviluppatori, puoi aspettarti che ulteriori integrazioni vengano implementate molto presto. Sembra che Vue Storefront sia solo all'inizio.

Ma ancora una volta, mentre il loro tasso di innovazione è encomiabile, non devi aspettare che il team di Vue Storefront trovi un'integrazione per la tua attuale piattaforma di e-commerce. Questo PWA è fondamentalmente codificato Vue.js, e si basa su elasticsearch per il suo database, nonché Node.js quando si tratta dell'API del server.

Se sei uno sviluppatore esperto, quindi, immagino che tu possa già dire che la creazione di un nuovo front-end non dovrebbe essere affatto una sfida. Ma, in caso di difficoltà, Vue Storefront viene fornito con tutorial multipli e documentazione di supporto completa. Puoi usare tutto ciò per capire come modificare il suo codice open source.

Se sembra qualcosa che vorresti fare, Vue Storefront è accessibile su GitHub. E, cosa interessante, finora ha attirato più di 7,000 stelle sulla piattaforma.

Ok, niente male. Ma cosa stanno godendo esattamente i commercianti Vue Storefront? Ha davvero le funzionalità che potrebbero spingere la tua azienda al livello successivo?

Mi permetta di rispondere a ciò guidandoti attraverso i vari attributi di Vue Storefront.

Vue Storefront Review - Caratteristiche principali

Esperienza da Utente

Cominciando dall'inizio. Considerando che l'esperienza dell'utente è l'obiettivo principale qui, come si comporta esattamente l'interfaccia di Vue Storefront?

Bene, una cosa che puoi aspettarti da Vue Storefront è rompere la barriera del dispositivo. Dal momento che è un'applicazione web, dovresti essere in grado di avviarlo ed eseguirlo su qualsiasi dispositivo. Ciò significa che Vue Storefront elimina la sfida di sviluppare più applicazioni native per ciascun sistema operativo del dispositivo.

Un altro problema che puoi risolvere tramite Vue Storefront è la voluminosità delle app native. Le app Android, iOS e PC stanno diventando sempre più pesanti di giorno in giorno con l'introduzione di tutte le nuove funzionalità sviluppate dagli sviluppatori. Ecco perché gli aggiornamenti delle app sono notoriamente famosi per occupare più spazio di memoria.

Con Vue Storefront, tuttavia, è quasi come se fossimo tornati all'era delle app Symbian. Utilizza molti meno dati rispetto alle app native.

E la parte migliore è che il cliente del tuo negozio non ha bisogno di scaricare nulla. Possono accedere all'esperienza nativa direttamente tramite i loro browser Web.

È un dato di fatto, non devono nemmeno andare online. Vue Storefront consente loro di fare acquisti comodamente anche quando i loro dispositivi sono offline.

Quindi prendi questo. Sebbene il tuo sito di e-commerce finisca per comportarsi come un'app nativa, Google lo considera comunque un sito Web. Quindi, ovviamente, il tuo negozio online verrà indicizzato di conseguenza, proprio come altri siti regolari.

Ed ecco la cosa. È probabile che il tuo sito avrà un enorme vantaggio in classifica rispetto ad altri regolari, perché Google tende a favorire i siti Web con velocità di caricamento elevate. Inoltre, vale la pena notare che i motori di ricerca stanno passando sempre più all'indicizzazione mobile-first.

A proposito, un ottimo tempo di caricamento significa più traffico. Ormai avrai probabilmente notato che le scarse velocità di caricamento delle pagine web innescano alte frequenze di rimbalzo poiché i consumatori di Internet odiano aspettare. Pertanto, con un aumento del flusso di traffico, dovresti essere in grado di migliorare il tuo tasso di conversione complessivo nel lungo periodo.

Un'altra tattica che potresti utilizzare per potenziare ulteriormente è l'invio di notifiche push. Vue Storefront ti consente di mantenere impegnati i tuoi contatti comunicando con loro tramite messaggi push. Puoi approfittare di questo per lanciare promozioni e cross-sell e up-sell di vari prodotti.

Iniziamo

Il team dietro Vue Storefront apparentemente ha iniziato con Magento perché oggi è una delle più grandi piattaforme di e-commerce al mondo. Inoltre, è un sistema open source che combina grandi funzionalità con flessibilità illimitata. Ecco perché, in effetti, le imprese e le imprese stanno aderendo in modo straordinario al Magento carrozzone.

Se sei uno dei tanti, puoi iniziare subito approfittando di Vue Storefront Magento applicazione. Il processo, tuttavia, non è così semplice come potresti immaginare.

All'inizio, devi fare affidamento su seminari per pianificare il tuo progetto di conseguenza. Ciò significa specificare non solo l'ambito del progetto, ma anche il budget e il tempo corrispondenti.

La prossima è la prova del concetto e il suo obiettivo è confermare l'impatto che Vue Storefront avrà sulle vostre attività. Di conseguenza, potrebbe essere necessario eseguire una breve istanza di Vue Storefront framework durante l'esecuzione di vari test di esperienza utente.

Questo da solo potrebbe rivelarsi molto utile quando devi convincere le parti interessate a investire nell'app. Inoltre, avrai anche la possibilità di prendere decisioni informate sull'imminente lancio in base al modo in cui gli utenti rispondono alla nuova versione del negozio.

Tutto sommato, la prova del concetto dovrebbe durare alcune settimane, forse 4-6 al massimo. Quindi, utilizzando i dati raccolti, puoi procedere con l'implementazione di una versione PWA completa del tuo sito di e-commerce utilizzando Vue Storefront. E, con il passare del tempo, puoi gradualmente lavorare sul codice open source sottostante per allineare la tua azienda alle mutevoli esigenze del mercato.

Componenti

Vue Storefront viene fornito con due diversi tipi di componenti.

Alla base, abbiamo il Componenti principali. Sono costruiti sulla base delle strutture commerciali fondamentali dei tipici negozi online. Quindi, in un certo senso, ti risparmiano il problema di creare tutto da zero.

Detto questo, i componenti principali possono essere adottati dai temi del tuo sito. Tutto ciò che serve è semplicemente lo stile e la definizione del markup HTML di accompagnamento.

E mentre ci sei, noterai che ogni componente principale offre un'interfaccia distinta, che puoi facilmente rielaborare attraverso il tuo tema.

Bene, se sei pronto per l'attività, dovresti trovare i componenti principali nella cartella dei componenti di ogni modulo. Quindi, una volta fatto, applicali ai tuoi temi come mixin.

A proposito, scommetto che probabilmente hai già indovinato il secondo tipo di componenti. E sì, hai ragione. Loro sono Componenti del tema, che rappresentano il layout front-end che alla fine visualizzi sull'app.

Sebbene sia possibile posizionare i propri componenti specializzati all'interno di un tema, il metodo più semplice per applicare la logica aziendale è sempre sfruttare i componenti principali.

Temi Storefront

Sebbene Vue Storefront continui ad avvalersi di temi pre-progettati, non è necessario utilizzarli affatto. Puoi invece creare i tuoi temi di e-commerce e quindi combinarli con la logica di business principale dell'app per un'esperienza di e-commerce completa.

Ma per raggiungere questo obiettivo avrai bisogno di competenze HTML e CSS. In alternativa, è sufficiente assumere uno sviluppatore esperto per gestire l'intero processo. Vue Storefront ti consente persino di personalizzare ulteriormente i suoi componenti principali, se necessario.

Pensaci, tuttavia, costruire il tuo tema da zero sembra un processo ingombrante. Oltretutto, Vue Storefront viene fornito con i suoi temi solidi nel src / temi cartella.

L'ultima Tema 2.0, ad esempio, è stato creato utilizzando Playbook di vendita al dettaglio di Google UX. Ciò si traduce in un'esperienza utente ben ottimizzata. Ma non è tutto. Dal momento che è dinamicamente flessibile, puoi modificarlo in molti modi diversi per creare il tuo design specializzato.

Funzionalità e-commerce

Ecco alcune delle funzionalità di e-commerce che troverai su Vue Storefront:

• Esplorazione del catalogo
• Navigazione del prodotto
• Supporto per la gestione del catalogo
• Account del cliente
• Servizio clienti
• Gestione degli ordini
• Promozioni di marketing
• Analisi e rapporti
• Search Engine Optimization
• Pagamento, pagamento e spedizione

Recensione di Vue Storefront - Prezzi

Acquisizione Vue Storefront non ti costerà nulla. Neanche un centesimo. I costi iniziano ad accumularsi solo quando si tratta delle successive fasi di personalizzazione.

A meno che tu non abbia esperienza nella codifica, sarai costretto ad assumere un team di sviluppatori per integrare Vue Storefront con il tuo sito di e-commerce, oltre a modificare i suoi componenti e temi principali.

Chi dovrebbe considerare l'utilizzo di Vue Storefront? 

Non si può negare che Vue Storefront sia uno strumento rivoluzionario per migliorare l'esperienza utente dei tuoi clienti. E considerando che è una Progressive Web Application open source, è disponibile gratuitamente per tutti.

Il problema con Vue Storefront, tuttavia, è il processo di implementazione. Incorporare l'applicazione nel tuo sito di e-commerce è un processo tecnicamente complesso che richiede una codifica pesante. Non è certamente qualcosa che puoi gestire senza abilità di codifica.

Ma non è niente in confronto ai vantaggi dei PWA. Vue Storefront è valsa la pena. Quindi, puoi considerare di assumere uno sviluppatore esperto per eseguirlo di conseguenza. Inoltre, la sua architettura Headless la rende un'applicazione flessibile che può essere integrata con qualsiasi backend della piattaforma di e-commerce.

Tutto sommato, quindi, Vue Storefront è per tutti i tipi di aziende e imprese online. Finché stai gestendo un sito di e-commerce, questa App Web progressiva merita di essere considerata se desideri migliorare la tua esperienza complessiva del cliente.

È un buono stato di salute da noi qui su ecommerce-platforms.com. Ora, oltre a te, quali sono i tuoi pensieri?