Di Saygin Celen
In primo luogo, amo il no-code e ciò che è in grado di fare per la democratizzazione dello sviluppo soprattutto quando si è non tecnici, tuttavia, il nome lo fa sembrare non qualificato per lavori complicati, il che non è vero. Per chiarire le cose per quelli di voi che non sanno cos'è il no-code, il nome avrebbe dovuto essere sviluppo visivo o programmazione perché questo è esattamente ciò che è lo sviluppo no-code.
Mi sono imbattuto per la prima volta nel no-code circa 6 mesi fa e dato che sono una persona tecnica nel cuore senza capacità di programmazione e mi piace pensare di essere un pensatore attento al design dato che ho lavorato nel design meccanico, architettonico e della moda (so che è una strana combinazione), sono diventato estremamente entusiasta del concetto e ho iniziato a fare ricerche e speso centinaia di ore per imparare i programmi, gli strumenti e i dettagli che costruiscono il regno dell'ecosistema no-code.
Ciò che rende il no-code diverso da WordPress o Wix è che si costruisce ancora un'interfaccia web, tuttavia, sviluppando il design visivamente, il sistema crea anche il codice pulito in background, che si può poi trasferire a qualsiasi piattaforma o se lo si desidera, uno sviluppatore può aggiungere qualsiasi codice in esso.
Inoltre, lo sviluppo senza codice è estremamente flessibile. È possibile costruire siti web incredibilmente moderni e reattivi con interazioni o animazioni mentre si controlla perfettamente il CSS, che contiene le caratteristiche di design dell'interfaccia. La flessibilità non riguarda solo il design, ma anche ciò che si può costruire con il no-code. Si possono costruire siti di e-commerce di nuova generazione, app mobile tipo Uber, o quasi tutte le web app che si possono immaginare.
Qui, mi addentrerò in tutti i programmi e strumenti no-code che uso spesso negli ultimi 6 mesi. È un mondo completamente nuovo, soprattutto per le persone non tecniche, perché ora è possibile costruire un business online senza una riga di codice da soli o per una frazione del costo e in una frazione del tempo, e questo è il vero potere.
Ci sono così tante piattaforme no-code là fuori per il design UI/UX, lo sviluppo di siti web e lo sviluppo di app web/mobile, tuttavia, mi concentrerò solo su quelle che amo di più.
Iniziamo con l'UI/UX design, continuiamo con le piattaforme di siti web, e finiamo con le piattaforme no-code per web e mobile app.
Figma è il Google dell'UI/UX
Credo che il design sia l'anima di un'azienda. È la prima impressione, il messaggio del marchio e l'identità che rivela chi sei in pochi secondi.
Cercando lo strumento migliore per realizzare ciò che ho in mente in modo facile e intuitivo, ho scoperto Figma ed è stato amore a prima vista. Era facile da imparare con una grande interfaccia utente. Ha tutti gli strumenti di progettazione compresa la prototipazione ed è così divertente da esplorare e testare.
Puoi scaricarlo e usarlo sul tuo desktop o puoi usarlo nel browser. Quando vuoi un feedback dagli altri, puoi semplicemente condividere il link del tuo file di progettazione per farglielo vedere e commentare o puoi condividerlo con i tuoi compagni di squadra e loro possono dare un feedback o modificare il file se gli dai il permesso. Inoltre, è totalmente gratuito.
Puoi imparare Figma attraverso un corso Udemy o tutorial su Youtube. Come per ogni cosa, le cose diventano più facili man mano che si passa attraverso le prime settimane.
Mentre si imparano le basi, è meglio fare pratica controllando alcuni progetti da Dribbble e Behance. In questo modo, puoi vedere cosa stanno facendo i migliori designer del mondo e puoi provare a copiare il loro stile.
Molti grandi artisti hanno iniziato copiando i maestri e poi hanno sviluppato i loro propri design.
Il mio secondo software di design UI/UX preferito è Sketch. Ha una versione di prova gratuita e offre un'esperienza molto simile a Figma, tuttavia, trovo la prototipazione e la condivisione con altre persone e membri del team più facile su Figma.
Affinity Designer funziona come per magia per il disegno vettoriale
Questo programma di design non fa parte dell'ecosistema no-code, tuttavia, dato che vi sto parlando della mia esperienza di design, penso che Affinity Designer sia una grande risorsa per il vostro lavoro di design per qualsiasi livello di competenza e potete aggiungere grande valore al vostro sviluppo visivo utilizzando Affinity Designer.
Affinity Designer è lo strumento di disegno vettoriale che ha un'interfaccia di design simile, ma a mio parere, migliore di quella di Adobe Photoshop. È possibile creare illustrazioni, loghi o qualsiasi disegno vettoriale in grande dettaglio.
La parte migliore è che si paga un prezzo basso una tantum di 49 dollari ed è tutto tuo per sempre, mentre Adobe Photoshop funziona con il modello di abbonamento, che è di 21 dollari al mese.
Webflow è il campione del no-code dinamico
Come molte invenzioni, Webflow è il prodotto di un punto dolente. I fondatori, Vlad Magdalin e Bryant Chou, e Sergey Magdalin erano designer e stavano cercando un modo per costruire uno sviluppatore di siti web che non ha bisogno di codifica, pur avendo la capacità di costruire caratteristiche estremamente avanzate e codice pulito in background. Pertanto, hanno fondato Webflow.
Webflow non è la piattaforma di sviluppo di siti web più intuitiva e dovrete spendere un po' di tempo per prenderci la mano, tuttavia, una volta capito come funzionano i CSS, la distribuzione in sezioni e la reattività, lo sviluppo del vostro sito web può davvero iniziare a fluire.
Potete creare qualsiasi tipo di sito web con CMS o caratteristiche di e-commerce da zero o potete scegliere uno dei molti modelli che offrono e modificarli creando livelli e usando l'ispettore.
È possibile utilizzare l'Università di Webflow, tutorial di Youtube o corsi Udemy per imparare e Webflow ti dà due siti gratuiti da modificare in modo che tu possa fare pratica, poi, avresti bisogno di creare un abbonamento mensile.
Webflow ha molti vantaggi ed è la più avanzata e popolare piattaforma di sviluppo web no-code là fuori con 200k utenti e ha un forte sostegno finanziario in modo da continuare a innovare e migliorare le loro caratteristiche.
Quello che mi piace di più di Webflow è che quello che si può fare con esso è semplicemente illimitato quando si tratta di sviluppo web, soprattutto con animazioni e interazioni. Tuttavia, per raggiungere quel livello, è necessario lavorare sodo per diventare anche un artista del web così come un pensatore visivo e conoscere profondamente i CSS perché, alla fine, ha ancora un linguaggio di programmazione dietro di sé.
EditorX è il prodotto dei sogni dei designer no-code
EditorX è relativamente nuovo rispetto a Webflow ed è la risposta di Wix, la grande azienda da 16 miliardi di dollari per lo sviluppo avanzato senza codice, allo sviluppo web avanzato.
È molto più intuitivo rispetto a Webflow e si può costruire una piattaforma web sorprendente e complicata mentre si usano i CSS avanzati, i livelli e le caratteristiche dell'ispettore tutto in modo intuitivo.
Penso che sia una grande risposta a Webflow e dal momento che molti punti dolenti per il flusso tecnico sono stati semplificati su EditorX come la creazione di reattività, margini, flexbox, griglie, sezioni master, e così via, è molto più facile da padroneggiare e concentrarsi sul vostro prodotto finale piuttosto che sui tecnicismi. Ho la sensazione che abbiano analizzato profondamente Webflow e come possono offrire l'esperienza più fluida all'utente in modo da poter creare la migliore esperienza per i loro clienti utilizzando strumenti intuitivi.
Gli unici punti in cui vedo che si possono fare miglioramenti sono le animazioni e le interazioni. Non sono illimitate come in Webflow, tuttavia, questo non causa affatto un grosso ostacolo.
È possibile creare un numero illimitato di siti senza iniziare a fare un pagamento, il che ti dà la possibilità di migliorare le tue abilità e il sito.
Puoi imparare usando EditorX Academy, i siti di EditorX Unstoppable e i tutorial di Youtube.
I prezzi vanno da 22 a 49 dollari al mese. Anche l'abbonamento di base include un dominio gratuito per un anno, un certificato SSL gratuito, e 300 dollari di buoni pubblicitari.
Penso che EditorX diventerà una piattaforma in forte crescita nel prossimo futuro. È già un grande prodotto e avendo il potere di Wix come azienda madre, lavoreranno per perfezionare ogni piccolo dettaglio.
Shopify è l'ultima piattaforma e-commerce senza codice
Shopify è ad un altro livello se il tuo business è l'e-commerce. In 10 minuti, puoi aprire il tuo negozio utilizzando un modello gratuito, aggiungendo i tuoi prodotti, le informazioni di pagamento e integrando il tuo dominio.
Tuttavia, Shopify non fa per te se vuoi costruire una soluzione personalizzata da solo e può rivelarsi costoso se vuoi assumere un partner Shopify o uno sviluppatore. Il design non ha davvero una funzione drag & drop e potresti sentirti limitato quando si tratta di personalizzare il tuo design e le tue caratteristiche.
La parte migliore di Shopify sono le applicazioni di qualsiasi tipo, che si tratti di marketing o SEO. Inoltre, il supporto clienti non è secondo a nessuno. Puoi chattare con un agente in un minuto e sono sempre felici di aiutarti.
Con Shopify, puoi iniziare il tuo business il giorno stesso a partire da 29 dollari ed è semplicemente la piattaforma no-code più avanzata quando si tratta di e-commerce.
Bubble è dove le applicazioni web e mobile avanzate prendono vita
Bubble è semplicemente la più avanzata e affermata piattaforma no-code per costruire qualsiasi app no-code sia web che mobile. Ha 700k utenti e ha aziende ben consolidate tra i suoi utenti con oltre 300 milioni di dollari di investimenti.
L'interfaccia è facile da navigare, tuttavia, è meglio se si impara la struttura del database prima di iniziare. Quando si afferra la logica di come i dati interagiscono con la piattaforma in generale, allora, si può creare quasi qualsiasi piattaforma.
Se siete all'altezza della sfida, Bubble è così avanzato che potete costruire un clone di Medium usando il suo editor visivo.
Mentre stai sviluppando la tua app usando l'editor visuale Bubble, puoi usare i plug-in per nuove funzionalità o puoi usare API di terze parti per integrare le loro caratteristiche nella tua app.
Puoi usare Bubble gratuitamente e se vuoi trasferirlo sul tuo dominio, devi passare ad un piano a pagamento.
La curva di apprendimento di Bubble non sarebbe tipicamente veloce come Figma o EditorX, tuttavia, una volta che si ottiene una comprensione di come funziona la struttura del database, allora, le cose migliorano molto e si può sviluppare quasi tutte le app, comprese quelle mobile avanzate basate sul web.
Parole finali
Anche mezzo decennio fa, lo sviluppo senza codice era per lo più inesistente e ora, un imprenditore o un'azienda affermata possono creare business online avanzati senza codice utilizzando tutte le piattaforme che ho spiegato sopra e di più.
Possiamo aspettarci di vedere tante startup che usano sempre più piattaforme no-code nei prossimi anni, visto che lo sviluppo visivo è il futuro che viviamo oggi.
Se sei un principiante assoluto nello spazio no-code, penso che sia fantastico iniziare con Figma in modo che tu possa imparare a progettare UI/UX e creare prototipi ad altissima fedeltà, poi, se stai costruendo un sito web, la mia scelta di piattaforma è EditorX poiché è incredibilmente intuitiva e anche più amichevole di Webflow quando si tratta di creare responsività e animazioni. Webflow sarebbe una grande scelta se si desidera aggiungere animazioni e interazioni molto avanzate e se si ha un background di CSS in modo da poter facilmente afferrare la logica dietro di esso.
Bubble è la piattaforma no-code che volete usare se state costruendo applicazioni web e/o mobile di qualsiasi livello. Ci sono anche altre piattaforme che si sono specializzate nello sviluppo di app mobile come Adalo o Glide, ma dato che tutti abbiamo un tempo limitato, perché concentrarsi su una che ha offerte limitate?
Man mano che passate più tempo con la tecnologia no-code, sono sicuro che vi sentirete ogni giorno più liberi di trasformare le vostre idee in realtà.
Il mio suggerimento è di fare un passo oggi ed esplorare.