L’importance de l’UX / UI pour un projet digital réussi

Aujourd’hui, l’utilisateur est au centre des attentions (user centrix) puisque c’est ce dernier qui garantira ou non le succès d’un site internet ou d’une application mobile. C’est ainsi que les concepts d’UX et d’UI ont pris de plus en plus de place dans le processus de réalisation d’un projet digital. Mais quels sont les critères à retenir pour que l’UX et l’UI soient efficaces ? Comment les faire cohabiter ? Et surtout, pourquoi sont-ils si importants ? Explications.

 

UX et UI : complémentaires mais différents

 

L’expérience utilisateur (abrégé UX pour User eXperience en anglais) est fortement liée au ressenti émotionnel d’un utilisateur face à une interface ou un produit. S’appuyant sur l’utilisabilité, l’UX relève en grande partie d’un sentiment très personnel où l’expérience vécue par l’utilisateur sera au centre des préoccupations. 

Pour un site web notamment, son parcours de navigation et les interactions avec le produit devront être agréables, faciles et limpides. L’UX vise véritablement le confort de l’utilisateur.

L’interface utilisateur (abrégé UI pour User Interface en anglais) quant à elle est souvent considérée comme l’aspect graphique et textuel d’un site web, on parle même d’UI design. C’est en quelque sorte le produit fini, l’emballage fonctionnel d’un site. D’ailleurs, les critères mobilisés avec l’UI sont bien plus pragmatiques comme l’identité visuelle, le design graphique ou encore le texte utilisé. 

Ainsi, si UX et UI sont différents, ils sont pour autant complémentaires. Et si l’UX englobe l’UI, l’inverse n’est pas vrai. L’UX est souvent décrit comme un iceberg dont la face visible serait l’UI. Ces deux concepts doivent toujours être travaillés ensemble sans être dissociés afin de proposer un objet digital capable de satisfaire les attentes des utilisateurs

 

user-experience-design-explained-296x300

 

Des concepts d’une importance capitale

 

Comme nous avons pu le voir, UX et UI sont deux concepts difficiles à séparer car ils se doivent de fonctionner de pair pour plus d’efficacité. Lorsqu’un utilisateur se rend sur un site internet ou utilise une app mobile, l’interface doit répondre à ses besoins. Il doit trouver les informations qu’il désire de façon quasi immédiate.

Faciliter la navigation est l’une des priorités : l’UI doit notamment guider l’utilisateur. Une navigation bien pensée fidélise un internaute. Il doit savoir où cliquer pour obtenir ce qu’il recherche et par la même occasion, simplifier ses prises de décision. Par exemple, un CTA sera plus efficace s’il est visible et facilement identifiable. C’est ici que la structure de votre projet digital aura dû être pensée en amont en fonction de votre cible et de votre niche de marché.

Selon une étude de l’agence KoMarketing, 86 % des internautes recherchent en premier lieu les informations au sujets des produits et services proposés par le site visité. 62 % s’intéressent aux informations de contact et 52 % recherchent la section informative de l’entreprise (ex : rubriques “ à propos “ ou “ qui sommes-nous “). Cela montre à quel point certaines données doivent être mises en évidence sur un site web ou une application mobile afin de guider l’utilisateur et lui apporter confort de navigation.

En effet, les éléments clés de votre page doivent être correctement placés. Il faudra veiller à la taille de ces derniers : des icônes trop grands, gros ou trop petits gêneront considérablement la navigation. Pire encore, l’utilisateur passera à côté des informations importantes et fuira votre site. Il en est de même du texte qui devra être lisible et audible et compréhensible : l’UI revêt ici toute son importance.

Une cohérence doit alors se dégager au sein de votre projet digital. Les éléments doivent faire sens et cohabiter. La navigation ne peut être entravée et doit être fluide. Le chargement de vos pages doit être rapide, une donnée importante en matière d’UX puisque 53 % des utilisateurs visitant un site internet via mobile le quittent si les pages de ce dernier mettent plus de 3 secondes à se charger (source : Google) !

UX et UI sont tout simplement au service de l’utilisateur. L’expérience doit être optimale, adaptée au visiteur. L’UI est à adapter en fonction de votre public. Le design d’un site web pour enfants ne sera pas le même que celui d’un site internet sportif.

Aussi, il conviendra d’offrir une interface facile à apprendre et à retenir. L’utilisateur doit avoir ses réflexes quand il navigue sur un site ou utilise une app mobile. Parfois, changer trop souvent le design ou l’emplacement des menus et boutons chamboule les utilisateurs et leurs habitudes. 

En mettant UX et UI au cœur de votre projet digital, c’est aussi l’optimisation de votre image de marque qui est en jeu. Si l’expérience proposée à l’utilisateur est de qualité, il reviendra. Au contraire, une expérience de piètre qualité engendrera frustration et un boycott de votre site. Selon une étude réalisée par youand.eu, 68% des internautes quittent un site en raison d’une mauvaise expérience utilisateur. D’où la nécessité de les choyer !

 

webdesign-3411373_1920

En mobile aussi, UX et UI sont fondamentaux

Aujourd’hui, la navigation internet via mobile est supérieure à celle entreprise via ordinateur. Le  » mobile first  » est dorénavant une évidence. C’est pour cela que tout site web se devra d’être responsive design et adapté à la taille de l’écran. Textes, images et icônes devront être ni trop gros, ni trop grands, ni trop petits. 74 % des utilisateurs se disent prêts à retourner sur un site web s’il est optimisé pour les mobiles (source : Red Website Design). Quelle que que soit la taille de l’appareil, UX et UI devront être optimaux. 

