De ce Mason și Front-End As A Service vor fi un schimbător de joc pentru dezvoltarea produselor

(Acesta este un articol sponsorizat.) Aruncă o privire la aplicațiile și software-ul cu care interacționezi în mod regulat. Fiecare are propriul design unic, nu? Și, totuși, există ceva asemănător la fiecare dintre ele. Bare de navigare, formulare de contact, casete de caracteristici, CTA - anumite elemente tind să fie prezente indiferent unde te duci.

Acest lucru se datorează faptului că aceste elemente joacă un rol crucial în modul în care utilizatorii interacționează cu produsele pe care le-ați construit. Din punctul de vedere al utilizatorilor, acesta este un lucru bun. Prin includerea acestor elemente recunoscute și previzibile în structura frontend a unei aplicații, se concentrează utilizatorul pe conținutul dinaintea lor; nu încercând să rezolve misterul interfeței de utilizare.

Din punctul de vedere al dezvoltatorilor de software, totuși, aceasta este o durere. Știți ce tipuri de componente trebuie incluse într-un produs. Cu toate acestea, până acum, a trebuit să le construiți de la zero din nou și din nou. Mai rău, de fiecare dată când ceva trebuie să fie actualizat, este nevoie de tine să implementezi actualizarea și să o împingi pe site-ul live - și nu este adesea să ai lățimea de bandă pentru a face acele modificări imediat.

De aceea, ceea ce face Mason cu front-end-as-a-service (FEaaS) este atât de interesant. În acest articol, vă voi oferi o privire mai atentă asupra FEaaS, cui îi este adresată și de ce este foarte important să împuterniciți echipele de produse și de marketing cu acesta.

Ce este FEaaS?

Știți ce este software-as-a-service (SaaS). Dar ați auzit de software-components-as-a-service (SCaaS)?

Au existat câteva mormăieli ușoare în jurul SCaaS cu câțiva ani în urmă. Ideea de bază a fost că puteți crea și menține cu ușurință componente și widget-uri UI reutilizabile pentru software-ul dvs. Cu toate acestea, nu a prins niciodată cu adevărat - și asta probabil pentru că a fost prea restrictiv în ceea ce le-a permis dezvoltatorilor să facă.

Cu FEaaS, totuși, aveți o soluție mult mai valoroasă și mai puternică. În esență, soluția front-end-as-a-service de la Mason vă permite să construiți rapid și eficient aspectele vizuale și funcționalitatea software-ului dumneavoastră.

Aceasta înseamnă că construiți funcții complexe și le faceți să vorbească cu API-urile. Un exemplu de forme complexe proiectate diferite conectate la Airtable ca sursă de date poate fi găsit aici.

În plus, fiecare caracteristică pe care o construiți cu Mason trăiește în aceeași bază de cod ca și restul produsului dvs. Să aruncăm o privire la un Chatbot personalizabil alimentat de Apixu, care a fost creat cu Mason:

Și acesta este un banner erou pe care l-am creat pentru un cadou de cărți electronice folosind un șablon Mason:

Nu vă înșelați: acesta nu este un constructor de site-uri web. Mason vă împuternicește pe dumneavoastră și pe echipa dumneavoastră să construiți componente individuale și caracteristici complet funcționale; nu site-uri web sau produse de găzduire gestionate integral. În acest fel, nu mai sunteți restricționat de capacitățile soluției dvs. de creare de site-uri.

Vă puteți construi site-ul web, aplicația sau alt produs software în instrumentul dorit. Apoi, proiectați și exportați caracteristici cu adevărat complexe de la Mason pentru a fi integrate în baza dvs. de cod. Este important să subliniați că, spre deosebire de o platformă care vă blochează datele dvs. și ale clienților dvs., Mason permite echipelor de produse să-și sporească produsele actuale și să dețină totul (nu ca unii creatori de site-uri web care dețin în schimb întregul site web și afacerea dvs.).

Pentru cine este Mason?

