L'évolution de notre application mobile a débuté par un projet interne de hack day visant à créer une vue mobile pour l'application web PagerDuty . Ce site web mobile a été transformé en une application mobile improvisée utilisant un wrapper natif pour les notifications push. Malgré les limitations de notre première application, 30 % des alertes non envoyées par e-mail étaient des notifications push après seulement huit mois.

L'application étant accessible au public pour les clients PagerDuty , nous avons été vivement critiqués. Aimez le commentaire ci-dessous :

MDR, l'appli PagerDuty n'est qu'un navigateur web mobile avec notifications push ? C'est vraiment horrible, non ? – L’un (et la plupart) de nos clients qui ont téléchargé l’application mobile

Ancienne application mobile de PagerDuty

Sur la voie du HTML5

Nous avons fait une erreur en choisissant jQuery Mobile comme solution HTML5. L'application initiale était lente, avec un temps de latence de 1 à 2 secondes pour la plupart des actions intégrées, et elle n'était pas optimisée pour les interfaces tactiles. Mais cela ne signifiait pas nécessairement un échec de notre décision de créer une application HTML5, mais plutôt une implémentation rapide et peu intuitive pour fournir des notifications push à nos clients.

La plupart des commentaires que nous avons reçus provenaient de clients souhaitant que nous lancions une application native. Après avoir analysé ces retours, nous avons constaté que le véritable problème de notre application mobile résidait dans son expérience, et notamment sa vitesse. L'idée reçue selon laquelle « web = lenteur » est erronée. Nous pensons qu'une expérience plus rapide et plus fiable est possible avec une application HTML5.

Si j’avais demandé aux gens ce qu’ils voulaient, ils auraient répondu des chevaux plus rapides. – Henry Ford (peut-être)

Les problèmes les plus importants de notre première application étant la vitesse, à la fois perçue et fonctionnelle, nous avons apporté des changements importants pour offrir une meilleure expérience à nos clients.

Comment nous avons créé une application plus rapide et plus fiable

Nous avons entièrement repensé l'application pour répondre aux besoins essentiels de nos clients. Nous avons également veillé à ce que les informations essentielles en cas d'incident soient rapidement et facilement accessibles.

Notre première étape a été d'abandonner jQuery Mobile, car il n'était pas personnalisable et était très volumineux, compte tenu de sa taille (216 Ko non compressé et non minifié). jQuery Mobile favorise une hiérarchie d'informations approfondie, ce qui nécessitait de parcourir une multitude de menus de navigation pour trouver des informations utiles. Ce problème était fréquent dans notre première application, car il nécessitait plusieurs clics et appuis pour accomplir une tâche.

L'une des priorités de notre nouvelle application était de faire apparaître les informations en amont. Nous utilisons des couleurs dans l'interface utilisateur pour indiquer l'état d'avancement : vert, vous êtes prêt ; rouge, un problème survient ; orange, quelqu'un a reconnu l'incident. L'accès aux détails supplémentaires de l'incident est facile et nous privilégions les informations exploitables.

La nouvelle application vous permettra de consulter les détails des incidents d'un simple toucher ou glissement pour en accuser réception, les résoudre et les réaffecter. Vous pouvez même accuser réception et résoudre tous les incidents en cours de votre équipe. Ces mises à jour de l'interface utilisateur rendront l'application beaucoup plus rapide que son prédécesseur.

En back-end, nous avons également optimisé la vitesse de l'application. Nous souhaitions utiliser le plus petit nombre possible de bibliothèques pour optimiser l'efficacité. Après avoir testé d'autres bibliothèques, nous avons constaté que Hammer.js offrait la meilleure prise en charge des gestes tactiles sur les anciens appareils Android et iOS. Hammer.js est très flexible et nous permet de créer des modèles d'interaction précis au pixel près.

En plus de Hammer.js, nous avons utilisé Zepto en remplacement de jQuery pour améliorer les performances ainsi qu'une version mobile spécialisée de lodash.js.

Valider nos choix

Prendre des décisions est facile, mais s’assurer que nos hypothèses étaient correctes nécessitait de nombreux tests, une surveillance continue et des itérations.

Avant de développer l'application, nous avons créé des maquettes de notre nouvelle interface utilisateur afin de prototyper les interactions. Les informations importantes seraient-elles facilement accessibles ? Combien de clics seraient nécessaires pour accuser réception, résoudre ou réaffecter un incident ? Les retours des utilisateurs de PagerDuty nous ont permis de valider nos choix de conception et de commencer le développement de l'application.

Une fois l'application développée, nous avons lancé une version bêta publique permettant à nos utilisateurs de l'utiliser en action. Grâce à leurs retours, nous avons apporté de nombreuses modifications préliminaires aux fonctionnalités et à l'interface utilisateur de l'application.

Notre dernière validation a eu lieu après la sortie de la nouvelle application. Nous avons constaté une amélioration constante de nos notes sur les plateformes d'applications et avons reçu de nombreux commentaires positifs sur son design, son ergonomie et sa rapidité.

ENFIN ! C'était tellement pénible que je suis revenu aux alertes SMS. Avec cette nouvelle version, je reviens aux notifications push, sauf si je ne réponds pas dans les 5 minutes. Cette nouvelle version est incroyable ! Elle est beaucoup plus fluide, consomme beaucoup moins de bande passante et permet d'accuser réception et de résoudre des pages très facilement, ainsi que d'ajouter des notes à chacune d'elles. L'auteur mérite une mention spéciale et devrait continuer à superviser les prochaines versions de cette application. Ils vous ont enfin lancé sur de bonnes bases dans le monde mobile. Bravo les gars ! – Charles Panayides, ingénieur système associé chez Tumblr

Vous n'avez pas encore testé notre nouvelle application mobile ? Téléchargez-la ici. Google Play ou le App Store d'Apple Laissez-nous un avis ou un commentaire ci-dessous. Nous aimerions connaître votre avis sur la nouvelle application ; nous prendrons peut-être vos suggestions en compte et les intégrerons dans une future mise à jour !