Cependant, ils devront être pensés différemment. En effet, les rendus ne sont pas les mêmes sur un écran d’ordinateur que sur celui d’un téléphone que ce soit en termes de couleurs, de formes, de tailles ou d’interface. L’ergonomie est d’autant plus importante sur mobile.

Avec l’apparition des application mobiles, la donne a été changée. Ces logiciels sont naturellement adaptés aux normes de ce type d’appareils. Ici, le placement des boutons, des menus et les actions à réaliser doivent être intuitives et à portée de doigts. Plus l’utilisateur peut interagir avec un seul doigt, mieux c’est.

L’UX est d’ailleurs primordiale ici. Performance et rapidité seront les points majeurs au bon fonctionnement d’une app mobile ou d’un site responsive. D’ailleurs, une étude réalisée par Open a démontré que la lenteur d’une app est le premier motif de sa désinstallation.

C’est ainsi qu’en mobile, on utilise énormément le concept d’Interaction Design (IxD) qui est un croisement entre UX et UI. On analysera les interactions entre l’homme et la machine en priorisant la facilité d’exécution. Doit-on toucher l’écran, le tapoter, effectuer un glissement ou réaliser des appuis longs ? Il conviendra de définir la meilleure interface pour une navigation simple et cohérente.

Source : designxp.co

 

UX et UI sont des concepts essentiels à la bonne réalisation d’un site web ou d’une application mobile. Ils se doivent de fonctionner à l’unisson en mettant toujours l’utilisateur dans les meilleurs conditions. Forbes a démontré dans une étude qu’une expérience utilisateur réussie peut augmenter de 400 % les taux de conversion. Tout doit être instinctif afin que l’internaute éprouve un réel plaisir à naviguer sur votre site. Car on le sait, un utilisateur satisfait est un utilisateur qui revient

Pour offrir la meilleure expérience à vos utilisateurs, faites appel à Josh Digital et ses équipes spécialisées en UX et UI.

Rejoignez l’aventure Josh : Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_

 

Symfony : la référence du framework PHP

Aujourd’hui, il existe plusieurs alternatives pour construire un site web. Les solutions se sont multipliées, diversifiées et modernisées au fil des années et des avancées de la technologie. Cependant, deux outils reviennent inlassablement : le CMS et le framework. Alors que nous avons déjà abordé le thème du CMS, nous allons dans cet article nous focaliser sur la solution framework et plus précisément Symfony, l’une des références en la matière. Qu’est ce que Symfony ? Pourquoi le choisir ? Quelles sont ses avantages ? Focus.

 

Qu’est-ce qu’un framework ?

 

Un framework (ou cadre de travail en français) est un ensemble cohérent de composants utilisés dans la création d’un site web. Souvent défini comme la boîte à outils du développeur, le framework facilite la mise en place d’un site internet en posant ses fondations et en dessinant son architecture. Il réduit considérablement les temps de développement et apporte de manière efficace des réponses aux problématique rencontrées par les développeurs.

L’objectif d’un framework est donc d’améliorer les process et la productivité tout en simplifiant les étapes de développement. Aussi, cette structure logicielle engendre une meilleure organisation du code. Le framework impose un cadre, un environnement sain mais requiert cependant quelques connaissances en développement : une solution efficace mais pas à portée de tous les doigts. 

 

code-1076536_1280

 

Symfony, qui es-tu ?

 

Créé par la société française SensioLabs, Symfony est l’un des frameworks PHP open source les plus utilisés au monde dont la première version vit le jour en 2005. Très populaire, il profite d’une communauté de développeurs active qui contribue chaque jour à son amélioration. Des milliers d’applications et de sites web le sollicitent comme Laravel, Prestashop ou encore Drupal.

Utilisant PHP, le langage de programmation qui dynamise les pages d’un site internet, Symfony offre un large panel de fonctionnalités. Surtout, sa qualité de logiciel ouvert s’accompagne d’évolutions constantes et variées. Facile d’utilisation, la lisibilité de son code aide grandement dans les phases de développement.

Symfony utilise des bundles (appelés aussi répertoires ou briques) afin d’ajouter, modifier, retirer des fonctionnalités de tout projet. Ces bundles existent sous différentes formes et en nombre considérable.

Ainsi, à l’inverses de certains CMS, un framework comme Symfony reste flexible tout en imposant un cadre de travail rigoureux. Que ce soit pour des applications robustes ou pour des sites internet d’entreprise, ce framework laisse un contrôle total aux développeurs.

Symfony fut développé pour les propres besoins de l’agence qui l’a réalisé. Il est dorénavant utilisé par des milliers d’utilisateurs. 

symfony2-svg

 

Pourquoi utiliser Symfony pour votre projet web ?

 

