Comment trouver un concept de design unique pour un produit informatique

Pourquoi le secteur informatique est un terrain propice à la différenciation

Le marché est saturé et de nouvelles startups voient le jour chaque jour ; il semble donc plus difficile qu'il n'y paraît de trouver un concept de design mémorable. Cela ressemble à un objectif de branding élémentaire. Alors, pourquoi est-ce si complexe ?

Sans méthode, vous tomberez dans le même piège que des milliers d'entreprises : un énième site web avec une forme abstraite en dégradé et une maquette de tableau de bord générique. La bonne nouvelle, c'est qu'il est encore possible de construire un langage visuel unique. Il suffit d'arrêter de suivre les tendances et de mettre en place un véritable processus de réflexion.

La méthode

Étape 1 : Lister les associations

La première étape ressemble à un exercice d'école de design : listez les associations directes et indirectes que votre produit doit susciter.

L'objectif est de créer un modèle mental clair du produit. Ce modèle devient le socle de chaque décision visuelle, du style et des métaphores jusqu'à la technique graphique, afin que le design reste cohérent avec l'identité de la marque.

Le stockage cloud en est un exemple simple. Les associations directes sont évidentes : fichiers, dossiers, synchronisation. Les associations indirectes sont celles qui vendent réellement le produit : ne jamais perdre un fichier, travailler depuis n'importe où, avoir la certitude que la sauvegarde est fiable. C'est généralement dans la liste des associations indirectes que naît le concept le plus intéressant, car tous vos concurrents ont déjà épuisé les associations directes.

Étape 2 : Choisir votre objet visuel principal

Les sites web des entreprises informatiques ont tendance à privilégier l'une des approches suivantes : une mascotte vivante, un objet 3D unique ou un système d'imagerie abstraite sans personnage. Aucune n'est intrinsèquement meilleure qu'une autre. Ce qui compte, c'est de savoir si ce choix découle de l'identité de la marque ou simplement de la facilité de mise en œuvre. Il existe d'ailleurs une mise en garde utile à ce sujet, venant d'un secteur totalement étranger à l'informatique.

En 2017, l'agence Buck a créé pour Facebook un système d'illustration baptisé Alegria : des personnages plats aux membres allongés, aux petites têtes, avec une peau dans des tons bleus et violets. Le style a rapidement fait école. En quelques années, des entreprises comme Google, Slack, Airbnb, WeTransfer et Lyft ont adopté des systèmes d'illustration présentant bon nombre de ces caractéristiques visuelles.

C'est précisément là que le bât blesse. D'un côté, il s'agissait d'un style distinctif, simple et accessible, facile à produire pour n'importe qui, ce qui est une aide précieuse pour une jeune entreprise sans budget design. D'un autre côté, une fois que des milliers d'entreprises ont utilisé des illustrations quasi identiques pour véhiculer le même message — convivialité, chaleur, inclusion — cette convivialité a perdu tout son sens. Les gens ont cessé d'y voir une réelle valeur, car le style ne leur disait plus rien de spécifique sur l'entreprise qui l'utilisait.

C'est là le véritable risque de suivre une tendance de trop près. Cela érode discrètement ce que vous essayez précisément de construire : le sentiment que cette marque a su se regarder elle-même et faire un choix délibéré, au lieu de se contenter de ce que tout le monde utilisait déjà.

Vous n'avez pas besoin d'un personnage pour éviter ce piège. Revolut n'a pas de mascotte, mais s'appuie sur un système cohérent de visuels épurés, modernes et technologiques qui est immédiatement identifiable partout où il apparaît. C'est cette cohérence seule qui le rend reconnaissable.

Les deux approches fonctionnent lorsqu'elles sont issues des spécificités propres à la marque plutôt que copiées sur le site web de quelqu'un d'autre. C'est ce qui ne devient pas obsolète lorsque la tendance suivante remplace la précédente.

Étape 3 : Utiliser le principe du « spécifique au général »

Mettez-vous d'accord dès le début sur les couleurs, les textures et les objets qui fonctionnent, et ceux qui sont à exclure. Notez-le avant de créer quoi que ce soit. Cela donne à l'équipe un critère commun pour accepter ou rejeter des idées plus tard, au lieu de se disputer sur des goûts personnels au milieu du projet. Pour les décisions concernant les couleurs, consultez notre guide sur la création d'une palette de couleurs de marque.

Étape 4 : Trouver des références pour la forme, le matériau et la texture

Pinterest est le choix évident pour les références de matériaux et de textures, et il mérite toujours sa place. Son algorithme de recommandation peut faire émerger des éléments que vous n'auriez jamais pensé à saisir vous-même dans une barre de recherche.

Regardez aussi d'autres sites web, pas seulement ceux de vos concurrents directs. Votre propre secteur est un bon point de départ pour voir si vous souhaitez suivre ces modèles ou vous en détacher délibérément, mais certaines des meilleures références proviennent de domaines totalement étrangers. Une forme, un arrière-plan ou une idée de mise en page tirés d'un site de mode ou de musée peuvent susciter des idées que votre propre secteur n'aurait jamais suggérées.

Awwwards, Land-Booket SiteInspire sont des galeries organisées de sites web réels et mis en ligne, classés par secteur et par style. Recent.Design met en avant ce qui est lancé en ce moment même. Ces quatre plateformes valent mieux qu'un mood board générique lorsque vous devez décider de la mise en page, du mouvement et de la manière dont un concept tient la route sur l'ensemble d'un site plutôt que sur une seule image principale.

Étape 5 : Générer l'objet dans des modèles d'IA

Je comprends l'instinct de considérer l'IA comme une forme de triche, comme si elle ne pouvait mener qu'à des résultats génériques. Utilisée correctement, elle aide à valider des hypothèses et à affiner des idées existantes, plutôt que de remplacer la réflexion menée lors des étapes 1 à 4.
Les différents modèles sont entraînés différemment et interprètent la même requête à travers leurs propres architectures. Soumettre une même requête à plusieurs modèles vous donne différentes hypothèses sur ce que l'idée pourrait devenir, et non simplement cinq versions de la même réponse.

Exemples de concepts de design produit

Examinons deux produits de la même catégorie, mais avec des concepts de design totalement différents. Chacun a commencé par répondre aux besoins de son propre public, au lieu de suivre ce qui était à la mode.

Notion

Notion s'adresse à un public large, essentiellement non technique, qui a besoin d'un produit qui semble accessible plutôt que puissant. Son image de marque mise sur des personnages chaleureux dessinés à la main : des gens qui construisent, réfléchissent et travaillent côte à côte. Certains des premiers utilisateurs ont affirmé que ces illustrations étaient la raison pour laquelle ils avaient essayé le produit, ce qui est rare pour un élément de branding.

‍

Linear

Linear s'adresse aux équipes d'ingénierie et de produit qui passent leurs journées sur des outils techniques complexes. Son image de marque prend une direction presque opposée à celle de Notion : sobre, sombre, précise, sans aucun personnage. Le langage visuel se veut rapide et sérieux plutôt qu'amical, car c'est ce à quoi son public est réellement sensible.

‍

Comme vous pouvez le constater, les deux marques sont parties du même point : comprendre la valeur réelle du produit pour l'utilisateur, puis construire une identité visuelle autour de cela, et non autour d'une tendance.

À partir de là, tout repose sur deux points.

1. Connaître l'état d'esprit de vos utilisateurs suffisamment bien pour que le visuel leur parle directement.
2. Connaître votre secteur suffisamment bien pour identifier les clichés que vous souhaitez éviter.