Fermer

mai 7, 2019

Pourquoi Maçon et Frontend en tant que service seront un changeur de jeu pour le développement de produits15 minutes de lecture


Le développement et la maintenance de logiciels ont généralement été un processus fastidieux et ardu pour les développeurs et les ingénieurs qui supportent le plus gros du travail. Cependant, avec l'introduction de front-end-as-a-service et d'une société comme Mason pionnière dans ce domaine, tout cela pourrait changer. Voici ce que vous devez savoir sur FEaaS.

(Cet article est sponsorisé.) Jetez un coup d’œil aux applications et aux logiciels avec lesquels vous communiquez régulièrement. Chacun a son propre design unique, non? Et pourtant, il y a quelque chose de similaire dans chacun d’eux. Barres de navigation, formulaires de contact, zones de fonctions, CTA: certains éléments ont tendance à être présents quel que soit l'endroit où vous vous rendez.

En effet, ces éléments jouent un rôle crucial dans la manière dont les utilisateurs s'engagent avec les produits que vous avez conçus. Du point de vue des utilisateurs, c’est une bonne chose. En incluant ces éléments reconnaissables et prévisibles dans la structure frontale d’une application, l’utilisateur se concentre sur le contenu qui les précède; pas pour tenter de résoudre le mystère de l’interface utilisateur.

Du point de vue des développeurs de logiciels, cependant, c’est pénible. Vous savez quels types de composants doivent être inclus dans un produit. Cependant, jusqu’à présent, vous deviez les construire à partir de zéro, encore et encore. Pire, chaque fois que quelque chose doit être mis à jour, il vous incombe de mettre en œuvre la mise à jour et de la transférer sur le site actif – et il est rare que vous ayez la bande passante nécessaire pour effectuer ces modifications immédiatement.

C'est pourquoi Mason fait avec le front-as-a-a-service (FEaaS) est tellement intéressant. Dans cet article, je vais vous donner un aperçu plus approfondi de FEaaS, pour qui il est et pourquoi il est très important de permettre aux équipes produit et marketing de le faire.

Qu'est-ce que FEaaS?

-a-service (SaaS) est. Mais avez-vous entendu parler des composants logiciels en tant que service (SCaaS)?

Il y a quelques années, quelques grondements clairs ont eu lieu autour de SCaaS. L'idée de base était que vous pouviez créer et gérer facilement des composants et des widgets d'interface utilisateur réutilisables pour votre logiciel. Cependant, cela n’a jamais vraiment fait son chemin – et c’est probablement parce que les développeurs étaient bien trop restrictifs.

Cependant, avec FEaaS, vous disposez d’une solution beaucoup plus précieuse et plus puissante. Pour l'essentiel, la solution front-as-a-a-service de Mason vous permet de créer rapidement et efficacement les fonctionnalités visuelles et de votre logiciel.

Vous construisez ainsi des fonctionnalités complexes. parler à API . Vous trouverez un exemple de différentes formes complexes conçues liées à Airtable en tant que source de données ici .

De plus, chaque fonctionnalité que vous créez avec Mason a la même base de code que le reste de votre produit. Jetons un coup d'œil à un Chatbot optimisé pour Apixu, créé avec Mason:

 Démonstration de la liste de tâches de Mason Airtable
Voici un exemple de contenu dynamique que vous pouvez créer avec FEaaS. (Source: Mason ) ( Grand aperçu )

Et voici une bannière de héros que j'ai créée pour un cadeau d'ebook à l'aide d'un modèle Mason:

. Modèle de héros Mason
. Un exemple de modèle d'image de héros, personnalisé et publié avec Mason. (Source: Mason ) ( Image agrandie )

Ne vous y trompez pas: il ne s'agit ni d'un constructeur de site Web. Mason vous permet, à vous et à votre équipe, de créer des composants individuels et des fonctionnalités entièrement fonctionnelles. pas tous les sites ou produits d'hébergement gérés. Ainsi, vous n'êtes plus limité par les fonctionnalités de votre solution de création de site.

Vous pouvez créer votre site Web, votre application ou un autre logiciel dans l'outil de votre choix. Ensuite, concevez et exportez des fonctionnalités très complexes de Mason à intégrer dans votre base de code. Il est important de souligner que, contrairement à une plate-forme qui verrouille vos données clients et celle de vos clients, Mason permet aux équipes de produits d'augmenter leurs produits actuels et de tout posséder (contrairement à certains constructeurs de sites Web propriétaires de votre site Web et de votre entreprise). .