Si Symfony est aujourd’hui si populaire, c’est qu’il a prouvé son efficacité. Solution fiable, il présente de nombreux avantages :

  • Simplicité : Symfony se démarque par sa facilité d’utilisation. Utilisateur débutant ou avancé, la documentation et les forums disponibles aident à sa compréhension. Bien entendu, il faut avoir quelques connaissances avant de se lancer dans l’aventure Symfony mais sa prise en main est assez intuitive.
  • Stabilité : depuis sa première version en 2005, Symfony a conservé un environnement stable et moderne. Le framework s’est sans cesse améliorer tout en déployant les dernières évolutions du code.
  • Performance : robuste, Symfony impressionne par sa puissance. De nombreux outils sont implantés pour de meilleures performances. Génération de code, cadre de tests, panneau de débogage, interface de commande en ligne, administration back-end simplifié… un logiciel fiable et efficace.
  • Productivité : Symfony permet des gains de temps considérables en termes de développement. Les capacités d’adaptation de ce framework et la façon dont il est organisé en différents composants aident au travail des développeurs. Moins de temps perdu pour plus de productivité !
  • Flexibilité : framework open source, Symfony n’impose aucune contrainte aux développeurs. Sa flexibilité rend possible les améliorations et les fonctionnalités évolutives. Il est totalement configurable.
  • Communauté : Symfony peut se targuer d’être entouré d’une communauté très active. Des développeurs échangent, conseillent, transmettent sur les forums et différents réseaux sociaux. Ces contributeurs perfectionnent sans cesse le framework.
  • Compatibilité : le framework Symfony est réputé pour sa compatible avec de nombreux CMS. Drupal, Prestashop ou encore EzPublish l’utilisent. Son code peut être réutilisé et partagé. 

 

computer-1245714_1280

 

Josh construit vos sites web avec Symfony

 

Symfony s’est imposé comme une référence en développement PHP. Framework fiable, solide et flexible, il a su séduire par les multiples fonctionnalités et possibilités proposées. Il permet de construire des applications qui répondent précisément aux besoins exprimés pour un résultat efficace et un gain de temps crucial.

Symfony peut être la solution adéquate pour votre projet web, Josh Digital peut-être l’agence qu’il vous faut pour le réaliser. Nos équipes maîtrisent parfaitement cette solution technique, nous avons déjà réalisé de nombreux projets sollicitant cette technologie avec succès . Et si vous nous confiez le vôtre ?

Rejoignez l’aventure Josh : Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_

PHP 7.2 et 7.3 : des nouveautés bienvenues

Avec Java ou Python, le langage de programmation PHP est l’un des plus populaires et surtout les plus utilisés. Facile d’accès, il offre des avantages indéniables par ses performances et sa stabilité. Sans cesse mis à jour, sa nouvelle version 7.3 est sortie il y a peu. En voici les nouveautés.

 

PHP c’est quoi ?

 

PHP ou « PHP: Hypertext Preprocessor » est un langage de programmation libre utilisé pour la création de pages web dynamiques par l’usage d’un serveur HTTP. En clair, ce langage permet la mise en place de sites internet dont le contenu peut changer de manière autonome.

PHP a cette particularité de s’exécuter côté serveur (l’endroit où est hébergé le site) et ne requiert donc aucun plugin ou logiciel particulier d’où sa facilité d’accès. Ce langage est préconisé pour la création de sites web dynamiques et interactifs qui en plus d’être gratuit possède une communauté de développeurs très active.

Le PHP peut aisément fonctionner avec une page contenant du langage HTML, XHTML, CSS ou JavaScript. Et si de grands site web comme Facebook ou Wikipédia l’utilisent, c’est bien qu’il est un langage réputé pour sa fiabilité. 

cloud-1835333_1920

 

Les nouveautés des versions 7.2 et 7.3

 

PHP 7.2 : des améliorations conséquentes

En novembre 2017 sortait la deuxième mise à jour de PHP, la version 7.2. Avec elle des corrections, une plus grande sécurité et de nouvelles fonctions de gestion de code. Cette update avait pour objectif d’accroître les performances du langage. Et c’est du côté sécurité que cette nouvelle version PHP mettait l’accent avec l’algorithme Argon2 résistant aux attaques les plus puissantes en matière de piratage de mots de passe notamment.

PHP intègre aussi la bibliothèque de cryptographie Libsodium utilisée pour le chiffrement authentifié, un pas de plus vers une totale sécurité. Les protocoles de cryptage SSL/TLS, permettant la sécurité des données échangées, ont aussi été renforcés. La bibliothèque de chiffrement Mcrypt est quant à elle évincée, la communauté de développeurs a estimé qu’elle était un frein au développement du langage.

Niveau programmation, les améliorations sont aussi là avec le moteur open source Zend Engine mettant un terme aux problèmes de hachage et de clés, véritable tare de la version précédente. On notera aussi l’apparition avec le correctif Type Hints (typages explicites d’objets en français). Cette fonctionnalité permettra désormais d’avoir un objet comme paramètre et d’annoncer qu’une fonction soit supposée retourner un objet.

PHP 7.3 : des détails qui font la différence

C’est en décembre 2018 que la nouvelle version PHP 7.3 voit le jour. Avec quelques améliorations que l’on pourrait qualifier de mineures (mais utiles), cette mouture perfectionne encore un peu plus ce langage de programmation.

En effet, ces quelques ajustements sont salutaires et augmentent le confort de programmation. Les syntaxes Heredoc et Nowdoc sont maintenant plus flexibles permettant de déclarer des chaînes de caractères en PHP de façon bien plus intuitive et efficace.

PHP 7.3 autorise enfin les virgules de fin dans l’appel de fonction. Les erreurs générées avec la version précédente ne sont donc plus qu’un mauvais souvenir. Egalement, la fonction is_countable() fait son arrivée offrant la possibilité de vérifier que la valeur est énumérable avant comptage.

Aussi, deux nouvelles fonctions s’ajoutent à ces nouveautés afin de récupérer la première ou la dernière clé d’un tableau : les fonction array_key_first() et array_key_last(). On remarquera enfin la dépréciation et la suppression des constantes insensibles à la casse. 

code-944504_1920

 

Pensez à faire la mise à jour

 

