Aujourd’hui, on parle d’accessibilité versus créativité, de cohérence dans nos interfaces, de taille, de forme et de couleur.

Toutes ces petites choses qui peuvent sembler être des détails, mais qui avec de l’expérience et mises bout à bout permettent en les prenant en considération de devenir un meilleur designer et de créer des produits plus efficaces, plus accessibles ou plus simplement : de meilleurs produits.


L’accessibilité est plus importante que la beauté

L’accessibilité est un sujet qui prend de plus en plus d’importance dans le digital et à raison. Cela regroupe un ensemble de règles et d’éléments à mettre en place afin que votre produit soit accessible au plus grand public possible et notamment aux personnes atteintes de handicap (qu’il soit visuel, auditif, moteur, etc.).

Mais qui dit accessible ne veut pas pour autant dire morne et ennuyeux ! Le challenge est là : réussir à conserver sa créativité en gardant en tête la lisibilité des informations que l’on affiche. Toujours penser : “est-ce qu’une personne avec une mauvaise vue pourrait correctement utiliser mon produit ?”. Les normes d’accessibilité ne doivent pas être un frein à votre liberté artistique, mais nous aiguiller vers des choix plus judicieux qui ultimement serviront votre produit en le rendant utilisable par chacun.

Pour vous aider dans cette démarche, de nombreux outils existent aujourd’hui pour tester vos designs et s’assurer que tout est correctement lisible. Par exemple : Stark permet de tester très rapidement vos maquettes sur votre logiciel de design préféré et de calculer les niveaux de contrastes, les rapports de tailles de typographie ou encore de simuler les différentes visions des multiples types de daltonisme.

L’interface de votre produit devrait toujours rester cohérente. Pensez à la manière dont vos utilisateurs utiliseront l’interface de votre site, application ou autre. Si sur le premier écran le bouton d’action se situe en bas à gauche, puis sur le second écran se situe en bas à droite, puis sur le troisième écran se situe au centre, vous risquez de créer une confusion légitime.

C’est également le cas pour les couleurs utilisées. Il est souvent préférable de commencer la création de son produit en établissant une palette de couleurs qu’on utilisera ensuite sur les différents composants de notre interface. Mais attention à ce que cela reste une utilisation cohérente : si notre bouton d’action principal est bleu sur le premier écran, il devrait utiliser le même bleu sur les autres écrans afin de ne pas perturber l’utilisateur.

Enfin, il est également important d’être cohérent dans la structure de son interface. On dit souvent que le design d’interface se base sur les espaces et le vide. Les espaces permettent de créer une structure, une hiérarchie entre les différentes informations. Ils permettent de réguler la quantité d’informations qui sera visible par l’utilisateur à chaque instant et de guider sa lecture et sa compréhension des informations. Si tous les éléments sont condensés au même endroit, cela risque de causer des problèmes de lecture. Les espaces et le vides sont en quelque sorte l’oxygène de votre interface. Si vous n’êtes pas convaincu, on debunk le mythe que l’espace blanc est de l’espace gâché dans cet article !

Et là aussi, il est important de rester cohérent en utilisant les mêmes espacements entre les éléments sur l’ensemble de notre produit. Des espacements différents peuvent causer une lecture différente de la hiérarchie des informations entre chaque écran et perturber vos utilisateurs. Pour vous aider, il existe différentes règles qui peuvent être appliquées. A titre personnel, j’aime utiliser une grille de 8pt qui m’aide à garder une cohérence tout au long de mon travail sur des interfaces web.

Vos utilisateurs doivent comprendre à quoi servent - quelle action va être effectuée au clic - vos composants d’interface uniquement grâce à leur forme, leur couleur, le texte qui y est rattaché... C’est ce qu’on appelle l’affordance.

Par la forme, un bouton doit évidemment ressembler à un bouton, et indiquer par son contenu textuel ou visuel son utilité : est-ce qu’il permettra de passer à l’étape suivante ? De revenir en arrière ? De valider un formulaire ?

