Le design thinking est un concept datant de plus de 50 ans et qui est pourtant toujours utile dans tout processus de création en web design : que ce soit pour la refonte d’un site internet ou pour la création d’un composant web.

Cette méthode se veut centrée sur l’utilisateur et tournée vers l’innovation. Mais concrètement, pour utiliser le design thinking dans votre projet web design vous devez suivre quelques étapes…

1. Comprendre l’objectif de votre composant

Avant de vous lancer dans la création pure et dure, il est important de comprendre l’objectif de votre futur composant web.

L’idée est de répondre à trois questions :

Prenons l’exemple d’une fonctionnalité d’un calendrier permettant de filtrer la date.

Ce composant est un filtre qui permet de sélectionner un intervalle de temps pour accéder à un rapport d’analyse par exemple.

2. Comprendre les utilisateurs

Le design thinking est centré sur les utilisateurs il est donc primordial de comprendre ces derniers.

Vous l’aurez sans doute compris, vous devez identifier des personas pour mettre en avant leurs comportements, les circonstances d’usage, leurs attentes, leurs motivations.

Évidemment, selon votre projet, la description de vos personas peut être plus ou moins précise. Sachez également qu’il existe des outils gratuits pour vous aider à créer ces fiches.

3. Évaluer le design existant

Si votre projet consiste en une restructuration vous devez prendre le temps d’évaluer le composant existant.

Cette étape demande de la patience et de l’empathie car vous devrez vous mettre à la place des utilisateurs pour comprendre leurs motivations.

Voici quelques questions auxquelles vous devez répondre :

Pour réussir cette étape du design thinking vous devez être minutieux et prendre le temps d’analyser correctement chaque micro composant : le texte, les couleurs, les boutons, etc.

L’idée est de mettre en avant les différents problèmes que rencontrent les utilisateurs.

4. Tirer des conclusions

Une fois que vous avez mis en évidence le comportement des utilisateurs et les problèmes rencontrés il est bon d’en faire un résumé pour lier les différentes informations.

Vous verrez ce qui semble confus pour vos utilisateurs et les fonctionnalités qui les empêchent d’atteindre leurs objectifs.

5. Analyser la concurrence

Le design ou la restructuration d’un composant web ne peut se faire sans une analyse de la concurrence.

Si vous avez identifié des problèmes rencontrés par vos utilisateurs actuels, vous devez comprendre la manière dont vos concurrents contournent et résolvent ces problèmes.

Vous devez aussi identifier leurs points forts et les éventuels dysfonctionnements afin de ne pas reproduire les mêmes erreurs.

De manière générale, vous devez comprendre comment d’autres arrivent à proposer un composant similaire au vôtre aux utilisateurs.

6. Trouver des solutions

En regroupant toutes les informations issues des étapes précédentes vous êtes maintenant capable d’apercevoir des solutions pouvant résoudre les problèmes rencontrés par vos utilisateurs.

7. Prototyper des solutions

Dans l’étape précédente l’idée n’est pas de choisir une seule et unique solution, mais bien de mettre en évidence les possibilités qui s’offrent à vous.

Avant de faire votre choix vous devez réaliser plusieurs prototypes pour prendre conscience des tenants et aboutissants de votre nouveau design.

Vous pourrez aller plus loin en réalisant des wireframes pour illustrer les différentes fonctionnalités.

8. Sélectionner la meilleure solution

C’est enfin le moment de choisir ! Mais comment faire si plusieurs solutions semblent résoudre le problème rencontré par vos utilisateurs ?

Tentez de répondre aux questions suivantes :

N’hésitez pas à vous poser d’autres questions en lien avec votre situation. Les réponses doivent vous permettre de prioriser vos solutions et d’identifier celle correspondant le plus à vos attentes.

9. Designer votre composant

Lors de la conception de votre composant vous devez faire en sorte de délivrer la meilleure expérience à vos utilisateurs.

D’ailleurs ces derniers aiment les choses simples, donc retirez tous les éléments qui semblent inutiles et qui n’aident pas les utilisateurs à atteindre leur objectif.

Au fur et à mesure votre design doit être de plus en plus simple et intuitif.

10. Tester votre composant

Dernière étape du processus du design thinking : les tests.

Les tests vous permettent de mesurer la faciliter d’utilisation de votre solution et de trouver des moyens d’améliorer toujours plus votre version finale.

Idéalement ces tests devraient être réalisés tout au long du processus de création.

Les processus de conception évoluent constamment et le design thinking est idéal pour développer des composants axés sur les besoins des utilisateurs.

Les étapes de ce concept peuvent être adaptées et customisées selon votre projet. D’ailleurs n’hésitez pas à partager vos suggestions en commentaires.