Design Thinking pour des applications

bt_bb_section_bottom_section_coverage_image
Accueil » Design Thinking pour des applications

Les objectifs du design thinking

  • Analyser les attentes des publics cibles et prédire leurs comportements (User Experience)
  • Imaginer une interface conforme aux attentes des utilisateurs cibles, définir les modes de navigation et d’interaction dans l’interface (User Interface)
  • Retranscrire l’identité du projet, à travers une charte graphique et des écrans mémorisables et impactants (webdesign)
https://pic.digital/wp-content/uploads/2022/09/resultat.png

Les livrables

01

Les personas

Les persona sont des représentations fictives des groupes d’utilisateurs cibles du service. Ils permettent d’humaniser la relation à l’usager. Le persona a une identité propre, des attentes vis-à-vis du produit, une fréquence et une logique d’usage. Ces scénarios sont construits sur la base des différentes données disponibles (recueil de données sociologiques, enquêtes d’opinion, questionnaires, entretiens en tête à tête, etc).

https://pic.digital/wp-content/uploads/2022/09/fiche-persona.png

03

Le moodboard (ou planche tendances)

Le moodboard est une planche graphique sur laquelle sont représentés les codes identitaires et inspirations design du futur service (application, portail web, portail intranet, logiciel/application métier …), que ce soit au niveau typographique, colorimétrique, iconographique ou de la tonalité. L’objectif est d’imaginer l’ambiance et l’univers graphique du futur service, en s’inspirant des tendances design actuelles et des pratiques du secteur.

https://pic.digital/wp-content/uploads/2022/09/moodboard.png

02

Le storyboard

Adossé à la démarche de profilage, le storyboard permet de déduire des scénarios d’interaction au sein d’une interface. On va chercher ici à identifier le point d’entrée de nos utilisateurs dans l’application et la finalité de leurs visites pour construire un parcours le plus direct et intuitif possible. Ces scénarios d’usage vont nous permettre, en outre, de définir les pages clés à travailler en phase de prototypage.

https://pic.digital/wp-content/uploads/2022/09/stoyboard.png

04

Les pré-maquettes (ou wireframe)

Les wireframe sont des prototypes expérimentaux. Ils décrivent les différentes zones de l’interface et leurs fonctions. Ce pré-maquettage permet de se concentrer sur l’ergonomie générale du service, sans interférence du design.

Les pré-maquettes sont réalisées pour tous les écrans stratégiques du service/application/portail … qui ont été mis en évidence dans l’étape de construction des parcours client.

Elles sont déclinées en vue desktop (ordinateur) et mobile pour une prise en compte de tous les scénarios d’usage.

https://pic.digital/wp-content/uploads/2022/09/wireframe.png
https://pic.digital/wp-content/uploads/2022/09/wireframe-mobile.png

A noter : L’étape des wireframe fait partie de la méthodologie cœur de PIC DIGITAL. Nous concevons une interface, nous imaginons une expérience avant de lui donner une enveloppe graphique. Nous ne nous engageons jamais dans le design sans que les pré-maquettes aient été validées par le client.e.

bt_bb_section_top_section_coverage_image
bt_bb_section_bottom_section_coverage_image

WebDesign et spécifications fonctionnelles

Une fois les wireframe validés, PIC DIGITAL réalise le design des écrans principaux du projet. Nos maquettes tiennent compte de tous les contextes utilisateurs. Nous déclinons les affichages mobile et desktop.

Nous évitons les colonnes latérales si elles ne sont pas pleinement justifiées.
Nous évitons les surcharges de couleurs et utilisons des typographies modernes, adaptées à une lecture sur écran.
Les éléments d’interface (menus, boutons d’action, champs de recherche, de formulaire) sont facilement saisissables, notamment sur des vues mobiles.

Comme d’autres méthodes d’innovation, le design thinking est centré sur les gens/personnes/clients et les problèmes qu’ils souhaitent résoudre. Contrairement aux approches plus techno-centrées qui ont tendance à se concentrer uniquement sur la technologie, celle-ci inclut toutes les différentes parties prenantes impliquées dans un projet – des clients jusqu’aux fabricants ou installateurs (ou toute autre personne). 

https://pic.digital/wp-content/uploads/2022/09/analyics.png


A noter : Dès l’étape du design, PIC DIGITAL vérifie la conformité des taux de contraste entre le 1e plan et l’arrière plan de chacun des éléments d’interface. Nous nous assurons également qu’aucune information ne soit dépendante d’une couleur.

bt_bb_section_bottom_section_coverage_image