Par la taille : on doit définir la taille d’un composant proportionnellement à son utilité. Si c’est un élément important, il devra vraissemblablement être plus grand qu’un élément secondaire. Pour parler plus techniquement, la loi de Fitts exprime le temps requis pour cibler un élément en fonction de la distance et de la taille de ce dernier. Pour faire simple : les cibles les plus éloignées et les plus petites nécessitent plus de temps pour être atteintes. La position et la taille de vos éléments d’interaction sont donc clés dans un travail d’interface produit.

Enfin, la couleur doit également permettre d’identifier l’action qui se cache derrière une interaction. Est-ce que cette action est positive ? Négative ? Neutre ? Mais attention encore une fois à l’accessibilité : la couleur ne doit pas être la seule indication du comportement de votre composant : on peut donc l’associer à un message assez parlant ou encore une icône. Gardez également en tête que les couleurs n’ont pas la même signification (ou force évocatrice) dans toutes les cultures.

Quelques réflexions rapides autours de l'UI Design permettant de créer de meilleurs produits digitaux

Quelques règles du design d’interface (UI Design)

L’UX Design occupe une place très stratégique aujourd’hui dans la conception produit. Si cette pratique est souvent intégrée dès le début du projet, nous observons qu’elle s’arrête souvent avant sa sortie et qu’elle est utilisée en one shot, en usage unique.

Honnêtement, ça nous attriste. Quel dommage de ne pas voir l’intérêt ou de ne pas mettre les moyens d’intégrer l’UX Design comme un des pilier stratégique sur du long terme, pour accompagner et faire évoluer le produit durant toute sa vie.

Voilà ce qu’il se passe aujourd’hui.

L’UX Design comme porte d’entrée de la conception de votre produit

L’UX Design est à la mode depuis quelques années maintenant, tout le monde veut faire de l’UX Design dans la conception de son produit. On ne va pas dire le contraire, nous, on trouve ça génial !

👀 Commencer la conception de son produit par comprendre les utilisateurs, leurs besoins et problématiques, réduire les incertitudes et valider un maximum d’hypothèses avec des insights qualifiés.

🎨  Réaliser des ateliers de génération d’idées de solutions, des plus simples au plus poussées et de déterminer comment nous allons les concrétiser via des maquettes.

⚡️ Tester ce que nous avons conçu avec les utilisateurs finaux pour valider nos choix de conception et identifier les éléments qu’il faut encore améliorer avant de sortir le produit.

Le produit est sorti, on est prêt pour la suite.

“Comment ça la suite ? Le produit est sorti, plus besoin d’UX maintenant” 🤷🏽‍♂️

L’erreur de la conception UX en one shot

En tant qu’UX designer, mon rôle est de concevoir et de garantir la bonne “expérience” des utilisateurs sur un produit. Pour être plus concret, il s’agit de concevoir des produits utiles et faciles à utiliser.

Malheureusement, dans la majorité des cas, nous recherchons, concevons et lançons le projet, puis plus rien. Fin de l’histoire. ❌

Le problème est là ! Nous sommes souvent amenés à constater que l’UX Design est vu et pratiqué comme une porte d’entrée dans la conception d’un produit. Or, ce ne sont pas de bonnes habitudes, la conception doit être itérative et doit guider le produit durant toute sa vie, l’accompagner dans son évolution et dans ses améliorations.

Plutôt que de voir l'UX design comme une étape importante dans la conception d’un produit, ne faudrait-il pas l’intégrer comme une vision stratégique qui pourrait permettre de le faire évoluer tout au long de son existence via des données qualifiées et fiables, évoluant avec le moins d’incertitudes possibles ?

Prenons un exemple avec le leader mondial du streaming musical : Spotify.

Lors de sa sortie en 2006, le produit ne ressemblait à ce qu’il est devenu aujourd’hui. Il a constamment évolué, par itérations auprès des utilisateurs. Prendre leurs feedbacks, mettre en place de nouvelles solutions, comprendre les contextes d’utilisation, tester, et itérer. Voici la démarche de Spotify pour faire vivre son produit.

Voici des exemples simples et concrets. Après des années de recherches et de tests, Spotify a décidé de garder son thème sombre. Ils proposent également une interface dédiée à une utilisation lors de la conduite. Enfin, tous les utilisateurs peuvent accéder à une rétrospective de leur année sur Spotify, et cette dernière fait beaucoup parler d’elle. Ces éléments ne sont pas conçus par hasard. Ils sont le fruit des nombreuses données récoltées auprès des utilisateurs et de nombreuses années d’itérations.

