Que ce soit un site ou une application, c’est la première impression qui compte. Qu’importe votre offre ou votre service ; si le webdesign de votre interface n’est ni soigné, ni approprié, ni actuel, vous perdez des utilisateurs et donc de potentiels clients.

Seulement voilà, à l’instar de la mode, les tendances du webdesign n’ont de cesse de changer. Chaque année, de nouvelles tendances voient le jour et évoluent en accordance avec les innovations technologiques et les besoins des utilisateurs.

Pas de panique. Aujourd’hui, nous faisons le point sur les tendances du webdesign qui ont bousculé 2021 et qui continueront à faire parler d’elles en 2022 !

Vous n’êtes pas sans savoir que, depuis quelques années, l’accès à Internet s’est démocratisé en passant de plus en plus par le biais d’appareils mobiles. Aujourd’hui, c’est donc plus de 48 millions de Français qui utilisent quotidiennement leur smartphone. Et qui dit smartphone, dit application mobile.

En suivant cette tendance, le changement dans les habitudes des utilisateurs apporte une véritable évolution lors du processus de création de solutions numériques qui doivent maintenant répondre aux critères du mobile ! 

Cette transformation ne doit toutefois pas être prise à la légère ; elle nécessite d’être murement réfléchie et, surtout, d’être mise en place dès le début d’un projet. Si vous avez un nouveau projet numérique, il est donc légitime de vous poser la question de l’utilité d’une application mobile. Pour cela, nous vous proposons de commencer votre réflexion en lisant notre article à ce sujet.

Enfin, il faut s’avoir que, de nos jours, il existe tout un panel de solutions conçues spécialement pour le mobile : application native, application web, application cross platform… Pour vous permettre d’y voir plus clair, nous allons donc dans cet article aborder chacune de ces trois options.

Vous aurez ainsi toutes les clés en main pour choisir la technologie mobile qui convient à votre projet.

Il s’agit d’une méthode de conception UX où l’on doit réaliser une fiche descriptive représentant un archétype d’utilisateur cible. Les personas sont là pour vous guider lors de la phase de conception, avant les tests par vos utilisateurs finaux.

Histoire des Personas

Ils ont été utilisés pour la première fois dans une phase de conception de système interactif par Cooper en 1999. Alan Cooper note le côté très abstrait des projets numériques. Il décide donc de remettre au centre de la conception les besoins des utilisateurs. Ceux-ci sont perçus souvent comme trop flous, par les équipes de conception par exemple. C’est une scénarisation de parcours utilisateurs basée sur une approche ethnographique.

Alan Cooper :
Alan Cooper est un développeur avant-gardiste dans la réflexion sur la création de logiciels. Il est l’un des premiers à placer l’utilisateur au centre du processus de conception. Il est depuis reconnu comme l’un des papas de l’UX design et comme inventeur des personas.

Les mécanismes psychologiques en jeu

L‘empathie et la théorie de l’esprit
L’empathie désigne votre capacité à vous identifier à autrui dans ce qu’il ressent, donc de ressentir la même chose que lui. La théorie de l’esprit désigne quant à elle, votre capacité mentale à induire des ressentis aux autres, mais aussi à vous-même et à les comprendre. Prévoir le comportement des autres par exemple. La conception de personas nécessitent les deux mécanismes. C’est-à-dire la compréhension des attentes des futurs utilisateurs et l’anticipation de ses comportements.

La théorie des stéréotypes
Construit à partir des résultats d’exploration les plus caractéristiques, le persona fait certainement référence à un utilisateur stéréotypé. Parce que c’est ce qui les rend compréhensibles par le plus grand nombre de personnes. Ils sont donc des simplifications de vos utilisateurs réels.

Emotion & créativité
Ils sont aussi très positifs et stimulants pour votre équipe parce qu’ils permettent de se projeter dans le projet. Il engagent un état d’esprit propice à la créativité.

Pourquoi utiliser des Personas ?

Premièrement, la création de personas est un moyen avantageux d’étudier les besoins de vos utilisateurs. De plus, ils accordent l’élaboration des scénarios et parcours de votre site, votre application. Cependant ils peuvent également servir à l’élaboration de parcours physique. Dans un musée ou par exemple le parcours dans un des magasins Ikea. Flèches au sol, tout est réfléchi et centré utilisateur. Chez Ikea l’utilisateur ne suivant pas les flèches atterrira donc dans un rayon voyage et aventure, rayon qui lui plaira. Enfin, l’utilisation de persona permet la création de produits correspondant réellement aux besoins de vos utilisateurs. Ils s’avèreront également utiles dans les phases d’idéation car ils accentuent le processus créatif sans poser de limite.