PHP étant un langage constamment en mouvement et utilisé par de nouvelles technologies comme les Progressive Web Apps, il est d’une importance capitale de mettre à jour votre version pour continuer à profiter des services que ce langage offre. Depuis janvier, les sites internet tournant en version ultérieure comme la 5.6 seront obsolètes et les mises à jour de sécurité gratuites ne seront plus fournies.

Si cependant, vous souhaitez réaliser manuellement cette migration, rendez vous sur le site de PHP.

mail-php-obsolete

 

Pour connaître votre version PHP et toutes les informations la concernant, il suffit de suivre ces étapes (valables sur Windows et Mac) :

  • Avec un éditeur de texte (Bloc-notes ou TextEdit), créez un fichier texte avec la ligne suivante : <?php phpinfo(); ?>
  • Enregistrer le fichier avec une extension PHP (très important) en le nommant comme bon vous semble, info.php. par exemple
  • Via votre client FTP ou en passant par l’administration de votre serveur, envoyez votre fichier texte à la racine du serveur
  • Ouvrez ce fichier grâce à votre navigateur en tapant son adresse dans la barre de ce dernier. L’adresse devrait ressembler à ceci : www.monsite.com/info.php en indiquant bien évidemment le nom de votre site internet

Et si vous êtes à la recherche d’un prestataire de qualité pour créer votre site internet dynamique en PHP et sur mesure, l’agence Josh Digital sera là pour vous.

Rejoignez l’aventure Josh : Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_  nouveau-logo-google-plus-rond-petit

[Focus projet] Welkeys Premium : un projet plein d’ambition

Depuis sa création, l’agence Josh Digital a développé de nombreux projets s’accompagnant d’enjeux techniques et de problématiques divers et variés. Et comme chacun de nos clients est unique, nous nous efforçons d’offrir des prestations sur-mesure et adaptées à leurs besoins. C’est dans cette optique que Josh Digital a réalisé pour Welkeys, en réponse aux nouveaux objectifs de l’entreprise, un projet ambitieux nommé Welkeys Premium. Le but ? Automatiser les process pour un gain de temps considérable.

 

Mais qui est Welkeys ?

 

Créé par Chloé Fournier, Welkeys est le leader de la gestion locative haut de gamme et personnalisée en Europe. Le concept qui se cache derrière ce nom mystérieux est assez simple : déployer une plateforme de mise en relation entre propriétaires et concierges qui prendront en charge la gestion d’un bien locatif de A à Z. Check-in, check-out, création d’annonce sur Airbnb, Booking, photos professionnelles, services de conciergerie haut de gamme… Bref, Welkeys offre un service avantageux et sans contraintes.

Afin d’assurer un service un peu plus proche de la perfection, Welkeys a donné naissance à une nouvelle formule premium où la gestion de bien serait assurée à 100 % par l’entreprise et ses équipes. Pour cela, il fallait un outil technique puissant et assez souple pour permettre à la société de gérer tous ses process en toute facilité. C’est ici que l’agence Josh est intervenue.

update18_welkeys-1

 

PIM et ERP : un duo gagnant

 

Après consultation des attentes de notre client, nos équipes ont apporté leur expertise afin de trouver le meilleur rapport entre qualité, stabilité, évolutivité et prix.

Très vite, une problématique s’est imposée : comment automatiser tous les process de notre client au sein d’un seul et même outil ? Entre la gestion des différents biens, l’attribution des missions de conciergerie en fonction des disponibilités et tarifs, la transmission des informations, la coordination des équipes, la facturation, etc., il fallait proposer une solution adéquate et à même de répondre à ces besoins.

L’évidence était donc là : un outil ERP couplé à une application PIM. L’ERP (Enterprise Resource Planning) que l’on pourrait traduire littéralement par “ Planification Ressource d’Entreprise “ est un outil permettant la gestion et le suivi au quotidien des informations et des services opérationnels d’une société. L’application PIM quant à elle (Product Information Management) centralise l’ensemble des informations d’un produit et fonctionne ainsi en relation avec l’ERP.

Ainsi, ces deux outils fonctionnent ensemble formant un tandem efficace et complémentaire. Le PIM est d’ailleurs considéré comme le prolongement de l’ERP. Ainsi, cet environnement devait proposer les fonctionnalités suivantes :

  • Annuaire des propriétaires (clients)
  • Annuaire des concierges (prestataires)
  • Liste des biens des propriétaires et configuration avancée (concierges attitrés, tarification, etc.)
  • Frise et liste des réservations et missions
  • Gestion des incidents
  • Facturation (propriétaire et concierge)
  • Centralisation des données pour les applications mobiles à destination des propriétaires et concierges
  • KPIS (statistiques)

Tout un programme !

annie-spratt-604126-unsplash-1

 

Un projet étape par étape

 

Pour arriver à un tel résultat, le PIM s’est construit au fur et à mesure, en fonction des échanges et retours du client. Comme sur chacun de nos projets, nous travaillons en collaboration étroite avec nos clients pour un accompagnement personnalisé et une progression au jour le jour. Méthode Agile et approche DevOps sont nos mantras. Cela évite les erreurs et les incompréhensions, l’interactivité constante permet d’être en phase avec les demandes du client.

Après une étude fonctionnelle et technique, il nous a donc fallu identifier les possibles contraintes et affiner les spécifications grâce à divers tests. Le projet fut réparti entre les différents membres de notre équipe afin d’alléger les charges de travail et optimiser le rendement. L’effet tunnel guettait !

Plusieurs mockups (prototype d’interface utilisateur) seront ensuite réalisés afin de définir l’emplacement des éléments graphiques et dessiner un semblant d’interface. UX et UI (article) émergèrent et au fil des feedback, le projet Welkeys Premium prenait forme.

