Personnalisation avancée des applications GoodBarber

Notre approche est une approche prête à l'emploi. La preuve en est que, avec GoodBarber, dès que votre application est créée, elle est prête à être utilisée. Alors pourquoi avons-nous décidé de procéder de cette manière ? Nous voulions rendre l'outil aussi facile à utiliser que possible, avec une courbe d'apprentissage très rapide. Et surtout, que promettons-nous ? Nous promettons de créer de superbes applications, c'est-à-dire des applications ayant une cohérence fonctionnelle et une expérience utilisateur. 

Nous pouvons comparer les outils sans code à des briques Lego. En partant de zéro, vous pouvez les assembler comme vous le souhaitez. Nous, chez GoodBarber, ce que nous vendons n'est pas simplement un sac de briques, c'est l'ensemble complet pour construire votre casque de Dark Vador. Vous n'avez pas besoin de vous demander comment il est conçu ou à quoi il ressemble, nous avons élaboré un guide pour le construire. En fin de compte, ce qui est difficile pour un concepteur d'application, ce n'est pas d'écrire du code, ce n'est pas la principale difficulté. La véritable difficulté consiste à formaliser les fonctionnalités. Et notre travail en tant que développeurs, plus que d'écrire du code, consiste à concevoir des fonctionnalités.
 

Je vais vous montrer en 6 points pourquoi nous croyons que cette approche est la meilleure.
​
Surmonter le syndrome de la page blanche
Construire une application ou une fonctionnalité à partir de zéro signifie identifier et répertorier tous les éléments de construction nécessaires. Et surtout, comment les assembler. Toutes ces questions génèrent une charge cognitive élevée et peuvent entraîner une anxiété de la page blanche. Ce que nous essayons de faire, c'est de fournir des réponses à ces questions, et parfois même de les anticiper. C'est pourquoi nous proposons des fonctionnalités pré-construites, nos célèbres ensembles de briques. Nous pensons qu'il est plus facile de commencer avec une fonctionnalité pré-construite et de la personnaliser que de partir de zéro.

Économie de temps
Si nous prenons une fonctionnalité courante telle que l'affichage des articles de blog, 90 % du temps, nous trouverons les mêmes briques et une disposition similaire. Vous avez un affichage de liste, un affichage de page de détail, des fonctionnalités de lecture des commentaires et de publication, de partage, etc. Si nous prenons un autre exemple, comme la fonction d'authentification, là encore, vous trouverez des briques similaires et des mises en page similaires : une page de connexion, un profil d'utilisateur, une page d'édition de profil d'utilisateur, une fonction de mot de passe oublié, et ainsi de suite. Nous ne laisserons pas nos utilisateurs recréer les mêmes ensembles à chaque fois. C'est là que réside le véritable gain de temps.

Auparavant, nous parlions des implications des décisions de conception, ici nous en sommes à un autre point très concret : éviter de perdre du temps. Nous sommes tous familiers avec ces fonctions, et 90 % du temps, nous trouverons la même mise en page. Si vous voulez le casque de Dark Vador avec des cornes, il est plus facile de partir du casque pré-construit et d'ajouter ce que vous voulez.

Éviter les erreurs
Auparavant, je vous disais que le travail d'un développeur est de concevoir des fonctionnalités, mais aussi de partager son expérience. Il est facile de faire des erreurs lors de la conception d'une application. Nous avons tous vu des applications avec un contenu cool mais une mauvaise expérience utilisateur. Par exemple, vous pouvez voir des applications avec des icônes trop petites ou autre chose. J'ai déjà vu trop d'actions dans la même zone. Ici chez GoodBarber, nous essayons de partager notre expérience en mettant en place des dispositifs de sécurité pour éviter les erreurs courantes. Une erreur qui me vient à l'esprit est une application avec trop de boutons d'action dans l'en-tête. Dans notre produit, dans ce cas, nous basculons automatiquement la configuration de l'en-tête pour ajouter un menu supplémentaire.
C'est ce que je vous ai présenté comme une approche qui pourrait sembler restrictive, mais nous la considérons plus comme une approche intelligente. Notre objectif n'est pas de standardiser complètement les applications de nos clients, mais d'éviter qu'ils ne commettent des erreurs évidentes.

Nous avons une règle interne qui dit que si un paramètre n'est pas utilisé par au moins 10% de nos clients, nous ne l'incluons pas dans le panneau. Pourquoi ? Nous voulons maintenir une interface aussi simple que possible. C'est la promesse dont je parlais plus tôt. Mais la réalité, et c'est ce que je vais vous montrer aujourd'hui, c'est que ces paramètres cachés sont toujours disponibles.

Eh bien, si vous lisez cet article, c'est parce que vous êtes des utilisateurs experts, donc vous n'avez pas besoin de cette interface légère et jolie. Alors, si vous voulez prendre la pilule rouge, je vais vous montrer ce qui se cache derrière le rideau. Vous pourrez directement éditer des paramètres explicites, et je vais vous montrer comment faire.

Ici, dans cette démonstration, vous verrez comment ajouter une ombre à toutes les cellules de la liste.

Tout d'abord, vous devrez ajouter une extension pour activer cette édition de paramètres cachés. Vous pouvez la trouver dans notre magasin d'extensions sous le nom d'Édition JSON.

Une fois installée, elle activera un bouton JSON qui apparaîtra dans chaque ensemble de briques du produit. En cliquant dessus, vous pourrez éditer tous les paramètres de cet ensemble de briques.

Ici, je vais moderniser un peu le champ de ma boîte de connexion. Nous avons choisi de les configurer avec un fond blanc car c'est la configuration la plus courante, mais dans cette démonstration, vous verrez que je suis capable de le changer.