Intégrez l’UX comme un des piliers stratégique dans la conception et la vie de votre produit

Après la lecture de cet article, vous n’avez plus le choix.

Projetez-vous sur le long terme, avec une vraie vision produit et évitez de concevoir votre produit en payant une prestation en UX et en disant “bye bye merci” une fois celle-ci terminée.

Un produit ça vit, ça évolue, ça s’écoute, ça s’observe, ça s’adapte et s’itère, ça se teste et ça se comprend. Ayez en tête que les utilisateurs de votre produit ont un intérêt pour ce dernier et que leur souhait principal et d’avoir un produit simple et facile à utiliser, qui leur amène des solutions et répondent à leurs besoins sans se prendre la tête.

On veut vous pousser à aller tester des hypothèses sur des choix stratégiques, des choix de conception auprès de vos utilisateurs finaux et ne pas d’avancer trop vite au risque de se tromper et de devoir tout refaire.

On veut vous pousser à intégrer vos utilisateurs dans vos ateliers, dans vos choix et décisions, car leur vision est plus que décisive, et leurs idées sont toutes bonnes à exploiter.

On vous conseille de vous entretenir et d’observer vos utilisateurs afin de comprendre leurs habitudes et leurs comportements, d’identifier de nouveaux besoins ou nouvelles problématiques qui feront évoluer votre produit.

L’UX, c’est de la recherche, c’est de la conception mais c’est aussi de la stratégie, essentielle pour des produits qui fonctionnent 🔥

Si vous avez un projet ambitieux, des problématiques complexes à résoudre ou simplement l’envie d’échanger à ce sujet, n’hésitez pas à venir discuter avec nous 👋

Vous reprendrez bien un peu d'UX après la sortie de votre produit ? 🥃

Comment aller plus loin que la mode de l'UX en début de projet et continuer à le faire vivre dans le temps ?

Aujourd'hui on parle de mots, de phrases et de paragraphes, du vide et on réalise une introspection sur le métier de designer.

Plus mes contenus textes sont longs, plus mes utilisateurs auront d'informations !

Le contenu est la base d'un site vitrine : c'est ce que vos utilisateurs viennent chercher. Une information sur un produit, sur votre société, une offre d'emploi... On vient rarement sur un site uniquement pour voir les jolis photos de vos locaux ou le splendide design réalisé par l'agence Uxer (Bien que... 👀).

On commence donc souvent la conception d'un site par des ateliers visant à avoir une réflexion sur les objectifs du projet : qu'est-ce que l'on souhaite exprimer, montrer et offrir à nos utilisateurs ? Que viennent-t-ils chercher sur notre site ? On sait par exemple que l'on va vouloir parler de l'histoire de notre société, de nos valeurs ou encore de nos process de travail spécifiques.

Puis vient le moment de poser des mots et des phrases sur ces sujets. Et bien souvent, on se retrouve à écrire de longs documents Word de plusieurs pages contenant paragraphes sur paragraphes d'informations. C'est qu'il y en a des choses à dire ! Et lorsqu'il reçoit tout ça, le designer se demandera : "Mais comment est-ce que je vais pouvoir afficher tout ça moi ?!".

Pour répondre à la question du jour, à savoir : plus mes contenus texte sont longs, mieux c'est pour l'utilisateur ? La réponse est : pas forcément. En effet, une quantité trop importante d'informations peut perdre un utilisateur. Il peut simplement ne pas trouver l'information qu'il cherche car celle-ci est perdue au milieu d'autres éléments qui ne l'intéressent pas, ou peut également quitter la page voire le site, submergé par tout ce qui lui est montré.

Voici différents éléments de réflexion pour ne pas tomber dans cet écueil :

Il est important de bien organiser en amont le contenu de son site afin d'avoir une arborescence cohérente. On dit souvent qu'une page doit avoir un objectif. Si on se retrouve à vouloir en dire trop ou à proposer trop d'actions sur une même page, peut-être est-il plus pertinent d'en créer plusieurs ?

