Blog

Quoi de neuf chez GoodBarber? Mars 2018

Head of Frontend Engineering

  Mis à jour le   7 min de lecture

Vous le savez, nous avons toujours mis un point d'honneur à vous fournir les meilleurs conseils et les meilleurs outils possibles pour vous permettre d'offrir une expérience parfait à vos utilisateurs, en matière d'expérience sur mobile. Pour tenir cette promesse, il nous faut sans cesse nous assurer que GoodBarber est à la pointe des innovations et de la tendance, et que le meilleur de la technologie et les meilleurs éléments de création sont à votre disposition. Cela passe en partie par une étude des tendances et de vos besoins.
 
La fin d'année 2017 a été marquée par la sortie d'une nouveauté chez Apple, qui promettait une expérience encore plus immersive à ses utilisateurs: l'iPhone X.
 
Cette nouveauté, loin d'être déjà adoptée par les applications les plus connues du marché, représentait une bonne occasion en matière de technologie pour vous de démarquer en proposant des apps totalement adaptées à ce nouveau format.

Cela est désormais possible puisque notre équipe iOS s'est penchée sur la question et est heureuse de vous proposer aujourd'hui une version de votre app 100% adaptée à l'iPhone X.

Quels changements pour s'adapter à l'iPhone X?

Pour pourvoir tirer parti de l'écran Super Retina du dernier iPhone sans problèmes ni aucun crash, l'interface utilisateur doit être revue et corrigée puisque vous le savez, l'écran n'est désormais plus simplement rectangulaire.

Apple a publié une documentation regroupant les règles à respecter pour adapter une app à cette nouvelle taille écran, et c'est ce que nous avons fait pour vous.

Après étude, voici quelques exemples de changements que nous avons effectués, au niveau des boutons par exemple, pour vos utilisateurs possédant un iPhone X:
  • Le header a été agrandi, et le contenu décalé vers le bas afin de laisser la place au Notch (ou Sensor Housing), et permettre ainsi à votre application de remplir l'écran sans être tronquée,
  • De la même façon, les éléments du bas de l'app ont été repositionnés afin que l'application n'interfère par avec le Home Indicator, et que chaque commande, de l'app ou de l'iPhone reste clairement visible et accessible.
  • L'animation de la disparition de la Navbar a également été modifiée. Elle disparaît désormais totalement pour permettre à l'application de se propager jusqu'à chaque bord de l'écran, offrant ainsi une expérience totalement immersive.

Cette liste est non exhaustive et nous vous invitons bien évidemment à tester votre application sur un iPhone X, afin de découvrir l'ensemble des changements, ajustements de boutons et autres que nous avons mis en place ;)

Alors finalement, à quoi ressemblera votre app sur un iPhone X? Puisqu'une image vaut mieux que mille mots, voici un aperçu du rendu d'un app GoodBarber:


Vous trouverez ci-dessous le récapitulatif des développements et mises à jours effectuée durant ce mois de Mars 2018 pour corriger les problèmes, éviter un crash et vous offrir de nouvelles options de création : 

Back office

  • Section photo
    • Correction d'un problème sur le téléchargement de photos.
 
  • Section du menu
    • Correction d'un problème qui provoquait une duplication de ce type de section.
 
  • Section Formulaire
    • Optimisation du temps de réponse de l'export des réponses aux formulaire.
 
  • Notifications push
    • Optimisation du temps d'affichage pour toutes les pages de notifications push.
    • Correction de certains problèmes d'affichage sur la page de statistiques des notifications push.

App native iOS

  • Général
    • Adaptations et optimisations pour l'iPhone X
 
  • Section Article
    • Dans le template 7, correction d'un problème entraînant l'absence de  vignettes dans la liste.
 
  • Section Carte
    • Correction d'un problème qui entraînait l'absence d'image au premier chargement.
 
  • Section Favoris
    • Sur iPad, correction d'un problème entraînant l'affichage de vignettes de photos de mauvaise qualité.
 
  • Section HTML
    • Correction d'un problème qui provoquait l'affichage d'un espace vide en haut de l'écran.
 
  • Mode de navigation Grid
    • Correction d'un problème qui cachait l'arrière plan en dégradé.
 
  • Add-on Authentification
    • Correction d'un problème qui cachait l'arrière plan en dégradé dans la vue de login.
 
  • Add-on Couponing
    • Correction d'un problème qui entrainait le masquage du bouton d'article par la bannière publicitaire.
 
  • Autres améliorations et corrections
    • Correction d'un bug dans l'animation de disparition du header.
    • Correction d'un problème qui rendait le passage entre deux sections trop long.
    • Correction d'un problème qui provoquait un rejet d'Apple pour un crash dans le réseau IPV6 only.