Quand ?
L’idéal, si vous ne souhaitez pas lancer votre projet dans une mauvaise direction, est d’utiliser cette méthode au commencement, parce qu’elle permet de créer des processus innovants et respectueux des utilisateurs. En effet, un persona crée en fin de projet pourra remettre en question toutes les bases et le parcours de celui-ci. Notre conseil : faites les choses à l’endroit !
Nous pouvons vous accompagner.

Les bénéfices de la méthode :
• Générer beaucoup de bonnes idées
• Permettre un processus de conception centré utilisateur
• Consolider les liens des membres de l’équipe projet et leur engagement
• Permettre d’autres méthodes tels que les scénarios utilisateur / parcours UX
• Créer une ambiance stimulante et créative

Dès les années 1970, un mouvement d’informatisation des fonctions de gestion dans le domaine médical s’opère. Depuis, un fort intérêt se fait ressentir pour le secteur de l’e-santé et le développement de nouveaux outils numériques. Dans l’esprit d’améliorer l’accès aux soins et la qualité de ceux-ci. Ainsi, les années 2000 ont été témoin de l’évolution rapide de ces technologies.
La France est l’un des pays les plus actifs dans ce domaine. En effet, voici 5 initiatives e-santé lancées par des entrepreneurs indépendants sur le territoire français.

Montre connectée, application de running, application suivant l’évolution des entraînements ou encore outils d’aide médicale pour le personnel soignant. D’autant de projets e-santé qui ont vu le jour au cours des dernières années. Ce secteur représente donc un enjeu scientifique et économique de taille !

À l’international ou sur le territoire français, les innovations se font de plus en plus nombreuses, pertinentes et efficaces. L’équipe de Leoxa a eu l’opportunité d’apporter sa pierre à l’édifice en collaborant sur trois projets e-santé pertinents.

Allez en savoir plus sur les projets réaliser par l’agence web Leoxa !

La méthode du design sprint repose sur des itérations de 5 jours de travail basés sur le schéma suivant : Plan, Maquettage, Décision, Prototypage, Tests. Le design Sprint est une méthode de travail en co-création avec le porteur de projet. Son objectif étant d’accélérer la phase de réflexion des entreprises pour arriver à un résultat en 5 jours. Cette méthode est inspirée du design thinking, de l’UX design et des méthodes agiles. Elle consiste à produire plan, maquette, prototype et test de votre idée afin d’en valider la viabilité.

Quelles sont les étapes du Design Sprint ?

Définition & Réflexion :
Votre but premier sera de définir un problème précis auquel votre projet répondra. Nous définirons également un parcours utilisateur léger, et nous entrerons dans la création d’un persona cible. Il sera définit en fonction de votre type de clientèle, nous lui attribueront un âge, un sexe, un domaine d’activité, ce persona servira ensuite de guide dans les phases de création du parcours utilisateur, ainsi que dans la réflexion de l’image de votre marque. Une fois le persona créé, nous aurons besoin d’engager 5 testeurs dont le profil correspond à celui-ci, ces testeurs joueront un rôle indispensable dans la dernière partie du design sprint. Cette première journée sera principalement portée sur l’échange et la réflexion. Il est important de ne pas négliger cette phase de réflexion car elle sera la base de tout le projet.

Inspiration & Idéation
Le but de cette seconde étape sera de rechercher un maximum d’inspiration graphique et UI/UX sur ce qui existe déjà, même dans d’autre domaines d’activité, l’objectif étant de mettre à profit les différentes trouvailles de chaque participants, sans aucune limite ou restriction. A ce stade toute inspiration est bonne à prendre. Ensuite nous réaliserons sur papier et individuellement les premières esquisses au brouillon des différents écrans, avant de les mettre au propre. Ceux-ci permettront de faire ressortir les idées les plus intéressantes de chacun. Nous les étudierons tous ensemble le lendemain.

Les 4 exercices
Dans cette phase nous vous proposerons 4 exercices. Dans un premier temps nous découvrirons les écrans de chacun des participants en silence. Puis s’en suivra un échange afin de les comprendre, chaque participant pourra alors expliquer et défendre ses écrans, ses idées et innovations. Ensuite, nous pourrons désigner les meilleures idées par vote, nous pourrons élire les différentes idées par thème afin de donner une personnalité à chaque réalisation. Ex : La réalisation la plus innovante, la plus sérieuse, la plus impactante… Une fois les votes terminés, les meilleures idées seront scénarisées dans un prototype sous forme d’écrans avant le maquettage produit par notre web designer.

Charte & Maquettage
Dans cette journée le webdesigner réalisera un maquettage rapide des différents écrans, en traduisant leurs fonctionnalités particulières et leurs liens. Ce prototype pourra être utilisé afin de tester le premier parcours utilisateur. Il sera fonctionnel et permettra ainsi au persona de donner un premier avis. Une esquisse de la charte graphique et de l’identité de votre projet sera également produite lors de cette étape.

