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_

Josh Digital : une convention technique pour des projets réussis

Chez Josh Digital, le client est au centre de nos préoccupations. Les projets que vous nous confiez sont uniques et nous y accordons toute l’importance qu’ils méritent. Alors que nos équipes se composent essentiellement de développeurs web et de chefs de projets digitaux, les process occupent une place prépondérante au sein de notre organisation, afin d’allier efficacité et qualité. C’est pour cela que nous avons mis en place une convention technique avec l’objectif d’encadrer au mieux les développements techniques de vos projets. Explications.

Une convention technique, c’est quoi ? 

Face aux complexités techniques et l’évolution constante de la programmation des sites internet, Josh Digital a voulu mettre en place un document pour garantir la qualité de vos projets. Rédigée en concertation avec nos équipes, la convention technique Josh a ainsi vu le jour. Feuille de route idéale pour nos développeurs web, elle regroupe les règles à suivre pour garantir l’excellence technique des projets que nous avons en charge. Une sorte d’accord passé entre les différents acteurs de l’agence pour un résultat optimal.

Convention aussi utile que primordiale dans nos phases de développement, elle reprend les contraintes auxquelles nos développeurs doivent se plier pour la réussite d’un projet. Ainsi, chaque projet reste unique mais s’accompagne d’un ensemble de procédures et de protocoles techniques fidèles à la philosophie Josh.

office-3295556_1280

 

En quoi cela consiste exactement ?

Présentée sous la forme d’un simple document, la convention technique Josh Digital énumère les points cruciaux à prendre en considération lors du développement de tout projet digital. Pour plus de clarté, ils sont regroupés sous plusieurs catégories :

  • Contraintes techniques : code, HTML, CSS… on retrouvera ici les normes à respecter purement techniques
  • Contraintes de performances : tout ce qui permettra d’accroître les performances dans les phases de développement
  • Contraintes SEO : préceptes à appliquer pour optimiser le référencement et l’indexation
  • Contraintes de sécurisation : règles en vigueur afin de protéger tout projet digital contre les attaques et le piratage

L’ensemble de ces contraintes sont la résultante de problématiques rencontrées lors des étapes de développement. Cette convention technique est en quelque sorte un guide, une charte qualité garante des engagements de Josh Digital. Dans la pluralité de nos projets et de ceux qui y participent, les oublies et erreurs peuvent intervenir. Multiplication des intervenants, modifications du client, mises à jour… les péripéties au sein d’un projet digital peuvent être nombreuses. La convention technique Josh corrige les dysfonctionnements et nous permet de suivre constamment une seule et même ligne directrice.

Gage de qualité, de performance, de professionnalisme, de rigueur… cette convention est le reflet de nos méthodes de travail et de notre organisation. En complément d’une gestion de projet minutieuse, elle permet également de coordonner tous les acteurs pour une meilleure harmonie de travail. Nous nous efforçons de suivre à la lettre certaines maximes afin que nos compétences portent vos projets.

checklist-2077019_1280

 

Josh Digital : l’efficacité au service de la qualité

Avec cette volonté de sans cesse améliorer nos process et notre façon de fonctionner, la convention technique met l’efficacité au service de la qualité. Seule la réussite des projets que vous nous conférez nous importe.

Nos équipes conjuguent leur talent et vous offrent leur savoir-faire pour concrétiser vos projets digitaux. Leur donner du sens, une existence. Les projets digitaux que nous avons réalisés avec succès en sont la preuve : chez Josh, vos projets deviennent les nôtres.

Envie de qualité pour vos projets digitaux ? Faites confiance à Josh Digital, l’agence qu’il vous faut.

Contactez-nous.

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

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