Le nouveau backoffice GoodBarber

Ecrit par le Jeudi 7 Aout 2014

Le nouveau backoffice GoodBarber
Comme ceux d'entre vous qui ont effectué la migration vers la V3 de GoodBarber l'ont sans doute déjà remarqué, le nouveau backoffice est radicalement différent de son prédécesseur.

Les applications mobiles natives sont sur le point de devenir l'outil privilégié d'accès à internet, et nous avons voulu créer un backoffice qui prend en compte cette évolution. En réalité, GoodBarber, c'est plus qu'un outil qui permet de créer des applis. C'est un outil qui permet de créer ​et gérer les applications.

Dans cet article, nous souhaitons aborder quelques uns des changements majeurs et leur logique. 

Une création étape par étape

Le nouveau backoffice GoodBarber
Un de nos objectifs était de créer une interface permettant aux nouveaux utilisateurs d'appréhender intuitivement les démarches suivre pour créer leur application.

Comme la création d'une application est une nouvelle expérience pour la plupart des utilisateurs, notre idée était de proposer un chemin à suivre de l'ouverture du compte jusqu'à la publication dans les stores, au lieu de les confronter à une table rase. Ainsi, ils peuvent aussitôt se lancer dans la création, au lieu de se familiariser d'abord avec l'interface.

Afin des les aider à mieux visualiser le processus, nous avons voulu donner un retour visuel de l'avancement du projet.

C'est pourquoi nous avons décidé d'afficher un fil d'Ariane en haut de l'écran qui indique les quatre étapes à suivre pour créer une application GoodBarber:

- choisir le design,
- ajouter son contenu,
- tester l'application,
- publier l'application
 

Tout commence avec le design

Le nouveau backoffice GoodBarber
Comme un nouvel utilisateur GoodBarber, regardons d'abord le design. En choisissant GoodBarber, l'utilisateur sait déjà pourquoi il veut créer son application, et par conséquent quel contenu il entend ajouter.

Pour quelqu'un sans expérience préalable, l'étape la plus difficile est de définir le design de son application.

Sous l'onglet design, le backoffice est divisé en trois colonnes:

- A gauche, une colonne qui permet de passer entre les commandes principales et qui reste toujours inchangée.
- Au centre, la prévisualisation de votre travail. Nous y avons dédié une grande surface. 
- A droite, les commandes relatives au design de l'application elle-même.

En affichant les commandes dont vous avez besoin uniquement quand vous en avez besoin, l'interface n'est pas encombrée avec des commandes inutiles. Cela permet de se concentrer sur son travail, au lieu de chercher le bon bouton ou un menu déroulant.

Et ce n'est pas tout ce que nous avons fait pour faciliter autant que possible la navigation : nous avons réparti les configurations sur trois onglets: général, avancé, et options. En commençant par les paramètres les plus importants, l'utilisateur n'a pas besoin d'entrer immédiatement dans les détails.

Finalement, c'est dans la colonne la plus large, au centre, que la magie opère : toutes les modifications sont visibles en temps réel. Dans la prévisualisation, vous pouvez choisir entre un appareil Android, un iPhone et désormais également un iPad. 

Une application iPad sur mesure

Le nouveau backoffice GoodBarber
L'une des fonctionnalités les plus importantes de la nouvelle version de GoodBarber 3 est l'introduction d'une version iPad pour les applications.

Les applis iPad ne sont pas simplement des versions étirées de la version iPhone, elles sont construites en tenant compte des spécificités des dimensions de l'écran.

L'utilisation optimale de tout l'écran est cruciale pour une application tablette réussie, mais cela représentait également un défi pour nous : comment faire une application spécifique à l'iPad, sans contraindre l'utilisateur à configurer deux fois son application?

Notre solution était de créer deux versions différentes de chaque thème, chaque mode de navigation, etc. Ainsi, la grande majorité des adaptations sont faites directement par GoodBarber - l'utilisateur fait un seul choix, et les deux versions sont crées automatiquement. Quand un choix spécifique pour chacun des deux appareils est incontournable, l'utilisateur est alerté avec des icônes correspondantes.

Cette approche à la création d'applications avec un app builder est unique et n'a jamais été réalisée auparavant. 