Pour qui est-il Mason?

Avec Mason, vous devriez déjà disposer d'un logiciel entièrement développé ou, à tout le moins, d'une solution pour le construire. Mason est l'outil que vous utiliserez pour créer et concevoir les fonctionnalités (et leurs fonctionnalités) de votre produit – et pour le faire facilement (c'est-à-dire sans codage).

Ces fonctionnalités seront alors autonomes et insérées dans le

En ce qui concerne les personnes pour lesquelles Mason a été construit, Tom McLaughlin, PDG de Mason, explique:

«Aujourd'hui, le produit entier vit dans la base de code, il devient donc le domaine factuel de l’équipe technique, même si la plupart des fonctions qui composent le produit se retrouvent dans toutes les autres bases de code du monde – elles ne sont tout simplement pas uniques. Mason permet à votre équipe produit de créer plus rapidement ces fonctionnalités communes, mais surtout, de les gérer, qu’elles soient techniques ou non, au sein de l’entreprise, même une fois en production. ”

Votre équipe produit – vos développeurs et concepteurs de logiciels – sont ceux qui vont utiliser Mason pour construire votre logiciel. Cependant, vos équipes marketing et de contenu auront la possibilité de mettre à jour les fonctionnalités que vous avez créées dans Mason après leur déploiement, sans avoir à attendre l'ingénierie pour déployer chaque nouvelle modification ou modification.

Cela signifie que la maintenance du Les fonctionnalités frontales ne dépendent plus uniquement de vous, le développeur. Tous les membres de votre équipe – concepteurs, spécialistes du marketing, créateurs de contenu, etc. – peuvent utiliser la plate-forme FEaaS de Mason pour créer et mettre à jour les fonctionnalités de votre logiciel.

Ainsi, vous pouvez non seulement créer plus efficacement des fonctionnalités puissantes pour vos produits, mais également déployer votre équipe. mises à jour en temps réel, plutôt que de les laisser s'empiler sur votre liste de tickets ouverte.

Pourquoi FEaaS Matters

Votre calendrier de développement, de déploiement ou de mise à jour de logiciel a-t-il déjà souffert de la part (bien que tout à fait compréhensible) du développeur de logiciel des goulots d'étranglement? Si tel est le cas, alors FEaaS devrait sembler être un rêve pour vous.

Jusqu'à présent, il n’existait en réalité aucune autre option pour les ingénieurs en logiciel. Si vous vouliez créer un produit pour le Web, tout devait être créé à partir de zéro et cela vous prenait beaucoup de temps, surtout si vos objectifs étaient de nature plus complexe. Pendant ce temps, le reste de votre équipe vous attendait dans les coulisses pour que vous fassiez votre part.

Sous la direction de Mason, avec sa solution FEaaS, j'aimerais jeter un coup d'œil à ses capacités. révolutionnez votre flux de travail de développement de produit.

Composants d'interface utilisateur de conception visuellement

FEaaS prend les ingénieurs et les développeurs hors de la base de code d'un produit et dans une interface de construction visuelle. En tant que tel, vous voyez exactement ce que vous construisez sans avoir à basculer entre votre code et un aperçu visuel de ce à quoi il ressemblera une fois déployé.

Grâce au générateur de visuels de Mason, vous pouvez concevoir une interface utilisateur complexe mais essentielle. composants utilisant un système de conteneurs, colonnes, calques et éléments préconfigurés tels que texte, champs de formulaire, boutons, etc.

 Constructeur visuel Mason
Présentation de l'outil de création visuelle de Mason. (Source: Mason ) ( Grand aperçu )

Semblable à la manière dont fonctionnent les outils de construction modernes, de nombreuses options sont disponibles pour vous aider à faire plus sans jamais avoir à écrire. une ligne de code. Et grâce à une bascule commode entre les affichages bureau, mobile et tablette, la réactivité de la conception ne pose aucun problème non plus.

En outre, Mason est livré avec un kit d’interface utilisateur complet qui comprend une variété de modèles pour les composants les plus courants. Vous pouvez également sélectionner ceux dont vous avez besoin:

 Modèles de maçon
Bibliothèque de modèles d’interface utilisateur préconstruite de Mason. (Source: Mason ) ( Grand aperçu )

Cartes de caractéristiques. Écrans de connexion. Blocs de contenu de blog. Images de héros. Boutons CTA. Tous les composants essentiels dont vous avez besoin pour amener les visiteurs à utiliser votre produit et à passer à l'action ont déjà été conçus pour vous.