Après validation graphique, la phase de développement commençait, toujours en multipliant les allers-retours avec les équipes Welkeys pour un projet au plus près de ses attentes. Le fonctionnement de cet environnement PIM-ERP devait suivre des étapes que le client pourrait exécuter quotidiennement et sans difficulté. Voici un exemple de routine de fonctionnement :

  1. Récupération automatique des nouvelles réservations
  2. Le PIM créé toutes les missions dédiées aux biens et notifie les concierges concernés par email et notification Push
  3. Récolte des réponses et disponibilités de chaque concierge
  4. Une fois la mission effectuée, les concierges peuvent remonter des incidents (média, commentaire) dans le PIM puis clore la mission
  5. A la fin de chaque mois, génération de factures (propriétaire et concierge) depuis le PIM

Bien évidemment, PIM et ERP permettent de réaliser de nombreuses autres fonctionnalités. Le but était de garantir un outil fiable pour un gain de temps et de ressources considérable.

Livraison, correction et production clôturaient ainsi un projet qui s’accompagnait de deux applications mobile. Une à destination des propriétaires leur permettant de gérer leurs réservations, d’organiser les taux d’occupation de leurs biens, de manager leur trésorerie ou encore de générer des factures ; une autre pour les concierges Welkeys afin de répondre aux demandes de missions et d’en connaître le contenu, de remonter des incidents ou encore de gérer l’ensemble de leurs prestations. Tout était en place !

 

logo-premium-dark
 

Vous aussi, confiez-nous votre projet.

L’exécution d’un projet digital est une aventure passionnante qui se doit d’être collégiale pour un succès garanti. Chez Josh Digital, chaque nouveau projet compte autant que le précédent. A travers nos expériences, nous avons constaté l’importance de cette relation client/agence fondée sur l’échange et la collaboration.

Le projet Welkeys premium en est la preuve. Il représente comment nous aimons travailler. Comment nous travaillons. Et si votre prochain projet était le vôtre ?

Rejoignez l’aventure Josh : Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_  nouveau-logo-google-plus-rond-petit

DevOps : une approche de travail basée sur la collaboration au service de l’efficacité

Au gré des mouvances de la société, les notions d’efficacité et de rapidité sont devenues primordiales pour toute entreprise. Les méthodes de travail ont ainsi évolué. L’approche DevOps est l’un de ces mouvements qui a le vent en poupe tant il a prouvé son efficacité. Basé sur l’amélioration de la communication entre les différentes équipes d’un projet en automatisant les processus, DevOps est aujourd’hui utilisé dans de nombreuses sociétés. Eclairage.

DevOps : qu’est ce que c’est ?

Né de la contraction des mots « Development » (développement) et « Operations » (exploitation), le terme DevOps aurait vu le jour en 2009 lorsqu’un consultant IT du nom de Patrick Debois l’introduit pour la première fois. L’approche DevOps repose sur un pilier essentiel à son bon fonctionnement : la collaboration.

En effet, toute sa force réside dans la dimension collaborative qu’elle requiert entre les équipes de développement et d’exploitation. Cette étroite collaboration vise une meilleure efficacité de travail pour atteindre la satisfaction du client. Quand les équipes étaient séparées et travaillaient chacune de leur côté, l’organisation DevOps mise elle sur l’échange et le travail à l’unisson. Tous les protagonistes, y compris le client, avancent ensemble en automatisant les processus.

On gagne ainsi en rapidité et à l’image de la méthode Agile, le partage des ressources et des informations est essentiel. Les déploiements se font en continu pour une progression du projet pas à pas. Les cloisons entre les services sont désormais abattues pour une meilleure communication. Les équipes ne forment ainsi plus qu’un facilitant les échanges pour la bonne santé du projet. 

rawpixel-678089-unsplash

La culture DevOps

DevOps est telle une philosophie que l’on se doit d’accepter pour mieux l’apprivoiser. D’ailleurs, on parle de culture DevOps comme elle est composée de préceptes qui la caractérisent. Et si cette culture devait être exprimée en un seul mot, elle serait “ collaboration ”.

La culture DevOps permet aux différentes équipes d’un projet ou d’une entreprise de travailler ensemble, animées d’un même état d’esprit, d’une même façon de fonctionner mais toujours dans l’intérêt supérieur du client. La culture DevOps repose sur différentes valeurs qu’elle se doit de respecter pour être efficace comme le partage (des informations, des process…), l’empathie (envers le client, rôle central de tout projet) ou encore la performance (pour un projet réussi). DevOps est un concept qui fonctionne en grande partie sur l’agilité et la démarche lean (méthode de management qui consiste à penser et agir en se concentrant sur l’essentiel afin d’éviter les pertes de temps).

DevOps est principalement centré sur les personnes et leur capacité à interagir entre elles. Sa mise en place au sein d’une entreprise doit donc être réalisée avec un accompagnement car elle incite à de nombreux changements surtout dans les méthodes de travail. Elle est une remise en question des processus et des codes souvent hérités de méthodes anciennes comme la méthode waterfall (en cascade). DevOps, pour fonctionner, a besoin de personnes prêtes au changement et ouvertes à de nouvelles méthodologies de travail. C’est une nouvelle culture, une nouvelle pensée à inculquer. Il sera alors élémentaire de former le personnel à ces nouvelles pratiques en termes d’automatisation, de fréquences de tests, de partages d’informations…

