eCommerce
Systèmes d'abonnement
Cours en ligne
Réservation en ligne
Guide touristique
Evènements
Communication d'entreprise
Créateurs de contenu
Click & Collect
Journaux
Radio
Ecoles et Universités
Spiritualité
Associations
Restaurant
Epicerie
Créez votre app sur-mesure
APP BUILDER NO CODE
TECHNOLOGIE
POURQUOI GOODBARBER ?
Design
RESSOURCES LIEES AU PRODUIT
THEMATIQUES
REVENDEURS D'APPS
À DÉCOUVRIRLe nouveau back office GoodBarber pour les applications mobiles
Ecrit par GoodBarber Team le
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é, le générateur d'applications 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.
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é, le générateur d'applications 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
Un de nos objectifs était de créer une interface permettant aux nouveaux utilisateurs d'appréhender intuitivement les démarches à suivre et les éléments pour créer leur application en fonction de leurs besoins.
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
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
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 en fonction.
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 (couleurs, forme...).
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 différents appareils : un appareil Android, un iPhone et désormais également un iPad.
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 (couleurs, forme...).
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 différents appareils : un appareil Android, un iPhone et désormais également un iPad.
Une application iPad sur mesure
L'une des fonctionnalités les plus importantes de la nouvelle version de GoodBarber 3 est l'introduction dans la technologie 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.
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
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.
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
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.
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.
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
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.
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, sur leurs appareils mobiles.
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!
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!
POUR ALLER PLUS LOIN :
- Si vous souhaitez vous lancer dans le domaine des applications mobiles, découvrez comment développer une application mobile en ligne , guidé par notre équipe dans toutes les étapes de votre travail ! Vous pourrez ainsi créer une application native compatible avec les mobiles de vos utilisateurs. Un tel outil peut vous permettre de développer votre business rapidement et efficacement.
- Si vous souhaitez vous lancer dans le développement de votre propre application mobile, vous hésitez peut-être entre plusieurs options. Vous vous demandez peut-être : les applications natives sont-elles toujours les meilleures applications mobiles ? Découvrez à travers cet article en ligne comment la technologie vous permet de donner vie à votre travail, sous une autre forme qu'une application native. Vous pourrez ainsi élaborer un outil adapté à l'écran de tous les mobiles, sous une forme originale !
- Notre générateur d'applications vous permet de vous lancer dans votre propre développement, pour créer une app en ligne qui vous ressemble et qui répond à vos besoins. GoodBarber vous accompagne dans toutes les étapes de votre travail et améliore continuellement les éléments de son outil de création. Découvrez une nouvelle façon de gérer le contenu de votre application mobile avec GoodBarber 4.5 . Vous pourrez ensuite retrouver votre app sur iOS et Android, directement sur votre écran de mobile !
- Il existe plusieurs types d'applications mobiles, les applications natives ne sont pas le seul outil que vous pouvez créer ! Cependant, si vous avez décidé de procéder au développement d'une telle app, découvrez les meilleures fonctionnalités pour une application native , que vous pourrez publier sur iOS et Android et retrouver sur les mobiles de vos utilisateurs.
- Pour vous permettre un meilleur développement d'application à toutes les étapes, nous avons mis au point GoodBarber 3.5 . Grâce aux nouvelles fonctionnalités de notre système, vous pourrez mettre en ligne, sur iOS et Android, une app réussie et optimisée que vous retrouverez sur votre écran de mobile.
- Une fois le développement en ligne de votre app terminé, boostez vos téléchargements grâce aux conseils de l'agence Interpaul, qui allie application mobile et design !
- Donnez vie à votre propre outil iOS ou Android, en apprenant à créer une application mobile en ligne, de l'idée jusqu'au développement .