Test & Final
C’est le dernier jour ! Le moment du test est venu, nous ferons venir les 5 testeurs engagés lors de la première journée. Ils testeront individuellement le prototype réalisé la veille et ainsi nous permettront de récolter, sous la forme de vidéos et de prise de notes, des commentaires positifs ou négatifs qui seront utiles au bon développement de la suite du projet.

Les bons points pour un Design Sprint

Un porteur de projet avec la motivation de développer ses services, son entreprise et sa relation avec ses utilisateurs, sera d’autant plus efficace, cette même personne sera très bénéfique à la réalisation du design Sprint et sera désignée référente durant le projet. Elle devra donc être présente lors de toutes les étapes. Une certaine diversité parmi les participants est toujours un plus ! Direction, terrain, marketing, commerce, cette diversité permettra d’enrichir la réflexion autour du projet. Notre équipe vous accompagne au fil des étapes du Design Sprint, de la définition du produit, jusque dans sa faisabilité et enfin son rendu final.

Le téléchargement et l’installation de votre application ne signifient pas nécessairement que l’utilisateur comprend à quoi sert votre application. Afin d’en améliorer l’expérience et apporter les bonnes instructions d’utilisation de votre application, l’onboarding est la solution la plus complète et ludique. Il peut également servir ou desservir votre application, en effet un onboarding trop long, des explications inutiles ou des demandes d’information / création de compte obligatoires peuvent pousser vos utilisateurs à désinstaller votre application.

À l’inverse un onboarding faisant passer la proposition de service rapidement et se voulant graphiquement attrayante pourra encourager l’utilisateur à rester sur votre app. Vous pouvez également proposer un test de certaines fonctions, ce qui permettra à votre utilisateur de créer un lien plus rapidement avec votre app et d’en apprécier le fonctionnement. L’onboarding est un moment important de votre parcours utilisateur car il arrive en premier lieu dans ce même parcours, ces premières minutes d’utilisations sont donc cruciales, mais alors qu’elles sont les bonnes question à se poser lors de la création de votre onboarding ?

Quelques questions

▸ Qu’est-ce que les utilisateurs doivent savoir pour pouvoir utiliser mon service ?
▸ Comment je vais motiver mes utilisateurs à suivre ce didacticiel ?
▸ À quel moment de sa navigation l’utilisateur doit avoir fait le didacticiel ?
▸ Quelles sont les actions régulières que votre utilisateur doit faire pour que votre app fonctionne ?

Afin de vous familiariser au mieux avec notre corps de métier nous avons décidé de dénouer au mieux, sa fonction, pour vous. Depuis votre entrée dans le monde du numérique vous avez sans doute pu entendre parler d’UX design. Mais alors, que signifie ce sigle ? L’UX est un sigle anglais qui signifie User expérience ou pour nous : Expérience utilisateur. Si l’on peut penser que cette discipline inspire nouveauté et modernité ce n’est en fait pas tout à fait le cas, en effet le design d’expérience utilisateur possède en réalité une histoire bien moins récente. 

Histoire de l’UX

C’est dans les années 1940 au sein de l’usine Toyota, que le premier test utilisateur pointe le bout de son nez afin de rendre plus efficace la chaîne de production. On parle alors des premières réflexions de la relation entre l’homme et la machine.

Si aujourd’hui on pense à l’UX design comme une méthodologie utilisée surtout dans la création d’interface digitale web & mobile, là n’est pas son seul usage. L’UX design va également s’immiscer dans les parcours utilisateurs de musées, expositions, boutiques et bien d’autres lieux. Son rôle est aujourd’hui bien présent dans notre société et il peut parfois être curieux de reconnaitre une bonne ou mauvaise UX dans la vie de tous les jours. Mais d’abord quelques bases.

L’ergonomie Cognitive

Dans un premier temps nous aborderons le sujet de l’ergonomie cognitive qui s’intéresse aux principaux processus mentaux. Tout d’abord l’ergonomie, l’ergonomie physique se définit par l’adaptation d’un produit ou d’une situation de travail à un utilisateur. La cognition quant à elle, est relative à l’ensemble des grandes fonctions de l’esprit (perception, langage, mémoire, raisonnement, décision, mouvement…)

L’ergonomie cognitive est donc l’étude des interactions avec un dispositif ou un produit interactif qui nécessite l’utilisation des grandes fonctions mentales de l’homme. Elle étudie également les problèmes éventuels de charge mentale qui résultent de cette interaction. 

La charge mentale

