Cos’è Shopify Polaris e cose importanti da sapere?

Cos’è Shopify Polaris e cose importanti da sapere?

Cos’è Shopify Polaris e cose importanti da sapere?


Shopify è una popolare piattaforma di eCommerce che i commercianti adorano.
Ha dominato il mercato dell’e-commerce per un po’ di tempo. Le numerose funzionalità e servizi di Shopify hanno aiutato migliaia di commercianti in tutto il mondo a creare i propri negozi online.
Shopify Polaris è un nuovo sistema di progettazione che rende più facile per i commercianti fornire una migliore esperienza utente.

Shopify Polaris è la stella polare per i designer che desiderano creare un’interfaccia utente che funzioni bene con il back-end di Shopify. Questa guida contiene linee guida su combinazioni di colori, contenuti e componenti dell’interfaccia utente che ti aiuteranno a creare l’interfaccia utente dell’app Shopify con Polaris in pochissimo tempo.

 

Shopify Polaris

Shopify Polaris è un sistema di progettazione che consente agli sviluppatori di creare un pannello di amministrazione/dashboard Shopify che corrisponda al suo back-end. Ciò include linee guida per aiutare i progettisti a scegliere la combinazione di colori, il contenuto e gli insiemi di componenti di reazione. Questi consentono loro di aggiungere funzionalità uniche alle app Shopify e al loro pannello di amministrazione.

 

Funzionalità in Shopify Polaris

Potremo capire meglio perché Polaris è preferito ai codici personalizzati. Diamo uno sguardo più approfondito alle caratteristiche uniche di Shopify Polaris. Ottieni una migliore comprensione dei vantaggi che offre nella creazione di interfacce utente uniche.

Linee guida Shopify Polaris
Shopify Polaris offre una serie di linee guida che i designer possono seguire per creare contenuti rilevanti ed elementi dell’interfaccia utente per il loro sito. Queste linee guida sono compatibili con gli standard di Shopify. È facile per gli sviluppatori seguire le linee guida dettagliate nella loro documentazione e creare un’interfaccia utente per le app Shopify che corrisponda al tema di Shopify.
Shopify Polaris fornisce documentazione e istruzioni dettagliate su ciascuno dei suoi componenti di reazione. In precedenza abbiamo utilizzato questi componenti per creare un’interfaccia utente straordinaria per l’app Shopify RMA. Questi componenti sono utili ai designer per creare un’interfaccia utente coerente su tutta la piattaforma di Shopify.
Marcature HTML e HTML: Shopify Polaris ti consente di creare l’interfaccia utente dell’app Shopify con HTML e CSS. Shopify Polaris ha anche il codice sorgente per ogni componente scritto sia in HTML/CSS che in React.js. Shopify Polaris è facile da adattare per gli sviluppatori che non reagiscono.
UIK: Shopify Polaris ha anche un UIkit esteso che include componenti pre-progettati come pulsanti ed elenchi. Questi possono essere personalizzati in base alle vostre esigenze. Questo kit fa risparmiare tempo e fornisce risultati più rapidi.

La caratteristica unica di Polaris lo rende uno strumento eccellente per lo sviluppo di app Shopify. Viene fornito con codici pre-scritti che daranno alla tua app Shopify quasi lo stesso aspetto di Shopify.

Questo è il nostro servizio offerto dall’autore del blog.

I nostri sviluppatori dell’app Shopify hanno utilizzato Polaris per creare una bellissima interfaccia utente che funziona perfettamente. Polaris è stato un ottimo strumento che ci ha reso le cose molto più facili e ci ha permesso di produrre risultati più precisi e veloci. Daremo un’occhiata più da vicino a come Shopify Polaris è stato integrato dai nostri sviluppatori per creare un’esperienza senza interruzioni.

 

Abbiamo avuto un’ottima esperienza con Shopify Polaris

Di recente abbiamo avuto l’opportunità di sviluppare un’app Shopify per il controllo dell’inventario per uno dei nostri clienti. Shopify Polaris è stato scelto per creare l’interfaccia utente per questa applicazione utile e unica. Ha promesso risultati più rapidi ed efficaci.

 

I vantaggi di Shopify Polaris

La codifica personalizzata è più rapida della codifica personalizzata.Componenti pre-scritti compatibili con gli standard dell’interfaccia utente di Shopify.I codici dei componenti di progettazione pre-variati significano minori possibilità di anomalie e bug di progettazione.Ci sono meno possibilità che la piattaforma di Shopify si dissoci dall’app.Mantenere Polaris è facile con aggiornamenti frequenti