Cu Mason, ar trebui să aveți deja un produs software complet dezvoltat sau, cel puțin, o soluție cu care să-l construiți. Mason este instrumentul pe care îl veți folosi pentru a construi și proiecta caracteristicile (și funcționalitatea acestora) pentru produsul dvs. - și pentru a face acest lucru cu ușurință (adică fără codare).

Aceste caracteristici vor fi apoi autonome și introduse în produs atunci când sunt gata de utilizare.

În ceea ce privește oamenii efectivi pentru care a fost construit Mason, Tom McLaughlin, CEO-ul lui Mason, explică:

„Astăzi, întregul produs trăiește în baza de cod, așa că devine tărâmul de facto numai al echipei de ingineri, chiar dacă atât de multe dintre caracteristicile care compun produsul pot fi găsite în orice altă bază de cod de pe pământ - sunt doar nu chiar atât de unic. Mason permite echipei dvs. de produse să construiască aceste caracteristici comune mai rapid, dar, mai important, permite oricui din organizație – tehnic sau nu – să le gestioneze, chiar și odată ce sunt în producție.”

Echipa dvs. de produse - dezvoltatorii și designerii dvs. de software - sunt cei care vor folosi Mason pentru a vă construi software-ul. Cu toate acestea, echipele dvs. de marketing și de conținut vor dobândi capacitatea de a actualiza funcțiile pe care le-ați construit în Mason după ce acestea au fost implementate, fără a fi nevoie să așteptați la inginerie pentru a implementa fiecare nouă modificare sau modificare.

Aceasta înseamnă că întreținerea caracteristicilor front-end nu mai depinde exclusiv de dvs., dezvoltatorul. Oricine din echipa ta – designeri, marketeri, creatori de conținut etc. – poate folosi platforma FEaaS Mason pentru a construi și actualiza caracteristicile software-ului tău.

Deci, nu numai că puteți construi mai eficient funcții puternice pentru produsele dvs., dar echipa dvs. poate implementa actualizări în timp real, în loc să le permiteți să se adune pe lista de bilete deschisă.

De ce contează FEaaS

Programul dvs. de dezvoltare, implementare sau actualizare a software-ului a suferit în trecut din cauza blocajelor (deși complet de înțeles) ale dezvoltatorilor de software? Dacă da, atunci FEaaS ar trebui să sune ca un vis pentru tine.

Până acum, chiar nu a existat altă opțiune pentru inginerii de software. Dacă doreai să construiești un produs pentru web, totul trebuia construit de la zero și a fost nevoie de mult timp din partea ta pentru a face acest lucru, mai ales dacă obiectivele tale erau de natură mai complexă. În tot acest timp, restul echipei tale a rămas așteptând în aripi să-ți faci partea.

Cu Mason conducând conducerea cu soluția sa FEaaS, aș dori să arunc o privire asupra modului în care capabilitățile sale vor revoluționa fluxul de lucru de dezvoltare a produselor.

Proiectați vizual componentele UI

FEaaS scoate inginerii și dezvoltatorii din baza de cod a unui produs și într-o interfață de construcție vizuală. Ca atare, vedeți exact ceea ce construiți fără a fi nevoie să comutați între cod și o previzualizare vizuală a cum va arăta odată implementat.

Cu generatorul vizual Mason, puteți proiecta componente complexe, dar esențiale ale interfeței de utilizare, folosind un sistem de containere, coloane, straturi și elemente preconfigurate, cum ar fi text, câmpuri de formular, butoane și multe altele.

Similar cu modul în care funcționează alte instrumente moderne de constructor, există o abundență de opțiuni disponibile pentru a vă ajuta să faceți mai multe fără a fi nevoie să scrieți vreodată o linie de cod. Și datorită unei comutări convenabile între vizualizarea desktop, mobil și tabletă, nici designul receptiv nu este o problemă.