App native Android

  • Général
    • Vous pouvez maintenant faire des liens vers des fichiers .doc, ils seront affichés dans l'application.
 
  • Section Article
    • Dans la vue de détails, des problèmes concernant les vidéos HTML5 ont été corrigés.
 
  • Section Agenda
    • Dans la vue de détails, des problèmes concernant les vidéos HTML5 ont été corrigés.
 
  • Section Recherche
    • Un problème qui empêchait l'ouverture de la vue de détail lorsque vous cliquiez sur un point de la carte a été résolu.
 
  • Section A Propos
    • Des problèmes concernant les vidéos HTML5 ont été résolus.
 
  • Section HTML
    • Dans le template URL, vous pouvez désormais faire des liens vers des fichiers PDF.
 
  • Mode de navigation Grid
    • Si la propriété JSON "startOpen" est à 1, le menu n'est plus fermé sur les sections Click to.
 
  • Mode de navigation Slate
    • Si la propriété JSON "startOpen" est à 1, le menu n'est plus fermé sur les sections Click to.
 
  • Add-on Authentification
    • Il n'est désormais plus possible de valider les champs obligatoire avec uniquement un espace.

Progressive Web Apps

  • Section Home
    • Dans les widgets avec les templates Small & Big Carousel, le carousel est désormais correctement affiché au chargement initial de la page.
    • Dans les widgets de navigation, un problème sur les devices iOS, rendant le bouton d'action invisible, a été résolu.
 
  • Section Article
    • Dans la vue de détails, the tag HTML "h4" n'est plus agrandi.
    • Dans les templates 8 & 9, un problème d'affichage qui apparaissait sur les navigateurs Firefox a été corrigé.
 
  • Section son
    • Un problème concernant l'ordre dans pistes dans la playlist a été corrigé.
 
  • Mode de navigation TabBar
    • Désormais l'arrière plan en dégradé est correctement affiché.
 
  • Add-on Authentification
    • Il n'est désormais plus possible de valider les champs obligatoire avec uniquement un espace.
 
  • Add-on Couponing
    • Désormais le filtre par catégorie fonctionne même si il n'y pas de localisation utilisateur disponible.

Plugins

  • App native iOS
    • Un problème provoquant l'affichage d'un espace vide en haut du plugin a été corrigé.
 
  • Méthode gbGetUser()
    • Un problème empêchant cette méthode de fonctionner sur les iPads a été corrigé. Pour profiter de ces modifications vous devez télécharger la nouvelle version du fichier GBJSTK.js ici: https://github.com/goodbarber/gbjstk

POUR ALLER PLUS LOIN :

 

  • Découvrez les nouveautés en ligne de GoodBarber 4.0 , qui vous permettront de publier une app native ou une PWA complète et optimisée pour iOS et Android ! Vous trouverez des widgets adaptés en fonction de vos besoins, pour retrouver sur votre écran de mobile une Beautiful App !
  • Nous voulons offrir à chaque éditeur d'app la possibilité de réaliser un travail complet et approfondi, ce pourquoi nous avons mis en ligne de nouvelles fonctionnalités GoodBarber en Novembre 2017 . A travers notre titre, découvrez les nouveaux widgets qui apparaîtront désormais sur votre écran à l'ouverture de notre logiciel, et, en fonction de votre attention, vous remarquerez peut-être les subtiles améliorations lors de votre travail !
  • L'ouverture à de nouvelles possibilités de création est un aspect important de notre travail ! Nous souhaitons, qu'en tant qu'éditeur, vous ayez accès à des widgets qui vous permettent de développer une PWA ou une application native comme vous l'avez imaginée, pour votre écran d'appareil iOS ou Android. En fonction des améliorations et nouveautés mises à votre disposition, nous publions un titre chaque mois regroupant toutes les informations à savoir. Ce mois-ci, découvrez les nouveautés mises en ligne en Décembre 2017 .
  • A l'ouverture de notre système, vous avez peut-être remarqué des nouveautés et changements ? C'est normal ! Nous avons mis en ligne de nouvelles fonctionnalités pour vous faciliter votre travail, en tant qu'éditeur, et vous offrir de nouvelles possibilités de création pour votre PWA et votre app native iOS ou Android, en fonction du store que vous aurez choisi. Pour découvrir nos conseils d'utilisation et les nouveaux widgets GoodBarber de Mai 2018 , consultez notre titre !
  • Quoi de neuf chez GoodBarber en Octobre 2018  ? Découvrez notre titre en ligne pour tout savoir des nouveaux widgets, qui amélioreront la création de votre app native ou de votre PWA ! En fonction de vos besoins et de vos préférences, vous pourrez ensuite publier votre travail sur le store iOS ou Android. Votre business bénéficiera ainsi d'une nouvelle ouverture !

À lire aussi

  14 min de lecture

Combien coûte une application de fitness en 2026 ?

Cinq voies mènent à une application de fitness, chacune avec son mode de prix : un forfait, une option de logiciel de salle, au client, à l'abonné ou sur devis. Le tableau ci-dessous compare ce que coûte chacune et le travail pour lequel elle est faite.

Conseils pour créer une app