Une Progressive Web App : qu'est-ce que c'est et comment ça fonctionne ? On vous dit tout.

Chez GoodBarber le mois de Février a été marqué par un évènement auquel nous tenons à assister année après année: le Mobile World Congress. Si se déplacer dans ce type d'évènement nécessite plusieurs jours de préparation, cela représente une occasion idéale pour rencontrer nos clients fidèles, rencontrer de nouveaux acteurs du marché, ainsi que ceux qui nous suivent depuis le début de l'aventure GoodBarber.  Cette année encore, l'évènement aura été riche en apprentissage. Nous avons pu prendre mieux conscience de l'évolution du marché et de vos attentes.

La récente naissance des PWA fait que ce concept est très nouveau pour beaucoup, ce qui signifie qu'il est encore difficile d'obtenir des informations fiables. Quand l'information manque, la légende et les rumeurs commencent à se répandre, et nous avons été exposés à beaucoup de fausses idées autour du domaine des Progressive Web App! Cet article est destiné à mettre les choses au clair sur certaines des fausses idées les plus courantes entourant Progressive Web Apps, et avec ces informations, espérons que vous serez en mesure de prendre une décision éclairée quant au choix d’une PWA pour votre projet .

En ce début d'année, nous avons mis l'accent sur un développement qui nous tient à coeur: le design de vos applications. Vous le savez, il s'agit là du fer de lance de GoodBarber : vous permettre de créer les plus belles apps, et de les porter à l'écran le plus facilement possible.  C'est exactement dans ce sens que nous avons pensé la toute dernière fonctionnalité de votre back office : le Menu Style Global.   Tout l'enjeu de GoodBarber, c'est de réussir à concilier les innombrables possibilités de personnalisation de vos apps, au travers d'une interface dotée d'une expérience utilisateur fluide. Et pour vous faciliter la vie et profiter pleinement du potentiel de GoodBarber, nous vous proposons aujourd'hui ce tout nouveau menu vous permettant de gérer le design général de l'application depuis un seul et même menu. Vous gagnez du temps et il devient plus facile de maintenir un design homogène sur toutes les pages de l'app. Aussi vous pouvez désormais modifier des parties entières d'un thème, et appliquer les modifications à toutes les pages de l'app en 1 clic. Ne tardez pas à aller découvrir ce nouveau menu qui vous permet de gérer les éléments de design suivant : Thème de couleur Typographie Boutons Effets de survol Eléments additionnels

Un des avantages majeur des PWAs est sans aucun doute leur capacité à faciliter l'acquisition de nouveaux visiteurs. Comment? Premièrement parce que les PWAs apparaissent dans les résultats des moteurs de recherche, deuxièmement parce qu'on y accède par le biais d'une simple URL, que vous pouvez facilement glisser n'importe où, et surtout dans des endroits que l'on néglige souvent. Avec toutes ces possibilités, manquer ne serait-ce qu'une seule opportunité de promotion n'est pas une option. 

On se retrouve aujourd'hui pour la présentation d'une toute nouvelle option de la section Agenda.  Comme à notre habitude, nous avons étudié votre façon d'utiliser GoodBarber, et concernant les apps événementielles, nous nous sommes rendus compte que vous étiez nombreux à les utiliser dans le cadre d'évènements comportant plusieurs créneaux horaires dans une même journée. Nous avons donc décidé de vous proposer cette nouvelle option, qui se révèlera beaucoup plus intuitive pour vos utilisateurs.  

L'envoi de newsletter est un excellent moyen de rester en contact avec votre audience, et de la fidéliser. Que vous ayez décidé de construire une PWA ou une app native, votre application est le lieu de rendez vous privilégié de votre communauté, il est donc important qu'il puisse y trouver tous les moyens de rester en contact avec vous ou avec votre marque. C'est pour cela que nous avons décidé d'ajouter un nouveau widget que vous pourrez facilement intégrer à votre Home, le Widget Newsletter.

Ce mois-ci nous avons mis l'accent sur une section capitale de votre app: la Home Modulaire. Dans le but de vous donner toujours plus de possibilités et de vous permettre de construire la section d'accueil parfaite pour votre app, nous avons travaillé sur 3 nouveaux widgets qui vous ouvrent de nouvelles portes en termes d'engagement, d'expérience utilisateurs et de design.