Si vous en avez marre de les créer à partir de zéro, dans chacun de vos produits, les modèles seront d'une grande aide. Comme vous pouvez l'imaginer, le fait de pouvoir concevoir et personnaliser les composants de produit de cette manière serait un atout majeur pour la productivité de votre équipe.

Création plus rapide de composants et de fonctionnalités

Désormais, le fait de pouvoir styler les composants visuellement n'est plus qu'un élément parmi d'autres. les avantages d'utiliser une plate-forme FEaaS comme Mason. Comme on pouvait s’y attendre, un outil comme celui-ci a été fabriqué pour la vitesse.

En termes d’utilisation de Mason, c’est un outil qui se charge incroyablement vite – ce qui le rendrait très utile à quiconque perd du temps à le passé attendait que ses outils lancent, enregistrent les modifications ou passent d’une vue à l’autre.

En termes d’influence sur votre flux de travail, s’attend aussi à gagner de la vitesse .

Constructeur Mason, vous pouvez:

  • ajouter de nouveaux conteneurs, colonnes, lignes, blocs de contenu ou éléments codés sur mesure avec un simple glisser-déposer:
 Choix de conception Mason
L'ensemble complet de dispositions de conception, composants de Mason et des options de codage. (Source: Mason ) ( Grand aperçu )
  • Passez en revue, modifiez, dupliquez, déplacez ou supprimez les calques de votre composant à l'aide de cette hiérarchie d'éléments:
 Couche de maçon
Les contrôles de couche faciles à gérer de Mason. (Source: Mason ) ( Grand aperçu )
  • Il n’ya pas que la conception de l’interface utilisateur qui a été simplifiée. Vous pouvez également connecter facilement vos composants à d'autres sources via des API.
 sources de données mason
Connexion de sources de données à des entités Mason afin de préparer le mappage. (Source: Mason ) ( Grand aperçu )
 Cartographie des API Mason
Connexion des API aux composants Mason par le biais du mappage. (Source: Mason ) ( Grand aperçu )

L'onglet «Configurer» de Mason vous permet de vous intégrer rapidement à d'autres applications, telles que:

  • Authy
  • Facebook
  • ] Hubspot
  • Stripe
  • Twilio
  • Et plus encore

Alors, supposons que vous vouliez vendre l’eBook promu dans votre bannière héros au lieu de simplement collecter des leads. La première chose à faire est de configurer l’intégration de Stripe.

Les clés publiables et secrètes de du tableau de bord du développeur de Stripe sont suffisantes:

 Clés de l’API de stripe
Récupérer le Clés API de votre tableau de bord de développeur Stripe. (Source: Stripe ) ( Grand aperçu )

Saisissez ensuite chacune des clés dans le champ correspondant dans Mason:

 Intégrations tierces de Mason
Integrate d'autres applications avec des composants Mason en tant que sources de données, comme cet exemple Stripe. (Source: Mason ) ( Grand aperçu )

Retournez à l'onglet "Conception" et faites glisser l'élément de formulaire de carte de crédit dans le composant.

 Élément de formulaire de carte de crédit Mason
Utilisez l'élément de formulaire de carte de crédit dans Mason pour accepter les paiements via des composants. (Source: Mason ) ( Grand aperçu )

Avec votre formulaire ajouté à la page, il reste une dernière étape à franchir pour mettre en place cette intégration.

Retour à la Configurer l'onglet. Vous verrez maintenant une nouvelle option dans la barre latérale intitulée «Formulaires»:

 Intégration de Mason avec Stripe
Configurez un formulaire de paiement Stripe en quelques étapes à peine avec Mason. (Source: Mason ) ( Grand aperçu )

Vous pouvez voir que tous les détails pertinents ont déjà été ajoutés ici et le lien déjà établi avec votre formulaire.

Encore une fois, Mason fait un travail léger sur quelque chose qui prendrait un peu de temps aux ingénieurs en logiciel s’ils construisaient un composant à partir de rien. Au lieu de cela, vous disposez désormais de tous les outils nécessaires pour concevoir et programmer rapidement de nouvelles fonctionnalités pour votre produit.

Déployer de nouvelles fonctionnalités en toute simplicité

Il est essentiel que les équipes de produit puissent concevoir rapidement de nouvelles fonctionnalités. Cependant, cela ne résout toujours pas le problème du déploiement.

Des goulots d’étranglement peuvent survenir à différents moments du développement d’un produit. Et lorsque vous construisez un logiciel si complexe que seul un ingénieur peut le lancer facilement ou déployer des mises à jour, vous ne pouvez donc vous attendre à plus de retard dans le processus.