Questa piattaforma ha fornito molti vantaggi, rendendola molto più user-friendly. Abbiamo scelto Shopify Polaris come nostra interfaccia utente. Possiamo anche ottenere alcune caratteristiche uniche usando Polaris. Di seguito la discussione dettagliata:

Creazione di dashboard app personalizzate

Siamo stati in grado di creare un pannello di amministrazione/dashboard dell’app utilizzando le linee guida di Shopify Polaris. Sembrava esattamente come il pannello di amministrazione di Shopify. Ciò semplificherebbe la navigazione tra le varie sezioni della nostra app. Il pannello di amministrazione è stato anche più facile da navigare e più interattivo perché abbiamo utilizzato le linee guida Polaris. Siamo stati in grado di creare un pannello di amministrazione interattivo e veloce che funziona bene con l’ambiente di Shopify. Consente ai commercianti di vedere tutti gli stati dei loro prodotti e dà loro la possibilità di navigare attraverso l’applicazione per apportare modifiche all’elenco dei prodotti del suo inventario.

L’elenco dei prodotti è facile da gestire

Abbiamo anche incluso l’elenco dei prodotti nel Pannello di amministrazione. Gli amministratori hanno la possibilità di modificare i prodotti e aggiungere le loro posizioni. Gli amministratori possono cercare prodotti specifici utilizzando la barra di ricerca. Questo elenco di prodotti fornisce informazioni aggiuntive come lo stato corrente e l’ubicazione di ciascun prodotto. È un ottimo strumento per aiutare con la gestione del prodotto.

Usa la sezione Elementi per spingere i prodotti in un luogo specifico

L’amministratore può anche utilizzare la sezione degli elementi per inviare nuovi prodotti in posizioni specifiche tramite il modulo a matrice. Per inviare un prodotto, l’amministratore deve prima creare un corridoio, uno scaffale, un livello o un contenitore. Questa funzione consentirà all’amministratore di monitorare i propri prodotti in modo più efficiente. Questa funzione può essere utilizzata dall’amministratore per rimuovere un prodotto da una posizione particolare. Shopify Polaris ha fornito le linee guida per tutte le navigazioni dei pulsanti e i menu a discesa in questa sezione. Era interattivo, facile da usare e veloce da elaborare.

Ricerca rapida dei prodotti in magazzino

I commercianti troveranno i prodotti più facilmente se sono in grado di cercarli in una categoria specifica o in un luogo particolare. Questa sezione consente ai commercianti di cercare prodotti inserendo il codice posizione. Oppure possono scegliere manualmente la posizione per visualizzare un elenco di tutti i prodotti. In questo modo è più facile cercare prodotti e apportare modifiche. Abbiamo personalizzato i componenti di Shopify Polaris per semplificare la ricerca dei prodotti e la loro modifica nella nostra applicazione.

Scambio di lingua per facilità d’uso

Offriamo anche la possibilità di passare dall’inglese allo spagnolo a seconda delle esigenze e della comprensione del commerciante. I commercianti possono scegliere la lingua con cui si sentono più a loro agio per accedere all’app. Ciò consente ai commercianti Shopify di utilizzare l’app su una scala più ampia.

Polaris ci è stato di grande aiuto. Polaris non solo ci ha fatto risparmiare tempo, ma ci ha anche aiutato a creare un’interfaccia utente dell’applicazione compatibile con l’ambiente di Shopify. Questo aiuta a fornire la migliore esperienza utente.

 

1. Documenti

La documentazione di Polaris è suddivisa in cinque sezioni: “Fondamenti”, “Contenuto”, “Design”, “Componenti” ed “Esperienza”. Questo ti dà un’idea di come funziona il contenuto. Ci sono anche buoni contenuti che ti aiuteranno a scegliere il modo giusto per usarli per creare un’ottima UI/UX.

Questo è il nostro servizio offerto dall’autore del blog.

La sezione Shopify Foundation ti introdurrà a Shopify e ti indicherà la giusta direzione per quanto riguarda l’uso corretto di Polaris.

Troverai linee guida dettagliate nella sezione “Contenuto” su “Voce e tono”, denominazione e “Contenuto del prodotto” di Shopify, tra le altre funzionalità che Shopify utilizza per commercializzare i suoi prodotti e strumenti. Questa sezione contiene un patrimonio di conoscenze.

 

Shopify Valori dell’esperienza

