Dieter Rams : 10 Commandements intemporels sur le bon design

Faisons une visite virtuelle dans l’atelier d’un célèbre designer industriel. En examinant les principes de son approche gagnante, nous pouvons incorporer des éléments essentiels à nos créations à l’âge du «moins, c’est plus».

En tant que praticiens de l’expérience utilisateur, la plupart d’entre nous avons travaillé avec les 10 règles de base ou heuristiques de Nielsen et Molich et les huit règles d’or de Ben Shneiderman. Ce sont des principes d’interface utilisateur que nous devons apprendre et appliquer. Ils font partie du « paquet » de connaissances sur les interactions homme-machine. Avec l’expansion du domaine UX et son infiltration dans de nombreux aspects du commerce, nous devrons nous attaquer de plus en plus au design de produits. Il est donc toujours utile d’apprendre d’autres disciplines du design.

Dieter Rams et ses 10 commandements

Dieter Rams est un designer industriel allemand responsable du design des produits grand public de Braun pendant de nombreuses années. Il y a environ 50 ans, dans sa quête de réponse à la question « Mon design est-il un bon design? », il a développé les 10 principes d’un bon design, parfois également appelés 10 commandements. C’est incroyable de voir à quel point ces principes sont valables aujourd’hui, à un point tel que nous ne pourrions en ressentir que plus qu’à l’époque, quand Rams les avait réellement écrits !

Les produits de consommation et la technologie ont énormément changé. Même l’esthétique a considérablement changé et beaucoup de designs de Rams paraissent démodés pour la plupart d’entre nous, ou branchés et « in » si vous êtes fan des designs des années 60 et 70. En dépit de tous ces changements, les commandements restent des directives précieuses pour quiconque travaille dans le design, non seulement pour les designers industriels, mais également pour vous, designer d’expérience utilisateur !

Selon Dieter Rams, un bon design :

• Est innovant
• Rend un produit utile
• Est esthétique
• Rend un produit compréhensible
• Est discret
• Est honnête
• Est durable
• Est minutieux jusqu’au dernier détail
• Est respectueux de l’environnement
• Implique le moins de design possible