Dans ce paragraphe nous aborderons le concept de charge mentale encore peu connue par le grand public. La nécessité de réflexion lors de l’utilisation d’une interface est impérativement liée à une charge mentale. La charge mentale de l’utilisateur se définit en cette courbe : le calme et l’ennuie, le stress positif, et le stress négatif. Un stress positif boostera les performances de votre utilisateur, il sera dynamisé et concentré. À l’inverse un stress négatif provoquera chez lui de la fatigue et de l’épuisement. Il est donc nécessaire, pour le bon déroulement de votre projet, de bien connaître vos utilisateurs afin d’anticiper les éventuels bienfaits ou méfaits de stress ou d’ennuie dans leur parcours. De plus la charge mentale ne sera pas la même pour tous les utilisateurs.

Exemples

Exemple 1 : Une application de réservation de places de cinéma. Afin d’acheter une place votre utilisateur doit impérativement créer un compte, remplir un formulaire et confirmer son inscription par mail. Toutes ces tâches complexifient son expérience. Imaginez alors que l’utilisateur doit fermer systématiquement un ou plusieurs pop-ups et sa charge mentale explose. Pouf ! Il désinstalle l’application.

Exemple 2 : Au contraire un stress positif engendrera des retombées favorables à votre projet. Certains procédés comme le compte à rebours :  » Plus que 4 exemplaires avant rupture !  » forcent l’utilisateur à faire un choix et forcent son engagement dans le même temps.

Quelques questions

Pour pouvoir prévenir les aspects positifs et négatifs de cette charge mentale nous vous conseillons de vous poser certaines questions :

▸ Est-ce que la tâche est simple à accomplir pour mon utilisateur ?
▸ Est-ce que mon utilisateur est assez performant ?
▸ Est-ce que le temps pour accomplir cette tâche est raisonnable ?
▸ Est-ce que l’accomplissement de cette tâche engendre un stress ?

En conclusion il est indispensable de bien réfléchir à la gestion de cette charge mentale et simplifier au maximum l’expérience de vos utilisateurs afin de réaliser une interface web ergonomique.

L’utilité & L’usabilité

La question de la charge mentale n’est pas le seul facteur à prendre en compte afin de réaliser une interface ergonomique. Dans ce cas, que contient une interface ergonomique réussie ? Premièrement, il faudra répondre à la question de l’utilité, à quoi sert votre interface, quel est son but ? Il est essentiel pour cela de bien connaître les besoins de vos utilisateurs. Selon ces besoins, quels sont les meilleurs services possibles ? Une fois votre objectif défini vous avez la possibilité d’engager des des micros-utilités. Celles-ci vont vous permettre de mieux vendre votre produit, mieux promouvoir votre information. Les micros-utilités enclenchent le processus de prise de décision et donc d’engagement. Elles sont très liées aux choix stratégiques et marketing.

Exemples de micros-utilités :
compte client, possibilité de comparer les produits, partage…

Parlons maintenant d’usabilité, l’usabilité est la capacité de mise en œuvre de l’interface. Selon la norme ISO 9241, « un produit est dit utilisable lorsqu’il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés, cherchant à atteindre des objectifs donnés, dans un contexte d’utilisation donné. » Autrement dit, plus votre interface permet d’atteindre simplement l’objectif fixé plus vous êtes gagnant. L’usabilité passe essentiellement par la satisfaction de l’utilisateur, c’est là toute l’utilité d’une conception centrée utilisateur.

 » L’ergonomie web a pour objectif d’adapter un site web à ses visiteurs, de sorte que son utilisation soit ressentie comme facile, confortable et que ceux-ci aient envie d’y revenir. Elle varie en fonction du site étudié, de ses objectifs stratégiques et des internautes qui le visitent.  » A.Boucher

Quelques règles

L’objectif premier est d’améliorer l’interaction homme-machine et faciliter l’utilisation et l’apprentissage des interfaces . Pour cela, on doit créer une
expérience utilisateur en trois points :

▸ Efficace : réussir à faire ce que je veux (grand public)
▸ Efficiente : réussir à faire une action rapidement (expert)
▸ Satisfaisante : gratification d’utilisation ( esthétique)

Il est utile de savoir que l’ergonomie n’est pas indépendante du design, du développement, du marketing, etc. Elle doit être présente tout au long du projet. Idéalement, il faut commencer par l’ergonomie. Elle permet de prendre des décisions très impactantes, impossibles à appliquer en fin de projet. L’objectif de l’ergonomie web est d’adapter un site, une appli à son audience, la clé est de comprendre ses utilisateurs. De là, votre réflexion pourra aller vers une amélioration de l’ergonomie. Il faut comprendre ce qui les caractérise en tant qu’êtres humains en général, puis en tant qu’utilisateurs de votre interface en particulier.
Vous avez pour projet de lancer une application mobile ergonomique ? N’hésitez pas à vous renseigner sur notre article : Application mobile.