Mason a mis au point une solution pour cela. Pour commencer, publier un composant dans la bibliothèque de Mason est un jeu d'enfant. Cliquez simplement sur le bouton "Publier" dans le coin supérieur droit du constructeur et Mason se charge du reste.

Pour intégrer le composant à votre produit ou à votre application, un développeur doit s'impliquer, mais seulement dans les faits. une fois et cela ne devrait pas prendre plus de cinq minutes

Pour ce faire, utilisez le bouton «< > Deploy» dans le coin supérieur droit du constructeur. Vous serez alors invité à procéder comme suit:

 Processus de déploiement de maçon
Le déploiement d'un composant Mason ne prend que cinq minutes et quatre étapes. (Source: Mason ) ( Grand aperçu )

Essentiellement, vous utilisez l'identifiant unique créé par Mason pour la fonctionnalité que vous avez créée et que vous l'ajoutez à votre base de code. . Lorsqu'il est configuré correctement, votre produit appelle l'API Mason pour restituer le composant côté application. Et ceux qui se trouvent au début du site n'en seront pas plus avisés.

C’est aussi simple que cela de faire vivre un nouveau composant et toutes ses fonctionnalités.

Donnez à chacun le pouvoir de faire des changements et de pousser les mises à jour

les remarques que j'ai faites sur les avantages de FEaaS ont dansé autour de cette finale – et énorme – avantage, qui est la suivante:

FEaaS permet à chacun d’apporter des modifications aux fonctionnalités et de faites-en une application réelle.

Pensez-y un instant

Combien de temps votre équipe a-t-elle passé à attendre qu'un ingénieur mette en œuvre les modifications dont il a besoin? Et qu'est-ce que cela a fait en termes de retard de la capacité de votre application à attirer et convertir les visiteurs? Sans une interface graphique impressionnante, sans fonctionnalités fonctionnant correctement, sans tous les éléments essentiels nécessaires pour obliger les visiteurs à agir.

Vous finissez par coûter de l'argent à l'entreprise en tenant le logiciel en otage. Jusqu’à présent, c’est quelque chose que les équipes de produits logiciels ne pouvaient pas aider. C'était juste la nature de leur travail. Mais avec FEaaS de Mason, cela change finalement.

Une fois que vous avez (1) publié votre composant et (2) l'avoir déployé dans votre application, la fonctionnalité apparaîtra dans votre produit. Mais disons que des changements sont nécessaires. Par exemple:

  • Votre concepteur souhaite modifier le style d'un formulaire afin de refléter le nouveau design de la page de destination.
  • Votre responsable marketing dispose d'une nouvelle image de marque qui doit remplacer l'image du héros de la page d'accueil.
  • Votre éditeur a décidé de peaufiner le libellé de la dernière offre de lead gen et souhaite mettre à jour la CTA.

Peu importe qui entre dans le constructeur Mason pour modifier un composant. À la seconde, le bouton “Enregistré” en fondu dans le coin supérieur droit du générateur devient un bouton vert “Aller à la publication”.

 Mises à jour des composants logiciels Mason
La mise à jour des composants Mason peut être effectuée par n'importe qui. (Source: Mason ) ( Grand aperçu )

Et devinez quoi? Aucune expérience technique n'est nécessaire pour cliquer dessus.

 Mason simplifie la publication
Mason se charge de la publication de vos composants et des mises à jour de sa bibliothèque. (Source: Mason ) ( Grand aperçu )

Mason se charge de la publication et du déploiement des modifications, aussi longtemps que la connexion a déjà été établie entre votre application et Mason, ces mises à jour devraient immédiatement être mises en ligne pour que les visiteurs puissent les voir.

Si vous et votre équipe produit êtes enlisés dans une multitude de tickets, vous demandant de construire de nouveaux composants ou de modifier ceux qui existent déjà, cela mettra effectivement un terme à cela. .

En résumé

L’un des aspects les plus intéressants de la création de produits sur le Web est qu’une personne développe toujours un nouveau moyen de nous aider à accomplir davantage tout en faisant moins.

Avec les applications logicielles, en général, c’est longtemps à venir. Heureusement, FEaaS est là et on dirait que Mason a mis au point un outil extrêmement précieux pour accélérer le développement de logiciels, améliorer la production et permettre à davantage de membres de votre équipe de participer.

 Smashing Editorial [19659115] (md, yk, il) </span data-recalc-dims=



Source link