Home Page
cadrage
cadrage
Le Design Thinking pour l'UX et l'UI
Design Thinking

Pourquoi leĀ ā€‹Design ThinkingĀ est la technique ideĢale pour deĢvelopper lā€™UIĀ ā€‹et lā€™UXĀ ā€‹de vos sites web et applications mobiles?

Si votre site web ou votre application proposent une solution pour reĢsoudre un probleĢ€me rencontreĢ par les utilisateurs, cā€™est le roĢ‚le de lā€™agence TOTEM de vous proposer une solution pour mener aĢ€ bien la creĢation de votre projet digital.

Alors, appliquer la meĢthodologie duĀ Design ThinkingĀ ā€‹aux processĀ ā€‹UXĀ ā€‹(User eXperience) etĀ ā€‹UIĀ ā€‹(User Interface) lors de lā€™eĢlaboration de votre site ou application web est justement un moyen de reĢsoudre de manieĢ€re innovante les probleĢ€mes rencontreĢs au cours du deĢveloppement.

Alors, quā€™est-ce que leĀ ā€‹Design ThinkingĀ ā€‹? On applique une meĢthodologieĀ ā€‹et champ des approches utiliseĢes pour le design et par des designers aĢ€ unĀ ā€‹champ plus large de probleĢmatiques, en 5 phases: Empathie, DeĢfinition, IdeĢation, Prototype, Tests. Cā€™est un mode de production dā€™innovation ouĢ€ lā€™accent est mis avant tout sur lā€™empathie envers lā€™utilisateur final afin de comprendre ses ressentis et eĢmotions. DeĢcouvrez pourquoi leĀ ā€‹Design ThinkingĀ ā€‹est parfaitement adapteĢ aĢ€ la creĢation de l'ā€‹interface utilisateurĀ ā€‹et de lā€™expeĢrience utilisateurĀ ā€‹de votre projet de site web ou d'application.

Notez que lā€™UX et lā€™UI du site que nous creĢons pour vous auront une place primordiale pour lā€™expeĢrience de lā€™utilisateur :Ā ā€‹dans le webdesign, cā€™est la forme qui dicte le fond, le design organise le contenu avant de le mettre en valeur.

[object Object]Cadrage

ā€‹1 - LeĀ ā€‹Design ThinkingĀ ā€‹dans les processĀ ā€‹UIĀ ā€‹etĀ ā€‹UXĀ ā€‹permet de deĢfinir votre projet

LeĀ ā€‹Design ThinkingĀ ā€‹commenceĀ ā€‹par lā€™entreĢe en empathieĀ ā€‹avec votre utilisateur final. En pratique, lā€™eĢquipe Ruban by TOTEM vous propose aĢ€ ceĀ stade divers outils de compreĢhension de lā€™individu [quā€™est votre utilisateur]ā€‹: sondages, benchmarks, ateliers, la meĢthode des personas et dā€™autres. Mais la phase dā€™empathie ne sā€™arreĢ‚te pas aĢ€ laĀ ā€‹geneĢ€se du projetĀ ā€‹. Une fois observations et recherches meneĢes, on y reviendra aĢ€ chaque eĢtape du deĢveloppement.

Ce focus sur lā€™humain est la particulariteĢ de cette meĢthode dans la creĢation dā€™un site web ou dā€™une application.

Vient ensuite lā€™analyse. En laissant au vestiaire les ideĢes preĢconcĢ§ues etĀ ā€‹les preĢjugeĢsĀ ā€‹graĢ‚ce aux informations recueillies, vous obtenez une vision claire de votre projet qui peut se reĢsumer en un concept: la probleĢmatique de votre utilisateur finalĀ ā€‹devientĀ ā€‹une question centreĢe sur lā€™humain,Ā ā€‹ses sensations, ses eĢmotions,Ā ā€‹plutoĢ‚t que sur des enjeux techniques ou financiers.

Plus fortes, trois start-ups clientes de TOTEM ont pu eĢnoncer avec preĢcision leurs concepts et trouver leurs business models, aĢ€ lā€™issue dā€™ateliers de creĢation de lā€™agence.

[object Object]CrƩation

2 - LeĀ ā€‹Design ThinkingĀ ā€‹est creĢateur dā€™ideĢes pour la conception de lā€™Ā ā€‹UXĀ ā€‹et de lā€™Ā UIĀ ā€‹de votre projet

La reĢflexion sā€™oriente ici sur la reĢalisation concreĢ€te de votre site web ou de votre application mobile: lā€™ideĢation. On cherche ensemble des reĢponses graphiques au probleĢ€me de votre utilisateur.