Visualisation dès le début

Le nouveau backoffice GoodBarber
Même si vous commencez par créer le design de votre application, il peut être difficile de concevoir le résultat final.

C'est pourquoi un thème est attribué, au hasard, à chaque nouvelle application GoodBarber. Ensuite, l'utilisateur peut évidemment choisir son préféré parmi les 50 thèmes proposés, qui peuvent tous être personnalisés à 100%.

L'application est également déjà pré-remplie avec un exemple de contenu, afin de permettre à l'utilisateur de visualiser le design de son application avant même de rajouter son propre contenu.

Ajoutez du contenu, tout simplement

Le nouveau backoffice GoodBarber
Depuis le lancement de GoodBarber 2.5 Salvador, nous avons constaté que la majorité de nos utilisateurs choisissent GoodBarber grâce à notre CMS intégré.

Cela reflète l'importance croissante de l'internet mobile, car beaucoup d'utilisateurs se passent entièrement de certaines formes traditionnelles de présence en ligne, comme un blog par exemple, et se servent d'une appli comme leur première présence sur le web. C'est pourquoi nous n'avons pas seulement amélioré l'interface du CMS, mais nous avons aussi introduit la possibilité d'ajouter des sons, en complément des articles, des images et des vidéos.

L'interactivité est également de plus en plus sollicitée dans les applis, comme nous avons pu le constater à travers la popularité de la section soumission, qui permet aux utilisateurs d'envoyer du texte, des images et des vidéos directement depuis l'application.

En travaillant sur le contenu, vous remarquerez que l'organisation de l'interface est inchangée par rapport au design: les commandes principales à gauche, les commandes spécifiques à droite, et au milieu, le contenu sur lequel vous travaillez. 

L'appli My GoodBarber

L'application My GoodBarber est le prolongement mobile de votre backoffice.

Auparavant, il était nécessaire de générer l'application avant de pouvoir la tester directement sur votre portable. Maintenant, avec l'application My GoodBarber, vous pouvez la contrôler directement.

C'est particulièrement utile si vous avez plusieurs applications, car vous pouvez passer d'une appli à l'autre en seulement quelques secondes. Et ce n'est pas tout, car vous pouvez également suivre en direct vos statistiques et même envoyer des notifications push. 

Au-delà de la publication

Le nouveau backoffice GoodBarber
Après avoir défini le design et ajouté le contenu de votre application, vous serez prêt à la générer, la tester et la publier.

Beaucoup s'accordent à dire que soumettre une application à l'App Store ou à Google Play peut s'avérer assez compliqué. Nous avons tout fait pour rendre ce processus aussi simple que possible avec des instructions détaillées qui accompagnent l'utilisateur et expliquent étape par étape les démarches à effectuer.

De plus, nous proposons toujours le service "GoodBarber s'en occupe". Dans ce cas, c'est nous qui nous occupons des soumission iOS et Android, ainsi que de toutes vos mises à jours futures.

Une fois votre application publiée, vous aimerez sans doute savoir qui sont vos utilisateurs, et comment ils utilisent votre appli. Des statistiques détaillées sont consultables directement depuis votre backoffice - mais si vous le souhaitez il est désormais également possible de réellement travailler avec les chiffres grâce à l'exportation des données vers Excel en un seul clic. 

Pourquoi le nouveau backoffice?

Chez GoodBarber, notre objectif est de permettre à nos utilisateurs de créer la meilleure expérience utilisateur possible pour leurs utilisateurs.

Il est donc tout à fait logique que nous désirions faire de même. Le backoffice n'est pas important qu'en terme de facilité d'utilisation. Nous sommes convaincus qu'un meilleur backoffice permet de créer de meilleures applications.

Si l'utilisateur n'a plus à se soucier d'apprendre à utiliser son backoffice, il peut se consacrer entièrement à la création de son application, et concentrer toute sa créativité et son énergie à transformer une bonne idée en une excellente application. Après tout, c'est ça notre but!



avatar
@Quent Demandez la migration au support en ouvrant un ticket depuis votre back office
http://blog.goodbarber.com/fr
Je ne sais pas comment passer à cette fameuse v3.. ? :-(

Entrez votre adresse email