Shopify Foundation discute sei valori essenziali che vengono visualizzati quando un’applicazione viene creata con Polaris. Il valore Esperienza può essere molto utile se ti trovi in ​​una fase di progettazione UI/UX (come accennato qui). Diamo un’occhiata agli aspetti più importanti di questo valore, come spiegato da Shopify.

Tenere conto: Shopify lo afferma Sono qui per aiutare le persone a semplificare la loro giornata e il lavoro a lungo termine, indipendentemente da dove vivono o dalla piattaforma che utilizzano. Potrebbe essere necessario assicurarsi che le applicazioni di e-commerce funzionino in tutto il mondo. In tal caso, devi assolutamente dare un’occhiata alla sezione “Internazionalizzazione” e “Formattazione della valuta localizzata”. Gestire valute diverse sarebbe più facile con Shopify.

realizzato ” Funzionano per comprendere i problemi complessi degli utenti, quindi forniscono consigli su come per usarli, quando dovrebbero usarli e cosa a che fare con loro.

Di base: Il nostro obiettivo è che tutti si sentano a proprio agio con Polaris. Ciò è dovuto a una combinazione di buon design e buon layout. Inoltre, dovresti seguire i consigli nella sezione “migliori pratiche” di Polaris.

 

Sezione “Best practices + Linee guida sui contenuti”

Ciascuna documentazione del componente contiene sezioni intitolate “Best practices” e “Linee guida sui contenuti”, che forniscono informazioni utili su come utilizzare il componente.

La sezione “Best Practices” di Shopify contiene informazioni su come viene utilizzato il componente, i modi migliori per utilizzarlo e suggerimenti per utilizzarlo nella tua soluzione.

“Linee guida sui contenuti” descrive i modi migliori per aggiungere contenuto a un componente. Descrive inoltre la struttura da utilizzare e fornisce alcuni suggerimenti utili per selezionare il componente giusto per il flusso.

 

2. Risorse

Ciò era particolarmente rilevante per la fase di progettazione dell’interfaccia utente. Scarica lo Sketch UI Kit e molte illustrazioni per aiutarti nel tuo viaggio Polaris.

Dovresti anche dare un’occhiata a “Risorse di terze parti”. Questi strumenti sono utili nel contenuto e nel processo di progettazione, che non sapevo esistessero.

 

3. I miei componenti preferiti

Discutiamo delle cinque componenti che ritengo molto importanti. Questi componenti offrono qualcosa di unico che non troverai in altre librerie.

Modale

Non è possibile fare clic al di fuori del modale per chiuderlo. Questa è la differenza tra Polaris Modal o Material Modal. Questo perché il modale è stato progettato per l’interazione in modo che l’utente possa chiuderlo.

Navigazione

Polaris Navigation è la combinazione ideale di icone e caratteri. È facile da usare.

Pila

Questo componente è utile per organizzare orizzontalmente gli elementi. Questo componente può essere impostato per regolare la distribuzione dello spazio tra gli elementi secondari dello stack.

Descrizione

I semplici componenti di Polaris possono farti risparmiare tempo durante la progettazione dei layout. “Elenco descrizione” è un esempio. Visualizza un elenco di elementi associando ciascun termine alla relativa descrizione.

Elenco delle risorse

Un elenco di risorse è un modo eccellente per creare un elenco di selezione. Per implementare l’elenco delle risorse, dovrai utilizzare il componente “ResourceList”, per racchiudere “ResourceItem”, che rappresenta ogni elemento dell’elenco.

 

Conclusione

Shopify Polaris è più di una raccolta di componenti e linee guida. È un gateway che migliora l’esperienza del commerciante sulla piattaforma. Offre una varietà di funzioni e componenti utili a portata di clic. Ciò ha contribuito a risparmiare tempo e fatica durante la creazione di un’interfaccia utente significativa e unica. Chiunque desideri creare la migliore esperienza utente possibile sulla piattaforma di Shopify deve combinarne i componenti e le linee guida.

Stai cercando qualcosa per migliorare l’esperienza utente nel tuo negozio Shopify?
Shopify Polaris ha la soluzione perfetta per te. Il team di esperti di Shopify di sviluppatori Shopify ti aiuterà a cambiare l’aspetto del tuo pannello di amministrazione e dell’app Shopify in pochissimo tempo.

Aggiungi un commento0

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. Maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Cliccando su "Accetta" o continuando a utilizzare questo sito senza modificare le impostazioni dei cookie accetti il loro utilizzo.

Chiudi