La culture DevOps peut parfois être difficile à ingérer. Mais sa recherche d’efficacité constante et de qualité met le client dans les meilleures dispositions. Équipes de développement et d’exploitation collaborent pour le bien du projet et peuvent parfois fusionner en une seule et même entité. Les équipes sécurité sont parfois intégrées au projet : on parle alors de DevSecOps. 

rawpixel-788601-unsplash

Les bonnes pratiques du DevOps

DevOps, c’est aussi un ensemble de bonnes pratiques à appliquer pour une efficacité optimale. En voici les plus importantes :

  • La collaboration : comme évoqué dans cet article, la collaboration découlant d’une meilleur communication entre les différents protagonistes d’un projet est déterminante pour le bon fonctionnement de l’approche DevOps. Et c’est ici que la culture DevOps prend tout son sens où le partage des informations aidé par l’automatisation et l’usage d’outils divers sera crucial.
  • L’intégration en continue : tout au long de la phase de développement, les développeurs devront au sein de l’environnement DevOps intégrer modifications et requêtes du client en continue. Cela permettra de corriger les bugs, d’améliorer la qualité, de réduire les temps de développement et surtout d’être en accord constant avec le client.
  • La livraison continue : cette pratique découle naturellement de l’intégration continue. En effet, là où les livraisons se font à date et selon un cahier des charges prédéfini dans les méthodes de travail traditionnelles, la livraison en continue permet d’avancer pas à pas dans le développement du projet. Les développeurs déploient les changements de code et les phases de tests sont réalisées dans la foulée, avant soumission au client. Un gain de temps évident qui évite de prendre la mauvaise direction.
  • Les microservices : l’idée est de diviser et d’organiser une application en plusieurs petits services. Ces petites applications sont des versions simplifiées du projet de l’application dans son ensemble. Gérés par une équipe pluridisciplinaire de A à Z, ces microservices évoluent de façon autonome et sont idéales pour fonctionner au sein d’une méthode agile.
  • Infrastructure As Code (IAC) : l’infrastructure en tant que code aussi appelée infrastructure programmée est utilisée dans un souci d’automatisation des processus IT via du code. Grâce à des systèmes standardisés, cette pratique élimine les configurations manuelles pour une infrastructure programmée et codée. l’IAC facilite ainsi les déploiements rapides et uniformisés.
  • La supervision : c’est un aspect important de l’organisation DevOps. La supervision requiert la collecte d’un maximum de données afin de gagner en agilité et de rapidement effectuer les modifications nécessaires. On étudie les métriques pour mesurer la performance de l’infrastructure afin de prévoir bugs et éventuelles corrections. 

devops-3155973_1920

Ces bonnes pratiques participent en grande partie à la réussite de l’approche DevOps. De plus en plus plébiscitée, c’est qu’elle offre un éventail d’avantages tant pour l’entreprise que pour le client. Réussir un projet digital grâce à une bonne gestion de projet n’est pas chose aisée. DevOps y aide grandement.

DevOps : quels avantages ?

Si elle fait aujourd’hui des émules, c’est parce que la démarche DevOps présente des avantages non négligeables en termes d’organisation de travail. Elle met l’humain au centre de son fonctionnement. Mais en plus d’améliorer et d’optimiser le travail en équipe, l’approche DevOps permet aussi :

  • Un gain de rapidité : que ce soit en matière de développement et/ou de livraison, DevOps permet de gagner en rapidité de façon considérable. Par cette organisation du travail en continu, l’entreprise automatise les déploiements évitant les pertes de temps inutiles et améliorant ainsi sa productivité.
  • Une meilleure collaboration : au risque de paraître redondant, nous n’insisterons jamais assez sur cet aspect fondamental de l’organisation DevOps. La collaboration est au cœur de DevOps prônant la communication et le travail collaboratif. Un avantage certain pour une efficacité de tous les instants.
  • Une expérience client améliorée : ne l’oublions pas, DevOps met aussi l’accent sur l’expérience client qui en sortira grandie grâce à ses bonnes pratiques. C’est une démarche qui implique le client par ce fonctionnement en continu, favorisant les échanges et la collaboration “ main dans la main “. Vos clients adoreront !
  • Une réduction des erreurs : Devops, par son côté collégial et sa méthodologie continuelle, permet d’éviter, ou au mieux de prévenir, erreurs et différents bugs. Les déploiements et tests se font en quasi simultané offrant une latitude considérable pour prévoir d’éventuels problèmes lors des phases de développement.
  • Une plus grande sécurité : avec DevOps, la sécurité dans les entreprises est améliorée car ses objectifs sont connus en amont et intégrés par les équipes dans le travail au quotidien. Et avec le DevSecOps, on inclut directement les services sécurité au sein du projet. 

annie-spratt-608001-unsplash

La transition vers le DevOps exige des changements tant culturels que psychologiques pour trouver son sens. La collaboration et la communication entre les différents services et le client sont les piliers de son organisation. Tout comme l’automatisation ainsi que le développement et la livraison en continu. DevOps n’est pas qu’une approche, c’est une véritable philosophie.


Chez Josh Digital, on travaille aussi selon les préceptes DevOps. N’hésitez pas à nous contacter pour vos futurs projets pour un accompagnement sur mesure. Contactez-nous.

 

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_  nouveau-logo-google-plus-rond-petit

 

 

AMP : l’avenir du mobile ?

Lancé en 2016 par Google, l’Accelerated Mobile Pages (abrégé AMP) est une révolution dans le  » mobile first « . Cette technologie open source a complètement modifié l’expérience utilisateur par un confort de lecture augmenté sur mobile. Appliqué par quelques sites web lors de son déploiement, l’AMP est aujourd’hui présent sur de nombreuses pages web. Au point de représenter l’avenir du mobile ? Voici quelques réponses.

 

