Saviez-vous que nous avons un conférence en ligne sur la conception des produits à venir ? SPRINT portera sur la manière dont les concepteurs et les propriétaires de produits peuvent garder une longueur d’avance en ces temps sans précédent.
L’industrie de la conception numérique est en train de mûrir. Avec les meilleures pratiques établies et l’avènement des systèmes de conception, il est désormais possible de s’efforcer d’allonger la durée de vie des produits que nous créons. Nous pouvons viser les classiques du numérique au lieu des merveilles d’un seul coup.
Le design industriel est l’enfant chéri de la longévité. Le charme intemporel d’un Vespa scooter. Les contours emblématiques d’un Coca-Cola bouteille. Les angles élégants d’une Eames chaise longue. Y aura-t-il un jour un design numérique équivalent aux merveilles sans âge du monde du design industriel ? Une interface utilisateur peut-elle supporter les décennies comme un Leica caméra ?
Peu probable, il semble que ce soit la réponse. Les objets physiques, une fois construits, n’ont pas besoin de renouveler les noms de domaine ou de suivre les standards du web pour exister. Le design doit être construit sur une base intemporelle, mais le numérique est toujours en mouvement.
La durée de conservation des dessins et modèles numériques peut cependant être prolongée. Même si la technologie sous-jacente continue d’évoluer.
Viser un design intemporel
Il n’est pas surprenant que les systèmes de conception explosent en popularité. Un système de conception soigneusement élaboré donne même au produit qui évolue le plus rapidement un ensemble clair de principes intemporels. Les composantes de l’assurance-chômage peuvent changer avec le temps, mais le feel du produit peut rester constant pendant de nombreuses années, même lorsque le produit arrive à maturité. Flexibilité et longévité. C’est une situation gagnant-gagnant.
Lisez : [Solutions, not art: The true business value of design]
Les candidats au Panthéon du design numérique
La longévité dans la conception numérique n’est pas une chimère. C’est notre réalité actuelle, et comme d’autres l’ont montré, il est possible que les interfaces vieillissent comme du bon vin.
La conception matérielle de Google (2014)
L’avènement de Conception des matériaux a marqué un tournant dans la conception numérique. Pour la première fois, un acteur majeur comme Google a créé un langage de conception à partir de zéro. En outre, il a donné aux concepteurs les moyens de mettre en œuvre ce langage dans leur propre travail en leur fournissant des lignes directrices et des outils.
Inspiré par le papier, le Material Design a révolutionné notre façon de concevoir le design pour le monde numérique. En empruntant des caractéristiques du monde physique, comme les ombres et les Selon les principes de l’animation, le Material Design s’appuie sur des repères visuels familiers sans faire tourner les ventilateurs du GPU. Nous ne reproduisons plus les textures de cuir ou les reflets hyperréalistes qui provoquent l’arrêt des onglets des navigateurs.
A emporter : Le monde physique peut influencer la conception numérique, mais il doit s’adapter aux caractéristiques de la technologie sous-jacente.
GOV.UK (2013)
Avec son propre programme complet GOV.UK a été l’un des premiers sites web gouvernementaux centrés sur l’utilisateur, et il a mis l’accessibilité et la conception de l’information sur la carte.
Fade, diraient certains, mais l’équipe de conception n’a jamais visé l’esthétique. Au lieu de cela, l’accent a été mis sur la conception de l’information : Donner aux utilisateurs les informations dont ils ont besoin pour accomplir des tâches en un minimum de temps. Pas de fioritures, pas d’embrouilles. Une simplicité aussi radicale a fait de GOV.UK un classique instantané.
A emporter : Les interfaces utilisateur n’ont pas besoin d’être belles pour réussir.
iOS 7 (2013)
L’iOS original de 2007 mérite sa propre entrée, mais ce n’est qu’à partir de l’iOS 7 qu’Apple a fait ses adieux à skeuomorphisme et a adopté un design plat. Adieu, grains de bois. Bonjour, simplicité étonnante. iOS a grandi.
Pour être juste, Android a ouvert la voie avec sa mise en œuvre d’un design plat et a sans doute présenté une meilleure animation. Cependant, Apple a rattrapé son retard et a créé une esthétique de conception numérique qui a ensuite été étendue aux systèmes d’exploitation Mac et iPad.
Apple n’a pas totalement abandonné les effets squelettiques dans iOS 7. L’application Notes conserve une subtile texture de papier, et l’application Météo met à jour le fond pour refléter la lumière du jour et les conditions météorologiques. Cependant, l’interface 2D n’est plus obligée d’être ce qu’elle n’est pas.
A emporter : Le design plat est roi pour les interfaces utilisateur 2D.
Trello (2011)
Sans compter les améliorations de la convivialité, le couteau suisse des applications numériques a à peine changé en près d’une décennie. Alors que les produits concurrents ont vu le jour en promettant « toutes les fonctionnalités », Trello a tenu bon et est resté populaire parce que de sa simplicité.
Au lieu de surcharger les fonctionnalités, Trello a proposé un écosystème de plugins qui pouvait répondre aux besoins de niche de certains utilisateurs sans encombrer l’interface utilisateur pour la majorité. Trello est un enfant modèle de la La règle des 80/20 dans la conception (alias « le principe de Pareto »).
A emporter : Itérer soigneusement et appliquer la règle des 80/20.
Google Chrome (2008)
Si le slogan de Volkswagen est « Das Auto », alors celui de Chrome devrait être « Le navigateur Web ». Google a pris un navigateur web typique, a supprimé tout ce qui n’était pas essentiel, l’a rendu incroyablement performant et a dépassé le marché.
La principale contribution de Google dans ce domaine a été de performance un must pour tous les produits numériques à venir. La compréhension des limites du matériel et des navigateurs, et la recherche d’une 60fps, c’est ce qui rend la conception numérique fondamentalement différente de l’impression ou du design industriel. Le succès de Chrome témoigne de l’importance des performances pour une expérience utilisateur de qualité.
A emporter : La simplicité et la performance seules peuvent l’emporter à long terme.
Basecamp (2003)
Basecamp s’est fait un nom en allant à l’encontre du dogme de la Silicon Valley qui veut que le capital-risque soit financé, que la croissance soit exponentielle et que les sorties soient rapides. Leur engagement en faveur de produits durables et à long terme se reflète dans la conception de Basecamp 3.
Concepteurs peut aider à créer des produits qui résistent à l’épreuve du temps, mais elle est impuissante si les PDG n’apprécient pas les produits conçus pour vieillir avec grâce. Parmi les fabricants actuels de produits numériques, il est rare de trouver des entreprises qui prennent des décisions prudentes ou qui refusent de suivre chaque nouvelle tendance. Basecamp est une exception.
A emporter : Les entreprises durables font des produits durables.
Google (1998)
Rétrospective de la premières itérations de la page d’accueil de Google, il a fallu environ un an pour créer la mise en page iconique qui est maintenant mondialement reconnue et utilisable sans faute.
La page d’accueil de Google est un produit numérique rare qui permet de téléporter une personne de la fin du XXe siècle jusqu’à nos jours, d’interagir avec l’interface utilisateur et de ne même pas remarquer ce qui a changé.
A emporter : Les grands produits peuvent évoluer plutôt que de se réinventer, tout en conservant leur position de leader sur le marché.
2001 : Une odyssée de l’espace (1968)
Le chef-d’œuvre de Stanley Kubrick était à parts égales un film hollywoodien et une vision futuriste. Les prédictions du futur sont généralement faussées par le présent, ce qui donne des idées ringardes qui semblent comique en rétrospective. Il est remarquable de constater à quel point les concepts étaient hors des sentiers battus dans 2001 : Une odyssée de l’espacecomme la prédiction des écrans tactiles, des tablettes de type iPad et des interfaces à commande vocale.
Étonnamment, les conceptions de l’interface utilisateur semblent toujours pertinentes, même s’il faudra encore cinq ans avant que Xerox PARC ne commence à expérimenter les premières itérations d’une interface utilisateur graphique, tests qui formeront plus tard la base des systèmes d’exploitation de Microsoft et d’Apple.
Les interfaces conceptuelles du film présentaient quelque chose qui s’apparente à une esthétique de design plat. Il a fallu une autre quatre décennies jusqu’à ce qu’Apple abandonne le scuomorphisme et suive le mouvement. Qu’il s’agisse d’une prévoyance délibérée ou d’une limitation des capacités graphiques de l’époque, les aperçus des interfaces sonnent encore authentiques aujourd’hui.
A emporter : Stanley Kubrick est un génie.
Principes pour une conception numérique durable
Il n’existe pas de principes formalisés pour la création d’interfaces numériques « intemporelles », ce qui n’est pas surprenant dans une industrie qui a pour devise « aller vite et casser les choses ». Mais s’il y avait des principes directeurs, ils devraient être universels, adaptés à la technologie, simples et pragmatiques.
Universalité
Une façon d’encourager la survie à long terme des produits numériques est de les rendre utilisables par le public le plus large possible. Cela signifie qu’il faut concevoir l’accessibilité, la performance et l’inclusion. Au fur et à mesure que les produits sont adoptés, des expériences multilingues devraient être proposées.
Adaptation technologique
Plutôt que d’imposer des visions créatives à la technologie sous-jacente, la conception adaptée à la technologie travaille en collaboration avec la technologie sous-jacente. Dans la conception web, cela signifie qu’il faut renoncer aux animations dont la fréquence d’images tombe à 10 images par seconde ou ne pas recréer les surfaces physiques en HTML, CSS et JS.
Simple comme bonjour
Cela ne veut pas dire que la longévité exige que les produits soient réduits ou limités à un certain nombre de caractéristiques. Cela signifie toutefois que les caractéristiques sont choisies délibérément et en tenant compte de l’expérience globale. Appliquez la règle des 80/20 et privilégiez la simplicité en cas de doute.
Pragmatique
Les dessins numériques ont beaucoup en commun avec les plantes en termes de longévité. Comme les plantes, elles ont besoin d’être constamment arrosées pour survivre. Si Google devait faire faillite et fermer ses portes, ses produits s’en iraient avec lui. Ce n’est pas le cas des produits physiques. Une voiture fabriquée par une entreprise qui n’existe plus dans un pays qui n’existe plus peut toujours être utilisée si elle est bien entretenue. Les designers industriels peuvent être sûrs que leur travail leur survivra. Ce n’est pas le cas pour les concepteurs numériques.
De plus, de nombreuses startups sont en mode de survie. Elles n’ont pas les ressources nécessaires pour explorer comment ajouter des années de vie supplémentaires à leurs interfaces. Le plus souvent, les concepteurs numériques verront leur travail périr avant qu’ils ne le voient vieillir.
Dans ces circonstances, la longévité n’est pas la première, la deuxième, ni même la cinquième priorité de la conception numérique des produits. Les produits doivent passer les premières années de leur existence avant de pouvoir se soucier de bien vieillir.
Mais de petites décisions peuvent mettre les produits sur la bonne voie. Quand vous avez le temps, créez un système de conception cohérent. Lorsque le temps presse, étendez ou personnalisez les systèmes existants. Suivez les meilleures pratiques. Appliquez le principe 80/20. Il s’agit de petits moyens qui permettent de pousser la conception numérique vers la longévité, même dans des environnements rapides et sous haute pression.
Concevoir pour la longévité
Numérique concepteurs serait sage de reconnaître la valeur de la création d’œuvres qui conservent leur pertinence pour les années à venir. Peut-être qu’au lieu de s’obséder sur les dernières tendances, l’industrie devrait applaudir les travaux qui ont résisté à l’épreuve du temps.
Les interfaces utilisateur ne conserveront peut-être jamais le charme nostalgique d’un vieux scooter Vespa robuste, mais les produits numériques peuvent toujours améliorer des vies. Plus longtemps ils le font, plus ils sont susceptibles de laisser un héritage qui durera des décennies.
Le Toptal Design Blog est un centre d’études avancées sur toutes les facettes de la conception numérique, allant des tutoriels de conception détaillés à la couverture approfondie des nouvelles tendances, outils et techniques de conception. Vous pouvez lire l’article original écrit par Damir Kotorić ici. Suivez le blog de Toptal Design sur Twitter, Dribbble, Behance, LinkedIn, Facebook, et Instagram.
Couverture de la Corona
Lisez notre couverture quotidienne sur la façon dont l’industrie technologique réagit au coronavirus et abonnez-vous à notre bulletin hebdomadaire Coronavirus in Context.
Pour des conseils et des astuces sur le travail à distance, consultez nos articles sur les quarts de croissance ici ou suivez-nous sur Twitter.