Sauf cas particulier, votre site n'est bien souvent pas une documentation technique qui se doit d'être exhaustive. Le site vitrine doit avant tout présenter, informer et vendre. Appuyez donc vos arguments clés sans rentrer dans le niveau de détails le plus poussé. Vous aurez l'occasion d'aller plus loin avec vos utilisateurs une fois que vous les aurez accroché avec un contenu impactant.

Si on a malgré tout beaucoup de contenu à afficher sur une même page, il est important de découper son contenu en petits blocs, plus digestes qu'un gros pavé unique. Et pour ça, il ne faut pas avoir peur d'aérer son contenu et d'ajouter de l'espace pour faire respirer la page et faciliter la lecture. Oh, c'est d'ailleurs ce dont on parle dans notre second mythe, quelle surprise ! 😮

Pour résumé donc, l'important n'est pas de rédiger du contenu pour rédiger du contenu. Il faut avant tout qu'il soit pertinent, réponde aux besoins de vos utilisateurs et qu'il soit bien structuré.

L'espace blanc (ou espace négatif) dans une page d'un site fait souvent débat lors de la création des maquettes d'un site. Plus d'une fois un client a demandé à son designer de réduire ces espaces considérés comme vides et de rapprocher les contenus les uns des autres.

Et cela peut paraître sensé. Pourquoi rallonger la page avec des espaces inutiles alors que l'on sait que l'attention d'un utilisateur est limitée ? Si j'ajoute des espaces entre mes contenus, les derniers seront trop bas et les utilisateurs ne les verront jamais !

Pour commencer à répondre à cette question, il est important de se rappeler que les utilisateurs scrolleront dans vos pages SI vous leur donnez une bonne raison de le faire. Ça tombe bien, on a écrit un article là dessus 😊 !

Jan Tschichold écrivait en 1930 que l'espace blanc doit être traité comme un élément actif et non un arrière-plan passif. En effet, il permet de rendre les contenus plus digestes en affichant moins d'informations d'un coup mais également de rendre beaucoup plus évidente la hiérarchie des informations au sein de vos pages. Espacer vos blocs de contenus de vos pages permet de mieux guider l'oeil de vos utilisateurs, d'une section à une autre.

Une page trop chargée et mal structurée ne donnera pas envie d'être lue aux utilisateurs. Une étude de l'université de Wichita a démontrée que l'espace négatif dans une page améliore la compréhension du contenu, même si cela augmente légèrement le temps de lecture.

On peut même considérer que l'espace blanc peut avoir la même importance que les espaces alloués aux visuels qui illustrent vos pages étant donné qu'il joue un rôle clé pour l'intégrité visuelle de la structure de vos pages, au même titre que vos photos ou illustrations.

Et si vous avez VRAIMENT besoin de supprimer tout espace blanc de vos pages, vous pouvez toujours vous tourner vers : le white space eliminator. 🔫

Je suis un designer expert, je n'ai pas besoin de faire tester mon design

On termine cet épisode avec un mythe qui va probablement taper dans l'égo de beaucoup de designers. Si je suis un designer avec un certain nombre d'années d'expérience, je peux garantir que mon interface répondra entièrement aux problématiques des futurs utilisateurs. C'est bien évidemment faux.

Un bon designer se rendra souvent compte des problèmes d'usabilité les plus importants, et pourra les corriger avant qu'ils n'impactent les utilisateurs. Mais il ne pourra certainement pas tout anticiper et créer une interface ✨ parfaite ✨.

En effet, le comportement des utilisateurs est difficile à prévoir, même pour un designer expérimenté. Les utilisateurs peuvent être surprenants, se retrouver face à des problèmes qui n'avaient pas été anticipés et au contraire ne pas bloquer face à des points que l'on aurait pu penser comme bloquants ou compliqués.

Les designers sont rarement la cible des produits sur lesquels ils travaillent et peuvent donc souvent passer à côté des raisons des blocages de leurs utilisateurs, notamment si ces derniers ont des compétences particulières ou très spécifiques. Pour illustrer ce point, utilisons l'exemple de l'agence Uxer. Etant situés à Bordeaux, nous travaillons régulièrement avec des clients opérant dans le domaine du vin. Il serait prétentieux de penser que nous pouvons être à la fois experts en UX, en UI et en viniculture.