Voyons chacun d’eux de manière un peu plus détaillée (l’explication de chaque principe est extraite de https://www.vitsoe.com/us/about/good-design) :

1. Un bon design est innovant. Les possibilités d’innovation ne sont en aucun cas épuisées. Le développement technologique offre toujours de nouvelles opportunités pour un design innovant. Mais le design innovant évolue toujours avec la technologie innovante et ne peut jamais être une fin en soi.
2. Un bon design rend un produit utile. Un produit est acheté pour être utilisé. Il doit répondre à certains critères, non seulement fonctionnels, mais aussi psychologiques et esthétiques. Un bon design met l’accent sur l’utilité d’un produit tout en mettant de côté tout ce qui pourrait l’en empêcher.
3. Un bon design est esthétique. La qualité esthétique d’un produit fait partie intégrante de son utilité car les produits que nous utilisons au quotidien affectent notre personne et notre bien-être. Mais seuls les objets bien exécutés peuvent être beaux.
4. Un bon design rend un produit compréhensible. Cela clarifie la structure du produit. Mieux encore, cela peut faire parler le produit. Au mieux, cela va de soi.
5. Un bon design est discret. Les produits remplissant une fonction sont comme des outils. Ce ne sont ni des objets de décoration, ni des œuvres d’art. Leur conception doit donc être à la fois neutre et sobre afin de laisser la place à l’expression personnelle de l’utilisateur.
6. Un bon design est honnête. Cela ne rend pas un produit plus innovant, plus puissant ou plus précieux qu’il ne l’est réellement. Il ne tente pas de manipuler le consommateur avec des promesses qui ne peuvent être tenues.
7. Un bon design dure longtemps. Il évite d’être à la mode et ne semble donc jamais désuet. Contrairement au design à la mode, il dure de nombreuses années, même dans la société intransigeante actuelle.
8. Un bon design est minutieux dans les moindres détails. Rien ne doit être arbitraire ou laissé au hasard. Le soin et la précision du processus de design témoignent d’un respect envers l’utilisateur.
9. Un bon design est respectueux de l’environnement. Le design apporte une contribution importante à la préservation de l’environnement. Il préserve les ressources et minimise la pollution physique et visuelle tout au long du cycle de vie du produit.
10. Un bon design c’est aussi peu de design que possible. Moins, mais mieux – parce qu’il se concentre sur les aspects essentiels et que les produits ne sont pas surchargés d’éléments non essentiels. Retour à la pureté, retour à la simplicité.

Dans le design des produits digitaux

Dans le design d’applications web et d’applications mobiles, nous sommes entourés d’applications et de logiciels à la pointe de la technologie. Ainsi, un danger commun est que nous innovions pour l’innovation. Parcourez les applications météo et vous découvrirez une myriade d’entre elles. De celles qui servent vraiment un but – c’est-à-dire Umbrella – à celles qui se concentrent uniquement sur le design ou les fonctionnalités dont personne n’a vraiment besoin. Nous devrions penser à nos éléments indispensables ici et faire attention à ne pas introduire de « ravisseurs » à moins d’être sûr qu’ils sont à la fois novateurs et utiles à nos utilisateurs.

Même lors du design d’interfaces digitales, nous pouvons intégrer les commandements de Rams et rendre nos créations web utiles en :

• Les rendant faciles à interagir au point que l’utilisateur y prenne plaisir. C’est le plaisir de l’utilisateur grâce à l’activation de l’utilisateur.
• Notre création doit toujours montrer à l’utilisateur quelle est sa fonction pour qu’il n’y ait jamais de décalage entre ce que l’utilisateur perçoit comme les potentialités de la création et ce qu’elles sont réellement.
• Créer en vue de guider nos utilisateurs vers les interactions nécessaires. Nous devons faire en sorte que les boutons ressemblent à des boutons cliquables et réfléchir aux interactions positives et négatives. Pensez aux feux de circulation : vert signifie passer (positif); rouge signifie s’arrêter (négatif).
• Ne pas intégrer d’éléments inutiles dans nos créations. N’oubliez pas la règle des 80/20 et réfléchissez bien avant d’ajouter chaque élément pour éviter les risques d’encombrement.

Pour quoi créez-vous ? S’agit-il d’une banque où des insignes de sécurité et de cadenas et l’utilisation d’une palette de couleurs bleu toujours rassurante sont nécessaires ? Faites en sorte que votre design reflète le caractère de son objectif et rappelez-vous que, sur l’échelle entre l’ingénierie (fonctionnalité sans esthétique) et l’art (esthétique sans fonction), nous occupons une position unique : le design.

Un bon design peut parler pour lui-même, sans demander à l’utilisateur de faire beaucoup d’efforts : montrer, c’est mieux que dire. Si un utilisateur peut déduire intuitivement quoi faire avec votre design, c’est l’as ! Si vous devez rédiger des instructions pour l’interaction, c’est moins bien. Dans votre création, réfléchissez à ceci : pouvez-vous réduire la charge cognitive de l’utilisateur de sorte que le design ait déjà réfléchi pour lui, et que tout ce que l’utilisateur a à faire est de l’accepter et d’interagir ?

Les défis du design pour le digital

Oui, nous créons pour le domaine digital, nous avons donc un défi que les produits mécaniques n’ont pas à relever. En regardant un sèche-cheveux, vous pouvez immédiatement déterminer quoi faire. Regarder un site web / une application nécessitera plus d’investissement mental. Tant que nous pouvons rendre nos créations compréhensibles et fluides de manière à ce que nos utilisateurs puissent interagir efficacement, il y a de grandes chances pour que nous nous épargnions la frustration des utilisateurs.

Cela nous semble sûrement familier dans la façon dont nous créons pour permettre à l’utilisateur de faire jouer sa créativité dans le design. Le design digital laisse beaucoup de place à l’expression. Pour cette raison, nous devons créer avec une structure appropriée. Prenez Facebook et MySpace ; le premier est devenu un panneau où nous oublions la forme et nous concentrons sur le contenu – ce que nous disons de nos vies. MySpace n’avait pas cette structure miracle.

Nous, les designers, pouvons parfois être pris au piège. Le design digital est un tableau abstrait et nous savons que nous avons souvent pour tâche de simplifier les concepts pour nos utilisateurs. Par exemple, l’avantage de l’application du skeuomorphisme peut conduire à un mauvais modèle mental pour l’utilisateur ; un qui pourrait l’empêcher de rattraper les erreurs ou de devenir un utilisateur plus avancé. Ainsi, nous devrions toujours considérer tous les côtés de la pièce et choisir l’option qui convient le mieux à l’utilisateur.

Nous devons faire particulièrement attention à ce que nos designs ne soient pas mis dans la pile du « vieux truc ». Le premier moyen d’éviter cela est de vous assurer que votre produit/service sert un objectif, comme nous l’avons vu avec les principes précédents. En outre, vous pouvez également essayer de :

• Rendez vos designs évolutifs en les gardant adaptables. Ne vous laissez pas emporter par des hypothèses sur les « nouvelles façons d’avancer ».
• Conservez une esthétique neutre à votre design. Par exemple, préférez le texte net et clair (qui sera toujours lisible) aux polices ludiques qui semblent « cool ». Découvrez les lettrages sur les couvertures des livres de fiction des années 1970, démodés, n’est-ce pas ?
• Le web est un média vivant. Les mises à jour se produisent tout le temps. Ainsi, plus il est facile de maintenir votre design, plus il aura de chances de survivre sur de nouveaux appareils. Cela signifie revenir à l’essentiel et garder un œil sur les rouages ​​du design. Oui, nous entendons mettre à jour votre code HTML afin de nous préparer à ce que l’avenir nous réserve à tous.

Ceci est crucial pour nous dans le design d’applications web/mobiles. Chaque détail doit peser de tout son poids pour atteindre la meilleure UX. Alors réfléchissez à chaque détail. Rien ne peut apparaître après coup, y compris cet écran « Mot de passe oublié ? ». Les alertes d’erreur sont un autre domaine à surveiller. Quand personnalisez-vous un design pour redoubler d’efforts afin de rassurer l’utilisateur ? Pendant le chargement, votre page affiche-t-elle un sablier en rotation, un message, une animation soignée ou… avez-vous tout laissé blanc et stérile, laissant les utilisateurs perplexes ?

Regarder les empreintes carbone est pertinent pour la conception. Cela peut paraître comique, mais les clics des utilisateurs et le temps passé sur les appareils électroniques s’additionnent.

Si nous imaginons Internet comme le monde, nous sommes sur la bonne voie. Pensez à la manière dont vous pouvez créer avec un impact et ne remplissez pas Internet de pages inutiles. Ce minimalisme sacré du « moins, c’est plus » traverse une autre dimension sur cette note !

La déclaration signature de Rams pourrait être : « Moins, mais meilleur ». La simplicité dans le design web et d’applications, comme dans le design industriel, est l’objectif ultime pour aider les utilisateurs à l’ère digitale. Internet est saturé de créations lourdes en éléments. Cela peut nous donner confiance que nous pouvons battre les concurrents qui ne savent pas ce qu’ils font mal, mais il reste que de nombreux utilisateurs se méfient d’Internet parce que les sites sur-designés dominent. Moins, c’est plus, mais « un moins, bien pensé » signifie « meilleur ». Rendre nos créations satisfaisantes signifie les rendre simples ; faire de superbes designs signifie rester concentré sur l’essentiel. Éliminer les fioritures.

Ce qu’il faut retenir

Les 10 commandements de Dieter Rams sont la preuve de son approche minimaliste et fonctionnelle du design mais, plus encore, de son attitude professionnelle. C’est la raison pour laquelle nous pouvons facilement faire de ces principes nos valeurs, notre philosophie selon laquelle le design – et donc le design UX – devrait s’appliquer à n’importe quel produit ou service.

Un petit exemple de la pertinence de ses idées est le mythe du mobile selon lequel « mobile = moins ». Chaque fois que vous ressentez à nouveau cette opinion, vous pouvez répondre : « exactement, moins mais mieux ». Nous sommes sûrs que lors de la lecture des principes, de nombreux autres exemples vous sont venus à l’esprit.

En décembre 1976, il a prononcé à New York un discours sur son travail de design chez Vitsoe. Voici les paragraphes initiaux :

Mesdames et messieurs, le design est un sujet populaire aujourd’hui. Ce n’est pas étonnant, car face à la concurrence croissante, le design est souvent la seule différenciation des produits qui soit vraiment perceptible par l’acheteur.

Je suis convaincu qu’un design bien pensé est déterminant pour la qualité d’un produit. Un produit mal conçu est non seulement plus laid qu’un bien conçu, mais il a moins de valeur et est moins utilisé. Pire encore, cela pourrait être intrusif.

[…]

Un designer qui veut réaliser un bon design ne doit pas se considérer comme un artiste qui, selon ses goûts et son esthétique, se contente d’habiller des produits avec un vêtement de dernière minute.

Le designer doit être l’ingénieur en création ou gestaltingen. Il synthétise le produit fini à partir des différents éléments qui le composent. Son travail est en grande partie rationnel, ce qui signifie que les décisions esthétiques sont justifiées par une compréhension de la finalité du produit.

Peut-être n’a-t-il pas mentionné l’expérience utilisateur en tant que telle, mais toutes ses idées reflètent la même philosophie et les mêmes valeurs. Même alors, le design était presque le seul moyen de différenciation des produits. C’est tellement vrai encore aujourd’hui. Comme il l’a souligné, en tant que designers, nous devons être des ingénieurs créatifs qui répondent aux besoins des utilisateurs et respectent les 10 principes suivants :

Un bon design est innovant. Un bon design doit être utile. Un bon design est un design esthétique. Un bon design rend un produit compréhensible. Un bon design est honnête. Un bon design est discret. Un bon design dure longtemps. Un bon design est cohérent dans les moindres détails. Un bon design est écologique. Enfin et surtout, un bon design c’est le moins de design possible.

Nous sommes toujours stupéfaits par la sagesse de ses commandements ! Si ce n’est pas le cas, revenez en arrière et relisez.

Où en savoir plus

Norman, D. et Tognazzini, B. (2015). “How Apple Is Giving Design A Bad Name”. Récupéré de Fastco. Design : http://www.fastcodesign.com/3053406/how-apple-is-giving-design-a-bad-name

Koschei, J. (2015). “Good Design Is as Little Design as Possible”. Opinions. Récupéré de : theindustry.cc/2015/07/13/good-design-is-as-litte-design-as-possible

Latin, M. (2014). “A User In Total Control Is A Designer’s Nightmare”. Smashing Magazine. Récupéré de : www.smashingmagazine.com/2014/06/user-total-contro…

Lisez le discours complet de Dieter Rams sur Vitsoe à l’adresse : https://www.vitsoe.com/files/assets/1000/17/VITSOE_Dieter_Rams_speech.pdf

Jetez un œil aux images qui montrent des produits pour illustrer chaque commandement : https://www.vitsoe.com/us/about/good-design.

Entretien avec Dieter Rams : http://www.fastcodesign.com/3043815/dieter-rams-if-i-could-do-it-again-i-would-not-want-want-to-be-a-designer