Il y a quelques mois nous vous présentions la section Recherche  qui permet à vos utilisateurs d'effectuer des recherches dans le contenu de votre app.  Aujourd'hui un nouveau point d'accès est disponible pour cette section Recherche:

On se retrouve aujourd'hui pour la présentation d'un nouveau thème imaginé par Marie-Julie, notre designer, et qui réchauffera votre app en cette fin d'année! Tout comme dans Sunset , Stardust  et Blurred , nous retrouvons ici l'utilisation de dégradé, dans les tons de bleu cette fois, qui ne manque pas de nous rappeler les vacances.   Marie-Julie vous expose comme à son habitude un aperçu de ce que pourra être votre app si vous décidez de lui faire revêtir les couleurs de ce thème. Couleurs, typographie, icônes, découvrez en un coup d'oeil le potentiel de ce thème, aussi bien sur mobile que sur desktop.

Le défilé des nouveaux thèmes GoodBarber 4.0 continue de plus belle avec la présentation aujourd'hui du thème Nightdrive! Vous connaissez déjà les petits nouveaux Sunset, Stardust et Blurred. Cette fois-ci Marie-Julie, notre designer a eu envie de partir sur une base sombre avec une pointe de néon, en choisissant de travailler une dominance de noir, accentuée par des tons de rose et de bleu. Comme d'habitude, vous pouvez explorer toutes les options de personnalisation disponibles grâce à cette infographie, et bien évidemment si vous vous sentez inspirés par ce thème, n'hésitez pas à l'essayer sur votre projet!

On se retrouve aujourd'hui pour la présentation d'une nouvelle création de notre designer Marie-Julie. Après Sunset et Stardust, il est temps de vous parler du thème Blurred!  Un thème aux couleurs chaudes que vous pouvez explorer sous tous ses angles grâce à cette infographie afin d'avoir une idée de ce qu'il pourrait donner associé à votre projet. Découvrez toutes les options de customisation disponibles, et si ce thème vous inspire, rendez-vous dans votre back office pour l'activer et le personnaliser à votre guise!

Après la présentation du thème Sunset le mois dernier, c'est maintenant au tour du tout dernier Stardust de faire son entrée. Toujours à la pointe de la tendance, retrouvez à nouveau dans ce thème l'incontournable gradient, cette fois-ci décliné dans des tons de bleu. Marie-Julie vous expose comme à son habitude un aperçu de ce que pourra être votre app si vous décidez de lui faire revêtir les couleurs de ce thème. Couleurs, typographie, icônes, découvrez en un coup d'oeil le potentiel de ce thème, aussi bien sur mobile que sur desktop.

Le moment tant attendu est arrivé: vous pouvez désormais migrer votre projet vers GoodBarber 4.0 et profiter ainsi de toutes les nouvelles fonctionnalités de la plateforme  grâce aux technologies développées. Nous avons mis un point d'honneur à rendre la migration de votre projet la plus fluide possible, pour une transition en douceur. C'est dans cette optique que nous avons conçu un assistant qui vous guidera à chaque étape afin que vous profitiez pleinement des nouveautés de GoodBarber le plus rapidement et avec le moins d'efforts possible.

Toujours dans le but de vous proposer le meilleur outil pour la création de votre app, nous avons consacré le mois de Juin 2017 à améliorer et optimiser la quatrième version de GoodBarber. La matière du travail de ce mois-ci, outre les corrections de bugs et améliorations diverses, a porté aussi bien sur l'intuitivité du back-office, sur des fonctionnalités spécifiques ou que sur des améliorations de design comme par exemple la refonte des templates de liste Article.

GoodBarber 4.0 introduit une foule de nouveautés dans la manière de conceptualiser votre application, avec en particulier la section Home ou encore, le Menu désolidarisé du contenu. Mais la nouveauté se situe aussi au niveau de l’approche visuelle. Nous l’avons déjà évoqué dans notre article "du mobile au desktop web", le design de la V4 c’est une interface utilisateur inspirée par le mobile, propagée sur tous les écrans, y compris le desktop.

Nous avons ajouté des sécurités supplémentaires sur le QR code de votre carte de fidélité. Désormais, il est possible de détruire un QR code existant et le remplacer par un nouveau.