C'est pourquoi on peut souvent commencer la conception d'une interface produit à partir d'hypothèses mais qu'il faut confronter ces dernières aux utilisateurs finaux. Il est capital de privilégier les tests utilisateurs et travailler conjointement avec la cible de notre produit pour transformer des hypothèses en données empiriques.

Et soyons réalistes, l'interface parfaite n'existe pas, on tombe rarement bon du premier coup. Mais c'est à force de tests et d'évolutions pertinentes que l'on peut créer, petit à petit, un produit efficace et agréable à utiliser pour vos utilisateurs.

Deuxième épisode de notre série où on debunk les fausses idées du web design !

Les mythes du web design expliqués ! 2ème épisode

Nous lançons la refonte du site Wineandco, référence dans la vente de vins sur internet. Nos émotions sont fortes, l’excitation d’un challenge ambitieux, des enjeux énormes et le bonheur de rencontrer des équipes motivées.

Pour vous donner un peu de contexte, nous avons accompagné Wineandco sur un audit concurrentiel, mais aussi sur une importante phase de recherche utilisateur, dans le but d’aller rencontrer les différents profils utilisateurs, de redéfinir leurs besoins, attentes et d’identifier leurs problématiques.

En parallèle, conscient des enjeux de référencement naturel (SEO) essentiels sur un site e-commerce, les équipes de Wineandco ont décidé de rebooster leur stratégie SEO avec 209 AGENCY, les meilleurs. C’est le début d’une aventure commune (poke Guillaume et Laure ❤️) !

Des méthodes différentes pour des objectifs communs

“Wineandco est un caviste généraliste, on veut que les gens viennent aussi pour nos conseils et non simplement pour le produit”, “On veut moderniser l’image du site tout en gardant ses bonnes performances actuelles”, “On veut de la visibilité sur les moteurs de recherche sur des intentions précises”, “On veut un site simple, agréable, avec des parcours fluides”, “On veut augmenter les paniers moyens sur le site et augmenter le nombre de ventes”, “On veut améliorer l’expérience de navigation et d’achat des utilisateurs”.

Nos objectifs communs étaient clairs, y'avait plus qu'à !

Lorsqu’en recherche utilisateur (UX) nous cherchons à connaître les utilisateurs, leurs besoins, leurs problématiques et comportements en contexte, le SEO va lui garder ces mêmes objectifs en tête avec l’objectif de concevoir pour les moteurs de recherches et assurer le bon positionnement du site.

Mais alors, faut-il choisir entre les recommandations UX et les recommandations SEO ?

“Je pense que la question, elle est vite répondue !”, dixit JP 🤭

Parfois, nos recommandations vont dans le même sens et nous permettent d’affiner un élément sur le site afin qu’il soit adapté aux utilisateurs et comprit par les moteurs de recherche. D’autres fois, c’est un peu différent.

Pour chaque recommandation qui implique des mises en place de solutions différentes, qu’elles soient UX ou SEO, nous devons les repositionner face aux objectifs à atteindre, mais aussi face à la stratégie visée par le client. Et ainsi nous trouvons des solutions communes dans le but d’optimiser le référencement tout en optimisant l’expérience utilisateur, en répondant aux points les plus critiques.

C’est vrai après tout, quel est l’intérêt de concevoir la meilleure expérience utilisateur possible, sur un site qui sera introuvable sur les moteurs de recherche ? Et quel est l’intérêt de positionner son site en premier sur Google si ce dernier propose une mauvaise expérience utilisateur ? En réalité, UX et SEO, c’est bel et bien une histoire de collaboration 🤝.

Et concrètement, comment ça s'est passé pour ce projet ?

Je vais essayer de vous partager des exemples très simples, des cas concrets que nous avons rencontré sur ce projet.

