Il n’y a pas si longtemps, j’ai partagé un moment nostalgique sur LinkedIn, me remémorant mon temps avec Macromedia Director et le script avec Lingo, me sentant comme un véritable “réalisateur” de médias interactifs. À l’époque, les outils de wireframing n’étaient pas aussi courants, ou peut-être que je n’en étais tout simplement pas conscient.

Mon parcours en conception imprimée

Je viens d’un milieu de conception imprimée où la mise en page était généralement la dernière étape. Les textes et les images arrivaient prêts à l’emploi, et nous travaillions tranquillement jusqu’à ce qu’il soit temps d’envoyer les conceptions. Il n’y avait pas beaucoup de questions. Nous faisions simplement notre travail, recevions des révisions et apportions les ajustements nécessaires. C’était des jours plus simples.

Puis est venu le Macromedia Director, et tout a changé.

Le projet qui a tout changé

Il était une fois, j’ai pris en charge un projet de CD-ROM qui devait prendre en charge six langues, chacune avec des traducteurs, des scripts, des voix off différents, et surtout, aucun contenu finalisé. J’avais le chaos sans aucun plan.

J’étais responsable à la fois de la conception et du développement. Il n’y avait pas d’équipe de conception ou de développement—juste moi.

Il n’y avait pas de mises en page réactives ou de guides de style, et aucun de nous dans l’équipe de projet n’avait travaillé avec un CD-ROM interactif multilingue auparavant.

C’était une aventure ! Cependant, chaque jour apportait de nouveaux changements à la mise en page, donnant l’impression que chaque écran était une cible mouvante. Nous avions du mal à trouver une vision commune de l’apparence de tout cela.

Retour au crayon et au papier

Finalement, j’ai atteint mon point de rupture. J’ai pris quelques feuilles de papier vierges et commencé à esquisser des écrans. J’ai créé des boîtes pour les en-têtes, des carrés pour les boutons, et placé la navigation en haut. J’ai même dit aux traducteurs, “Veuillez garder les titres sous 50 caractères.”

Il n’y avait pas de couleurs ou de polices fantaisistes—juste des lignes rapides et des étiquettes.

C’est à ce moment-là que j’ai commencé à faire du wireframing sans le savoir : basse fidélité et uniquement sur papier.

Le hack du tampon

Frustré de dessiner les mêmes barres de défilement et boutons de fermeture à plusieurs reprises, j’ai visité un magasin d’impression local, qui se vantait, “Nous fabriquons des tampons RAPIDEMENT !”

Après m’être assis avec le propriétaire, j’ai créé des tampons en caoutchouc personnalisés de mes éléments d’interface utilisateur les plus courants.

De retour au bureau, je tamponnais. Tamponnais. Tamponnais.

En un rien de temps, la mise en page de l’écran était terminée. Je l’ai photocopiée dix fois, dessiné des flèches, écrit des notes, et l’ai distribuée, observant les gens comprendre enfin le produit.

Ce n’était pas beau, mais ça fonctionnait. Les gens saisissaient le concept.

Pourquoi j’utilise encore le wireframing basse fidélité aujourd’hui

Au fil des années, j’ai travaillé avec d’innombrables outils—suites de conception, applications de prototypage, plateformes de collaboration—mais le wireframing basse fidélité est toujours resté une constante pour moi.

Aujourd’hui, j’utilise Balsamiq. Il imite la sensation de dessiner sur papier mais est plus rapide, plus propre, et partageable. J’apprécie comment il résiste intentionnellement à la perfection des pixels. Il n’y a pas de couleurs, pas de distractions—juste le flux des idées.

Il m’aide à penser clairement, garde mes clients concentrés, et me rappelle que les grandes interfaces commencent simplement.

Mon conseil ?

Ne sur-concevez pas vos idées initiales. Commencez avec du noir et blanc ; ajoutez une couleur d’accent si nécessaire. Utilisez des notes autocollantes jaunes pour l’emphase—évitez les dégradés ou le glassmorphisme.

Concentrez-vous sur la structure, pas le style. La clarté l’emporte sur la créativité dans le premier brouillon.

Et si vous connaissez un outil aussi propre et rapide que Balsamiq, partagez-le avec moi. Je suis toujours ouvert à découvrir de meilleures façons de travailler simplement.

Jusqu’à ce moment-là, je continuerai à tamponner, esquisser, et faire du wireframing comme si c’était 1999.