Depuis la mise en ligne de GoodBarber 4.0, nous attachons une attention particulière à étudier les retours de notre communauté. C'est vous qui nous donnez en partie matière à nous améliorer ! Le mois de Mai 2017 a donc été placé sous le signe de l'optimisation, tant en ce qui concerne l'intuitivité du back office, qu'au niveau des outils de conception produit, avec toujours une seule idée en tête : vous permettre de créer des apps répondant au maximum de vos besoins, en toute simplicité.  

Depuis la mise en ligne de GodBarber 4.0, nous mettons l'accent sur l'amélioration de l'experience utilisateur dans le nouveau back office.  Chaque jour, nous analysons les éléments de comportement et d'usage des utilisateurs dans la nouvelle interface de GoodBarber. Cette audit permet à notre équipe produit (ergonomes, designers, ...) de mesurer si leurs choix de conception et les processus associés sont les bons. En d'autres termes, est-ce que les utilisateurs arrivent à utiliser le produit conformément à ce que l'on a imaginé ? Le rêve d'un Product Manager, c'est de pouvoir jeter un oeil par dessus l'épaule de tous les utilisateurs de son produit, pour observer l'usage et comprendre comment ils réagissent devant l'interface de production qu'ils découvrent. Grâce à l'analyse de données et au Data Driven Design, ce rêve devient réalité.  De nombreux logiciels de prestataires du secteur permettent de collecter des informations au cours de l'utilisation d'une interface. L'analyse de ces données permet d'avoir une vue à un instant t du parcours réel de l'utilisateur. A partir de cette analyse, designers et ergonomes de métier opèrent des modifications dans l'interface du produit pour améliorer le parcours.  Les modifications sont apportées par itérations successives. A chaque évolution, l'équipe Produit et l'équipe en charge de l'audit des données (les Data Scientists) mesurent l'impact de la modification en quasi temps réel. Pour un produit comme GoodBarber, nous sommes capables après 24h de dire si la modification appliquée dans le back office à un impact positif ou négatif sur l'expérience utilisateur.

Le saviez-vous ? Lundi, 5 juin 2017, aura lieu la Journée Mondiale de l’Environnement. Certes, difficile de se départir du sentiment, qu’après tout, la journée de l’environnement ça devrait être toute l’année. Mais, il n’en reste pas moins qu’un peu d’attention en faveur de la protection de l’environnement, ça ne se refuse pas. L’occasion de partager avec vous quelques unes des actions que nous avons mis en place dans nos locaux, le CampusPlex, au quotidien pour que la planète bleue soit un peu plus verte, et même chez nous, avec de petits gestes, voire parfois des grands, comme Sébastien qui a installé des panneaux solaires à la maison. Action !

Dans les semaines qui ont précédé la sortie de GoodBarber 4.0, comme vous pouvez l’imaginer, il y avait une certaine agitation dans l’air, dans notre QG à Ajaccio et un peu partout également, grâce aux membres de la team en remote, sans oublier dans nos locaux à Lisbonne et New York. Il faut dire que tout cela était entretenu par ce qu’on a baptisé un "war mode" avec des réunions quotidiennes en mode "stand up", histoire de se réveiller le matin et de partir du bon pied le soir, non sans avoir coché une ou plusieurs (victoiiiiiire) tâches sur la to do liste.

Le menu s'utilise pour la navigation secondaire dans votre app. Sept concepts différents sont proposés. Chacun possède des options de configuration très poussées. Grâce à cette diversité, qui fait l'une des forces de GoodBarber 4.0, le menu complète la home pour diriger habilement le trafic au sein de votre app.

Découvrez notre nouvelle version, GoodBarber 4.0, et le potentiel qu'elle représente pour votre activité en tant que Reseller GoodBarber, qu'il s'agisse d'accroître l'audience des apps de vos clients grâce à la web app ou de booster votre agence avec une offre de nouvelle génération !

GoodBarber 4.0 marque une étape importante dans l'évolution de GoodBarber. Augmenter la visibilité de votre contenu, proposer une expérience utilisateur exceptionnelle quel que soit le terminal et disposer d'une flexibilité infinie pour construire l'interface d'une app ont été nos objectifs pour développer GoodBarber 4.0. Chez nous, on aime la nouveauté ! Il faut y ajouter une tendance de fond. Le mobile et l'interface tactile ont redéfini la façon de concevoir des interfaces graphiques modernes. Tout cela donne naissance au nouveau GoodBarber et à ses améliorations. Plus de 350 fonctionnalités pour créer des apps natives et des progressive web apps. Voyons les principales nouveautés de GB4.