Notre recherche utilisateur a mis en lumière le besoin pour les utilisateurs de naviguer dans des menus très simples, qui amènent directement sur une catégorie de vin. Côté SEO, il fallait donner plus d’entrées aux internautes afin de cibler les intentions de recherche des internautes sur des catégories spécifiques et de positionner ces pages sur les moteurs de recherche. Nous avons donc trouvé une solution commune qui permet aux utilisateurs d’accéder directement aux grandes catégories de vins tout en pouvant naviguer plus en profondeur vers des pages plus ciblées.

Avec une cave de plus de 5 000 références, il était évident que les utilisateurs puissent filtrer leurs recherches. Pour se positionner sur un maximum de pages en SEO, l’idée était de faire des filtres additionnels, mais en ne laissant à l’utilisateur que le choix d’un filtre par catégorie de filtre. Par exemple, un visiteur qui voulait filtrer par région ne pourrait que filtrer sur Bordeaux et non sur d’autres régions en même temps ! Pourquoi ? Pour pouvoir créer une page spécifique Vins de Bordeaux et la référencer sur les moteurs de recherches. Concernant l’expérience utilisateur, nous avons rapidement compris que les filtres utilisés étaient différents selon le niveau d’expertise des visiteurs. Un visiteur novice ne cherche pas forcément un vin précis, mais un vin qui va correspondre à un ou plusieurs critères. Nous avons donc décidé d’optimiser l’expérience utilisateur et de laisser la main libre aux utilisateurs sur leurs filtres de produits.

Les entretiens utilisateurs nous ont permis d’identifier les grandes thématiques de recherche de produits sur le site. Pour proposer de nouveaux contenus, souvent plus précis ou des sujets parallèles aux utilisateurs, on intègre du maillage vers d’autres pages sur le site. Il est stratégiquement intéressant de mailler vers des pages à fortes intentions de recherches. Les données issues du SEO et de la recherche utilisateur nous ont permis de déterminer les grandes catégories. Là ou nous proposions aux utilisateurs connaisseurs de trouver de nouveaux produits par régions, appellations ou millésimes, nous voulions aussi stratégiquement proposer de nouveaux produits à des utilisateurs plus novices, qui cherchent à découvrir le vin autrement, au travers d’occasions ou par son goût.

Deux expertises en même temps, comment on s’organise ?

Si vous ne voulez pas vous retrouver à refaire plusieurs fois le même travail, il est certain qu’il faut bien s’organiser. Concrètement, chez Uxer, nous établissons un planning projet commun avec 209 AGENCY lorsque nous nous lançons sur les mêmes projets.

Ce planning commun nous permet de suivre le projet et d’anticiper les étapes de chacun, les potentiels pré-requis et d’avancer main dans la main pour viser ce fameux objectif commun. Comme vous pouvez le deviner, nous nous retrouvons donc très souvent en commun sur de nombreux livrables afin de faire les bons choix de conception.

Ça semble si simple sur la papier, et pourtant ! Voici une petite anecdote concernant notre collaboration UX & SEO sur le projet Wineandco. L’organisation du planning a été un peu chamboulée car nous n’avons eu d’autres choix que d’intégrer le SEO après... 10 semaines de conception, après la user research, après les ateliers de conception et en plein milieu des wireframes ! Il n’y avait pas d’autres solutions possibles, donc on s’est adapté 💪.

Nous avons su rester agiles et nous avons partagé nos recherches qualitatives et quantitatives avec l'agence 209 afin de les intégrer le plus rapidement possible au projet et qu’ils puissent établir des recommandations sur la base des décisions déjà intégrées, ou pour qu’ils viennent nous challenger sur certains points 👌.

Rassurez-vous, la collaboration a été une réussite et le site est une bombe 💣 ! Nous sommes impatients de vous montrer le résultat ainsi que le processus de conception, sujet de notre prochaine étude de cas !

Alors pensez-y maintenant, entre SEO et UX ce n’est pas la guerre ! Vous vous demandez toujours comment choisir entre des recommandations SEO ou UX ? La question ne se pose pas. Demandez-vous plutôt comment arriver à une solution commune qui servira les mêmes objectifs finaux.

Quels choix faire et quelles recommandations suivre quand deux mondes s'affrontent ?