În plus, Mason vine cu un kit UI complet care include o varietate de șabloane pentru cele mai comune componente UI. Sau le puteți selecta manual pe cele de care aveți nevoie:

Cărți de caracteristici. Ecrane de conectare. Blocuri de conținut blog. Imagini cu eroi. butoane CTA. Toate componentele de bază de care aveți nevoie pentru a determina vizitatorii să interacționeze cu produsul dvs. și să ia măsuri au fost deja create pentru dvs.

Dacă v-ați săturat să le creați de la zero în fiecare produs pe care îl construiți, aceste șabloane vă vor fi de mare ajutor. După cum vă puteți imagina, a avea capacitatea de a proiecta și personaliza componentele produsului în acest fel ar fi un avantaj extraordinar pentru productivitatea echipei dvs.

Construiți componente și funcționalități mai rapid

Acum, posibilitatea de a stila componentele vizual este doar unul dintre beneficiile utilizării unei platforme FEaaS precum Mason. După cum v-ați putea aștepta, o unealtă ca aceasta a fost fabricată pentru viteză.

În ceea ce privește utilizarea efectivă a Mason, este un instrument care se încarcă nebunește de repede - ceea ce ar face acest lucru destul de valoros pentru oricine a pierdut timpul în trecut, așteptând ca instrumentele lor să se lanseze, să salveze modificări sau să treacă de la o vizualizare la alta.

În ceea ce privește modul în care vă afectează fluxul de lucru, așteptați-vă să câștigați viteză și acolo.

Cu constructorul Mason, puteți:

• Adăugați containere, coloane, rânduri, blocuri de conținut sau elemente personalizate cu coduri personalizate cu o simplă glisare și plasare:

• Examinați, editați, duplicați, mutați sau ștergeți straturile componentei dvs. folosind această ierarhie de elemente vizualizată:

• Nu doar piesa de design UI este simplificată. Vă puteți conecta cu ușurință componentele la alte surse prin intermediul API-urilor.

Fila „Configurare” a lui Mason vă permite să vă integrați rapid cu alte aplicații, cum ar fi:

• Authy
• Facebook
• Hubspot
• Dunga
• Twilio
• Și altele.

Așadar, să presupunem că doriți să vindeți cartea electronică promovată în bannerul dvs. eroului, în loc să colectați doar clienți potențiali cu ea. Primul lucru pe care l-ați face este să configurați integrarea Stripe.

Tot ce aveți nevoie sunt cheile publicabile și secrete din tabloul de bord pentru dezvoltatori Stripe:

Apoi, introduceți fiecare dintre chei în câmpul corespunzător din Mason:

Reveniți la fila „Design” și trageți elementul formular card de credit în componentă.

Cu formularul adăugat în pagină, există un ultim pas de făcut pentru a configura această integrare.

Reveniți la fila Configurare. Veți vedea acum o nouă opțiune în bara laterală numită „Formulare”:

Puteți vedea că toate detaliile pertinente au fost deja adăugate aici și conexiunea deja făcută la formularul dvs.

Din nou, Mason lucrează cu ușurință la ceva care, în mod obișnuit, i-ar lua ceva timp inginerilor de software dacă ar construi o componentă de la zero. În schimb, acum aveți toate instrumentele de care aveți nevoie pentru a proiecta și programa rapid funcții noi pentru produsul dvs.

Implementați noi funcții cu ușurință

Desigur, posibilitatea de a proiecta noi funcții rapid este importantă pentru echipele de produse. Cu toate acestea, asta încă nu rezolvă problema implementării.

Blocajele pot apărea în diferite puncte ale dezvoltării unui produs. Și când construiți o bucată de software atât de complexă încât doar un inginer o poate lansa cu ușurință sau poate implementa actualizări, ei bine, vă puteți aștepta doar la noi întârzieri.

Mason a dezvoltat o soluție pentru aceasta. Pentru început, publicarea unei componente în biblioteca lui Mason este simplă. Pur și simplu faceți clic pe butonul „Publicare” din colțul din dreapta sus al constructorului, iar Mason se ocupă de restul.