AMP, qu’est-ce-que c’est ?

 

C’est en février 2016 que Google a lancé AMP. La technologie Accelerated Mobile Pages permet un affichage plus rapide et simplifié des pages web sur mobile. L’AMP accélère ainsi le chargement des pages dans une forme épurée et dirigée vers un confort de lecture adapté aux nouveaux formats comme le smartphone.

C’est face à un constat indéniable et persistant qu’est né AMP : le mobile a remplacé le desktop. C’est un fait, les utilisateurs effectuent bien plus de recherches sur le web via leur smartphone qu’avec leur ordinateur. En août 2017, Google avait ainsi déclaré que la France venait d’atteindre son  » mobile moment « , période où les recherches sur téléphone portable avaient alors dépassé celles effectuées sur ordinateur.

AMP est ainsi exclusivement dédié au mobile permettant un affichage quasi instantané des pages web l’utilisant. Google est en train d’imposer peu à peu ce format et cela fonctionne : des millions de domaines utilisent dorénavant l’AMP.  

texting-1490691_1920

 

AMP : comment ça marche ?

 

Reconnaître un contenu AMP, c’est assez simple. Lors d’une recherche sur Google, un petit logo en forme d’éclair apparaît sur l’image principale correspondant à l’actualité concernée. Ce logo symbolise ainsi l’instantanéité et la rapidité d’affichage du contenu. Faites l’essai, une recherche Google sur une actualité récente et vous verrez apparaître le symbole AMP.

Concrètement, l’AMP s’organise en trois parties : l’AMP HTML pour assurer la fiabilité et la performance du HTML, l’AMP JS pour un rendu rapide et un système de cache afin de permettre l’affichage de ces pages. Par la réduction du Javascript et la mise en place de pages HTML plus légères, le temps de chargement des pages web utilisant AMP est considérablement réduit. Selon Google, avec la technologie AMP on gagnerait entre 15 et 85 % de vitesse d’affichage.

Cependant, il est important de noter que l’AMP accélère les performances d’affichage d’une page web en réduisant sa structure et son contenu. C’est en quelque sorte une version allégée d’une page internet car il est conçu pour une lecture mobile.

La création de page AMP n’est pas si compliquée en soit même s’il faut connaître les rudiments du code et les spécificités techniques liées au mobile et au digital. Google a d’ailleurs mis à disposition plusieurs outils comme AMP Validator ou encore Test AMP. Et vous pourrez toujours compter sur une communauté de développeurs aguerris pour vous venir en aide.

smartphone-1894723_1920-2

Pourquoi l’utiliser ?

 

Selon une étude réalisée par Omnicom Media Group, 90% des français se connectent au moins une fois par jour à leur smartphone. Un chiffre qui démontre bien la place du mobile dans notre quotidien d’où l’importance de choisir la bonne solution mobile pour son entreprise. Le smartphone est devenu un objet de tous les jours qui nous accompagne constamment. Que ce soit dans les transports en commun ou dans la salle d’attente de notre médecin, nous l’utilisons fréquemment. Et c’est pour cela que le format AMP s’adapte parfaitement à ces nouvelles habitudes.

En effet, son format est adapté aux standards de la lecture mobile. Cette technologie n’est pas seulement adaptée au mobile, elle a été imaginée pour lui. L’expérience utilisateur est au centre de l’AMP puisque tout est mis en place pour accroître son confort de lecture en termes d’affichage mais surtout en termes de rapidité. Dans une société où tout va toujours plus vite, les utilisateurs d’aujourd’hui ne veulent plus attendre. Selon Google, 40% des mobinautes quitteraient une page web avec un temps de chargement supérieur à 3 secondes. L’affichage quasi instantané proposé par AMP serait donc salvateur. 

email-2056028_1920-1

En matière de visibilité, AMP est une aubaine. Cette méthode étant implantée par Google lui-même, le moteur de recherche privilégiera leur affichage lors d’une recherche internet. La firme américaine est un mastodonte du web et être dans ses petits papiers impactera probablement le référencement. Une autre étude de la marque aurait montré qu’avec AMP, 80% des pages web ont constaté une augmentation de leur taux de visibilité (pour 90% de taux de clics en plus).

Et même si Google assure le contraire, AMP améliorerait donc le SEO des pages web l’utilisant. La mise en avant des formats AMP, avec ce logo éclair et la position en haut de la page de recherche, est déjà significatif. Qui plus est, il est désormais acquis que Google aime beaucoup le  » mobile first «  en privilégiant le contenu web mobile au détriment du desktop. L’algorithme Google a choisi son camp. De nombreux contributeurs de renom ont participé à l’émancipation d’AMP et ont opté pour cette technologie. A vous de suivre la marche.

Envie de passer au format AMP ? Nos équipes sont à votre écoute et vous offriront le meilleur du digital pour vos projets. Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_  nouveau-logo-google-plus-rond-petit

5 conseils pour une application mobile réussie

Créer une application mobile paraît facile à première vue : une bonne idée, de quoi développer l’application et le tour est joué. Bien évidemment, c’est loin d’être aussi simple. En effet, la question n’est pas comment développer une application mobile mais plutôt comment développer un app mobile réussie ?! De nombreux entrepreneurs et entreprises se lancent dans l’aventure mobile et elle se termine bien souvent en échec. Mais alors, comment réussir son application mobile ? Voici nos 5 conseils !

