Sketching

Livrable Design

Esquisser les concepts d'interface sur papier (sketching)

Le sketching désigne la création d’interfaces utilisateur sous forme de croquis, le plus souvent à main levée. Le designer dessine la structure des écrans et formalise ainsi ses idées de conception en prenant en compte les besoins utilisateur et les objectifs du projet. Ces croquis servent ensuite de base de travail collaboratif avec l’équipe projet et permettent de valider le contenu avant de passer aux wireframes. C’est un gain de temps considérable dans une logique de travail itératif, permettant de présenter rapidement les premières pistes de réflexion. On privilégie ici la quantité plutôt que la qualité.

À quoi sert le sketching ?

  • Gain de temps : formaliser les premières pistes de réflexion
  • Faciliter l’itération : c’est le support idéal pour modifier et retravailler les concepts à moindre coût
  • S’affranchir des contraintes : oublier la technique et rester concentré sur les idées
  • Prioriser et valider le contenu rapidement
  • Engagement : faciliter la compréhension globale du projet
  • Gain financier : c’est le moment d’itérer, échanger, proposer
  • Tester rapidement : c’est une base intéressante pour recueillir de premiers retours

Pourquoi faire du sketching ?

  • Représenter ses idées directement sur papier pour les rendre concrète
  • Esquisser une vue d'ensemble du parcours utilisateur
  • Prendre du recul et penser différemment les interfaces
  • Servir de support de réflexion et faciliter le travail itératif
  • Modifier et retravailler les concepts à moindre coût

Sketching individuel et atelier de co-sketching

Le sketching individuel d’idéation : le designer travaille en solo pour représenter ses idées directement sur papier ou esquisser une vue d’ensemble du parcours utilisateur. C’est un bon moyen pour prendre de la hauteur et se figurer une globalité.

L’atelier de co-sketching est une démarche collaborative intégrée à la co-conception. On utilise le sketching en atelier pour permettre à des participants non-designers de contribuer via des croquis simples, un excellent moyen de donner la parole aux participants de l’atelier. On peut partir d’une feuille blanche ou bien dessiner ses idées sur une première base d’interface.

Quelques astuces pour réussir ses croquis

Pas besoin d’être un artiste pour véhiculer ses idées grâce au dessin. Mais pour une meilleure compréhension, il est important d’expliciter le contenu.

01

Structurer ses esquisses

Définir la structure globale de l’interface en utilisant un feutre noir. Pour les détails, prendre plutôt un feutre plus fin et souligner les éléments importants (boutons, fonctionnalités…) avec un feutre couleur ou un surligneur.

02

Expliciter ses idées

Utiliser les zones qui sont en dehors de l’écran pour décrire certains composants en les pointant avec une flèche. Pour un parcours, expliquer les liens entre les étapes, les actions à réaliser, les produits et services impactés, voire le ressenti des utilisateurs.

03

Détailler les interactions

Pour compléter ses sketchs, expliquer les interactions possibles en dessinant l’étape d’avant et/ou d’après (ouverture d’un popup lorsque l’on clique sur un bouton par exemple).

Questions fréquentes

Quelques exemples de réalisations

Wireframe

Le wireframe est une maquette décrivant les zones et composants essentiels que doit contenir une interface.

En savoir plus sur Wireframe

Storyboard

Tout comme au cinéma ou en animation, le storyboard permet aux concepteurs d’avoir une vue d’ensemble du processus et d’identifier les problèmes potentiels ou les points à améliorer

En savoir plus sur Storyboard

Prototype

Mise en animation plus ou moins poussée des écrans pour présenter un parcours dynamique à des utilisateurs et obtenir des retours

En savoir plus sur Prototype

Design sprint

Le design sprint est un format (et non une méthode) qui condense en 5 jours les étapes issues du design thinking, pour solutionner une problématique donnée avec un collectif

En savoir plus sur Design sprint

Co-conception

Basés sur l'intelligence collective, ces ateliers permettent d'aligner les parties prenantes et de faire émerger des solutions avec l'équipe projet et/ou les utilisateurs finaux

En savoir plus sur Co-conception

Zoning

Le zoning est la représentation visuelle d'une interface par l'emplacement de ses blocs de contenu simples, sans détail : ni texte, ni image.

En savoir plus sur Zoning

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en