Pentru a introduce componenta în produsul sau aplicația dvs., totuși, un dezvoltator trebuie să se implice - dar doar de această dată și nu ar trebui să dureze mai mult de cinci minute.

Pentru a face acest lucru, utilizați butonul „< > Deploy” din colțul din dreapta sus al constructorului. Apoi, vă va solicita să faceți următoarele:

În esență, ceea ce faci este să iei identificatorul unic pe care Mason l-a creat pentru caracteristica pe care ai creat-o și să-l adaugi la baza ta de cod. Când este configurat corect, produsul dvs. va apela API-ul Mason pentru a reda componenta din partea aplicației. Iar cei din partea din față a site-ului nu vor fi cu atât mai înțelepți.

Este la fel de simplu ca să împingi o componentă nouă și toată funcționalitatea ei live.

Împuterniciți-i pe toți să facă modificări și să pună actualizări

Toate punctele pe care le-am subliniat aici despre beneficiile FEaaS au dansat în jurul acestui beneficiu final – și uriaș , care este următorul:

FEaaS dă putere tuturor să modifice funcțiile și să le împingă într-o aplicație live.

Gândește-te la asta pentru o clipă.

Cât timp a petrecut echipa dvs. așteptând ca un inginer să implementeze modificările de care are nevoie? Și ce a făcut asta în ceea ce privește diminuarea capacității aplicației dvs. de a implica și de a converti vizitatori? Fără o interfață de utilizare cu aspect impresionant, fără funcții care funcționează corespunzător, fără toate elementele critice necesare pentru a-i obliga pe vizitatori să ia măsuri.

În cele din urmă, costă banii afacerii ținând ostaticul software. Până acum, asta este ceva pe care echipele de produse software nu l-au putut ajuta. Era doar natura muncii lor. Dar cu FEaaS de Mason, acest lucru se schimbă în sfârșit.

După ce ați (1) publicat componenta și (2) ați implementat-o ​​în aplicația dvs., caracteristica va apărea în produsul dvs. Dar să presupunem că este nevoie de schimbări. De exemplu:

• Designerul dvs. dorește să schimbe stilul unui formular pentru a oglindi designul reînnoit al paginii de destinație.
• Managerul dvs. de marketing are o nouă imagine de marcă care trebuie să înlocuiască imaginea eroului de pe pagina de pornire.
• Editorul dvs. a decis să modifice textul pentru cea mai recentă ofertă de generație de clienți potențiali și dorește să actualizeze CTA.

Nu contează cine intră în constructorul Mason pentru a schimba o componentă. În clipa în care se întâmplă, acel buton „Salvat” decolorat din colțul din dreapta sus al constructorului se transformă într-un buton verde „Accesați la publicare”.

Si ghici ce? Nu este nevoie de experiență tehnică pentru a face clic pe el.

Mason se ocupă de publicarea și implementarea modificărilor, așa că atâta timp cât conexiunea a fost deja făcută între aplicația dvs. și Mason, aceste actualizări ar trebui să fie disponibile instantaneu pentru ca vizitatorii să le vadă.

Dacă dvs. și echipa dvs. de produse ați fost blocați cu un val de bilete, cerându-vă să construiți componente noi sau să le modificați pe cele existente, acest lucru va pune capăt efectiv acestui lucru.

Încheierea

Unul dintre lucrurile minunate despre construirea de produse pentru web este că cineva dezvoltă mereu o nouă modalitate de a ne ajuta să realizăm mai mult și, în același timp, să facem mai puțin.

Cu aplicațiile software, în general, a trecut mult timp. Din fericire, FEaaS este aici și se pare că Mason a dezvoltat un instrument extrem de valoros pentru a accelera dezvoltarea software-ului, pentru a îmbunătăți rezultatele și, de asemenea, pentru a da putere mai multor membri ai echipei să participe.