Pour cela, lā€™eĢquipe Ruban by TOTEM vous accompagne au coursĀ ā€‹de brainstormingsĀ ā€‹feĢconds en ideĢe, pendant lesquels tous les moyens sont bons pour stimuler votre imagination et celle de vos eĢquipes:Ā ā€‹atelierĀ ā€‹wireframes,Ā meĢthode MoScoW ou la ceĢleĢ€bre technique de la Worst Possible Idea.Ā ā€‹Pour eĢtendre le champ des possibles, toutes les ideĢes sont mises sur la table.Ā ā€‹

On pourra observer que des probleĢ€mes techniques ou logiques du site web ou de lā€™application seront reĢsolus par des astuces graphiques. Cā€™est ainsi que lā€™UX et lā€™UI viennent sā€™unir pour optimiser le produit.

Les eĢquipes de TOTEM vous soumettent ensuite des POC (Proof of Concept). Ce sont des illustrations des ideĢes retenues lors des brainstormings, sous la forme de maquettes adoptant votre charte graphique (mock-ups). On vous preĢsente ces versions lo-fi: par exemple, dans le cas dā€™une application mobile, la POC sera une succession dā€™images qui simuleront lā€™expeĢrience de votre utilisateur avec un premier jet de lā€™interface.

Cette phase duĀ ā€‹Design ThinkingĀ ā€‹permet de deĢmontrer ou non la faisabiliteĢ de conception de ces projets dā€™ā€‹UXĀ ā€‹et dā€™UIĀ ā€‹en reĢpondant aĢ€ deux questions: est-ce ce que vous attendez? TOTEM est-il en mesure de l'exeĢcuter?

[object Object]Test

3 - LeĀ ā€‹Design ThinkingĀ ā€‹en se concentrant sur lā€™utilisateur est ideĢal pour la conception dā€™Ā ā€‹UXĀ ā€‹et dā€™Ā ā€‹UI

ApreĢ€s le choix des POC qui vous semblent les plus pertinents, les eĢquipes TOTEMĀ ā€‹travaillent durĀ ā€‹sur le prototypage de votre site ou de votre application web. On deĢcouvre ce qui est reĢalisable ou non, en revenant toujours au portrait de lā€™utilisateur de cesĀ ā€‹UXĀ ā€‹etĀ ā€‹UI deĢfini au deĢbut duĀ ā€‹Design Thinking.

Ā ā€‹Au fil du deĢveloppement, aĢ€ mesure que de nouvelles probleĢmatiques apparaissent, les solutions proposeĢes par les deĢveloppeurs de TOTEM voient le jour.

Les tests peuvent commencer. Pour vous offrir un gain de temps et dā€™argent, on propose un Most Valuable Product: une version de votre site web ou de votre application qui ne reĢponde quā€™au seul probleĢ€me principal des utilisateurs, sans les fonctionnaliteĢs secondaires. On fait essayer aĢ€ un public test le projet, en reĢcoltantĀ ā€‹leursĀ ā€‹feedbacks des utilisateurs. Dans cette phase dā€™iteĢration, le MVP du site ou de lā€™application mobile est corrigeĢ en permanence.

ā€‹Cā€™est en eĢcoutant comment sont percĢ§us lā€™UX et lā€™UI de votre projet que vous pouvez en deĢduire une nouvelle version .Ā ā€‹On peut alors sā€™accorder sur le produit final que vous attendez de TOTEM pour passer aux phases finales duĀ ā€‹Design Thinking.

Pourquoi choisir leĀ ā€‹Design ThinkingĀ ā€‹pour le deĢveloppement desĀ ā€‹UIĀ ā€‹etĀ ā€‹UXĀ ā€‹de vos sites ou applications web?

En placĢ§ant le focus sur lā€™humain, leĀ ā€‹Design ThinkingĀ ā€‹est ideĢal pour la creĢation de votre site ou application web.Ā ā€‹Ayant positionneĢ lā€™utilisateur de lā€™UI et de lā€™UX au centre des reĢflexions depuis le deĢbut du projet, celui-ci saura reĢpondre aĢ€ son probleĢ€me tout en offrant un parcours fluide et sans friction.

Lā€™agence TOTEM place aussi son emphase sur lā€™humain en exeĢcutant les bonnes pratiques pour vos projets de webdesign.Ā ā€‹Lā€™accompagnement est baseĢ sur lā€™eĢcoute, la confiance et la communication tout au long du projet pour en assurer la maiĢ‚trise.

Agence
digitale
Totem Paris
17 rue de la Banque
75002 Paris
01 88 33 96 97 contact@totem.paris
Mentions lĆ©galesĀ© 2020 Totem ā€¢ Agence digitale ā€¢ Conception & DĆ©veloppement Web et Mobile