Expert UX/UI : 20 ans d’expérience avec les Design Principles

Urs Imhof, CXO chez cloudtec, travaille depuis plus de 20 ans sur des interfaces utilisateur. Nous lui avons demandé ce qui a changé pendant ce temps, comment il aborde un nouveau projet et avec quoi il travaille aujourd’hui.

Qui est Urs ?

Urs s’occupe de l’expérience utilisateur numérique. Il conçoit et réalise des interfaces utilisateur, de la structure à l’interaction en passant par la couleur, la forme et la typographie. Son sujet, c’est le lien entre fonction et esthétique : des interfaces qui ne sont pas seulement belles, mais aussi faciles à utiliser. Loin de l’écran, les chiens et la musique font partie de sa vie.

Du GIF animé au design system

Urs a commencé par des sites web pour les groupes dans lesquels il jouait lui-même de la batterie. Après son apprentissage d’employé de commerce, il est entré dans le département e-solutions de son employeur de l’époque. Internet passait par la ligne téléphonique, les pages se composaient de texte et parfois d’une image, et l’on avait le choix entre une poignée de polices. S’y ajoutaient des GIF animés et des livres d’or, plus tard des frames et des mises en page en tableaux HTML. Les appareils mobiles n’existaient pas, le responsive design non plus.

Vint ensuite un détour par Flash. L’animation devenait soudain possible, mais les sites étaient fermés sur eux-mêmes, se chargeaient lentement et commençaient par des intros que personne ne voulait voir. Adobe a définitivement arrêté Flash Player fin 2020. L’évolution est ensuite passée par la vidéo et des bases HTML et CSS toujours plus abouties, jusqu’aux standards d’utilisabilité sur lesquels nous nous appuyons aujourd’hui.

Lire la vidéo : le design system dans Figma

Comment démarre un nouveau projet

Techniquement, presque tout est possible aujourd’hui ; des mises en page complexes seraient plus simples à réaliser que jamais. En même temps, le savoir sur ce qui fonctionne et ce qui ne fonctionne pas s’est enrichi. Dans les projets professionnels, nous réinventons donc rarement la roue : la navigation se trouve là où on l’attend, et pas soudain en bas à gauche. Nous concevons en mobile first, et le modèle de navigation dépend de l’étendue et de la structure de la plateforme. S’y ajoute le corporate design de la clientèle. Plus il est complet, plus vite une ossature solide est en place.

Entre outil et scène

Qu’une interface renforce votre marque se décide sur trois questions : comment le corporate design est-il conçu ? De quoi le groupe cible a-t-il besoin ? Et quelle est l’aisance technique des futures personnes utilisatrices ? Plus les fonctionnalités sont complexes, plus l’interface doit amortir. Chaque produit se situe quelque part entre l’outil pur et la présentation émotionnelle, et la mise en page doit refléter ce positionnement. L’éventail va du sobre et épuré au grand format animé.

Avec quoi nous travaillons aujourd’hui

En design UX, nous misons sur Figma : proximité avec le développement, grand choix de plugins, et dans le développement de plateformes, avec ses design systems étendus, les bibliothèques de composants, les collections de variables et les styles locaux sont immédiatement payants. Pour l’illustration, le traitement d’image et la vidéo, nous utilisons toujours aussi des produits Adobe : Illustrator, Photoshop, After Effects et Premiere.

Ce qui nous attend

Les principes centrés sur l’utilisateur et l’utilisatrice restent la référence : chaque interaction doit fonctionner sans réfléchir. L’intelligence artificielle déplace surtout la production : variantes, états intermédiaires et prototypes naissent plus vite. La décision sur ce qui tient la route reste à l’équipe. Et l’usage continue de glisser vers une logique d’app : les plateformes ressemblent de plus en plus à des produits, et non à des sites web.

Voici les thèmes qui nous occupent à court et moyen terme :

• Intelligence artificielle : dans le processus de création et comme fonction dans le produit lui-même.
• Progressive web apps pour des applications qui doivent donner l’impression d’apps natives, sans passer par un app store.
• Dark mode, pour que la mise en page s’adapte au réglage du système d’exploitation.
• Motion design et micro-interactions comme retour à une action, et non comme décoration.