Définir une stratégie 

 

Un bon soldat ne se lance pas dans une bataille sans avoir de plan solide ! Dans le digital et plus particulièrement dans la conception mobile, c’est la même chose. Vous avez l’idée mais vous devez savoir précisément comme vous allez l’exécuter. Il sera indispensable de définir une stratégie précise et penser en amont avant d’entreprendre. Établir un cahier des charges est la meilleure façon de ne pas vous égarer et de créer votre app selon un fil conducteur.

Cela vous évitera aussi les mauvaises surprises. Il vous faudra ainsi connaître les concurrents du marché, décider sur quel système d’exploitation votre application mobile sera développée (Android, iOS…) et si elle sera gratuite ou payante, établir vos ressources et le budget à disposition… bref, il sera essentiel de rédiger un Business Model et de vous y tenir au maximum. Cela vous permettra de définir vos objectifs et de connaître parfaitement votre application mobile et son contexte.

smartphone-1894723_1920

 

Privilégier l’ergonomie 

 

Qu’elle soit native ou hybride, l’application mobile est toujours conçue à destination de ses mobinautes. C’est pour cela qu’elle devra être intuitive et faciliter l’expérience utilisateur (user experience en anglais abrégé UX). L’ergonomie sera alors un enjeu de taille, une priorité. La prise en main devra être aisée, rapide tout comme les temps de chargement et la navigation.

Le design jouera lui aussi un rôle capital. Un style épuré est bien souvent recommandé même si l’utilisation de couleurs vives n’est en rien proscrite. Votre app mobile devra ainsi être agréable graphiquement et les informations importantes devront être visibles au premier coup d’œil. On utilisera un langage simple en évitant les termes techniques et en privilégiant l’immédiateté de l’information. Une application mobile réussie est une application que l’on peut maîtriser en quelques secondes et d’un seul doigt.

Se démarquer sur le marché 

 

On dit le marché de l’application mobile saturé. Ce n’est pas le cas même si la concurrence est rude. En effet, plus de 175 milliards d’applications mobiles ont été téléchargées dans le monde (source App Annie). La priorité sera donc de se démarquer et que votre app apporte une vraie valeur ajoutée. Posez-vous alors les bonnes questions : « pourquoi l’utilisateur doit télécharger votre appli et pas une autre ? Qu’est-ce que mon app va lui apporter ? ». Votre application devra répondre à un besoin précis et représenter un véritable plus.

Votre appli ne doit pas forcément être la plus originale mais la plus à même à répondre aux besoins de ses mobinautes. Elle doit même devenir indispensable que ce soit à des fins pratiques, ludiques ou culturelles. Il vous faudra sortir du lot et émerger parmi la jungle du mobile. D’ailleurs, dans la plupart des cas votre notoriété sera à faire et le lancement de votre application devra lui aussi être réussie. Communication interne, réseaux sociaux, bouche à oreille, événements particuliers… et même publicité si votre budget vous le permet. Car même si votre application mobile vous paraît réussie, c’est de son succès que dépendra sa survie.

Proposer une appli fiable 

 

On le sait, bon nombre d’applications mobiles finissent aux oubliettes parce qu’elles sont truffées de bugs et d’erreurs en tout genre. Et c’est aussi l’une des prérogatives pour une app réussie puisqu’elle devra être fiable et constamment fonctionnelle. Tester votre appli avant sa mise en ligne pour éviter qu’elle ne plante ou qu’elle s’accompagne de nombreuses failles techniques sera obligatoire. Testez-là et surtout, faites-la tester par plusieurs développeurs mais aussi par de futurs utilisateurs. N’oubliez pas votre cible !

Ces derniers sont d’ailleurs très attentifs au niveau de sécurité prodigué sur les différentes plateformes digitales qu’ils peuvent utiliser. Avec l’accroissement du piratage, la protection des données est devenue une priorité comme on peut le constater avec le RGPD. De ce fait, votre app devra être sécurisée afin de protéger les données personnelles et sensibles de vos utilisateurs. Pas de faille pour éviter tout piratage.

mobile-phone-1917737_1920

 

Assurer la pérennité de votre application mobile 

 

Sortir une application mobile c’est bien, mais faire qu’elle perdure dans le temps c’est encore mieux ! Parfois, les applications mobiles ont une durée de vie très limitée puisqu’elles semblent lasser rapidement ses utilisateurs. En effet, selon de récentes études, 15 % des mobinautes seulement continuent d’utiliser une appli un mois après son lancement. Votre application mobile devra se renouveler sans cesse afin de continuer à créer le besoin ou comme nous le précisions plus haut, devenir indispensable.

Cela passera par une app constamment actualisée et qui saura se moderniser au fil des tendances et des mouvances. L’ajout de nouvelles fonctionnalités et de mises à jour régulières assureront la longévité de votre application mobile. Qui plus est, il sera primordial de fidéliser votre communauté. Prenez note de leurs remarques, solliciter leurs avis et veiller à accéder à leurs doléances. Et bien évidemment, prêtez attention aux avis et notes qu’ils laisseront sur votre application mobile et améliorez ce qui doit l’être si besoin. Car une application réussie est une application qui aura conquis le cœur de ses utilisateurs.

Pour être certain de réussir votre application mobile, l’agence Josh Digital sera à vos côtés. Nos équipes de spécialistes du digital mettront tout leur savoir-faire à votre service.

Rejoignez l’aventure Josh : Contactez-nous.

logo-facebooklogo-twitter-oiseau-bleuinstagram_png10  linkedin_logo-svg_