Si vous avez navigué sur vos sites favoris au cours des dernières années, vous aurez sûrement remarqué qu'on vous demande de plus en plus régulièrement si vous souhaitez ajouter une page à votre écran d'accueil sur votre téléphone, ou si vous souhaitez installer l'application. Avoir un site, c’est bien, mais quel plaisir de pouvoir le lancer via son téléphone, sa tablette ou sur son bureau d'ordinateur en 1 clic. On vous parle aujourd'hui de cette technologie qui peut en perdre quelques uns.

Tout d’abord, commençons par une définition scolaire 🧑‍🏫

Une PWA, acronyme de Progressive Web App est un procédé qui permet de transformer un site web sous la forme d'une application, accessible sur mobile et ordinateur et qui ajoute un paquet d'autres fonctionnalités et avantages.

Dans un monde de plus en plus connecté et où tout doit aller vite, quel plaisir de pouvoir lancer son site web favori, ou son outil de travail en 1 clic depuis son bureau ou le "launcher" de son téléphone !

Voici une liste non exhaustive des avantages d'une PWA :

Icône pour lancer directement l'application

Accès à certaines fonctionnalités natives du support (bluetooth, photos, micro, géolocalisation, etc..)

Un développement plus rapide et économique qu'une application mobile ou un logiciel

Le référencement ASO (Application Store Optimisation) est moins intéressant en cas de publication sur les stores

Son installation sous forme d'application est peu connue du grand public, malgré les messages du système qui le proposent

Accès limité aux fonctionnalités natives

Malgré cela, le cas de Twitter permet de se rendre compte de l'impact que cela peut avoir sur votre produit. Depuis la mise en place de leur PWA, Twitter a enregistré une augmentation de 65% de pages vues par session utilisateur, de 75% de tweets réalisés et une réduction du taux de rebond de 20% ! Tout ça en réduisant le poids de leur application de 97% (Source : web.dev).

Ce n'est pas toujours simple de déterminer quel type de développement est le plus adapté : est-ce qu'il vaut mieux faire un site web classique ? Une PWA ? Une application mobile ? Un bon vieux logiciel ? Comme souvent, ça va dépendre de votre produit et de son utilisation.

Vous souhaitez développer un intranet ou une application métier ? La PWA peut être très intéressante pour permettre à votre équipe d’installer l’outil sur leur ordinateur, téléphone ou tablette et de bénéficier de fonctionnalités supplémentaires, comme l'utilisation hors connexion qui peut s'avérer cruciale pour des équipes de techniciens qui travaillent sur le terrain sans connexion WiFi.

Pour un site vitrine ? C'est plus discutable. En effet, une PWA n'apporterait pas d'avantages significatifs par rapport à une développement traditionnel.

Vous l'aurez compris, cela dépend bien souvent du produit que vous souhaitez développer et de son utilisation. Les logiciels et applications mobiles natives sont eux plus lourds à développer mais seront plus puissants. Ils offriront une meilleure interaction avec le device sur lesquels ils sont installés (accès à la batterie, à la luminosité, etc...). Une PWA est-elle plus économique à développer et permet d'avoir un MVP (Minimum Viable Product) en un claquement de doigt - ou si je peux me permettre, de clavier !

Le saviez-vous ? Vous pouvez même publier votre application sur certains stores !

Et si je vous disais qu’il existe désormais les TWA (Trusted Web Activity) ? C'est un terme encore très peu connu qui consiste à publier une PWA sur un store. Google Play le permet. Dinguerie non ? 😎

Les PWA offrent beaucoup d'avantages et leur utilisation devient de plus en plus populaire. Au point que des entreprises comme Google les favorise de plus en plus dans leur algorithme de référencement (et ce n'est pas rien !).

Mais comme toutes les solutions, il faut s'assurer que c'est la bonne pour vous avant de vous lancer dans un quelconque développement. Du coup, si vous êtes en phase de réflexion sur un projet web et que vous vous posez la question de la PWA : n'hésitez pas à venir en discuter avec nous ! 👋

Installer une page web ?! Quelle sorte de magie est-ce donc ?! Attachez vos ceintures, on vous emmène dans le monde magique des PWA !

Définition et réflexions sur l'utilisation des PWA (Progressive Web App)

Pourquoi utiliser des PWA (Progressive Web App) ?

Design, code & vied’une agence bordelaise