Le passé est toujours présent - Un aperçu du design intemporel

L'industrie du design numérique arrive à maturité. Avec les meilleures pratiques établies et l'avènement des systèmes de conception, il est désormais possible de viser une durée de vie plus longue pour les produits que nous créons. Nous pouvons viser des classiques numériques au lieu de merveilles à succès.

Le design industriel est l'affiche de la longévité. Le charme intemporel d'un scooter Vespa. Les contours emblématiques d'une bouteille de Coca-Cola. Les angles élégants d'une chaise longue Eames. Y aura-t-il un jour un design numérique équivalent aux merveilles intemporelles du monde du design industriel ? Une interface utilisateur peut-elle endurer les décennies comme un appareil photo Leica ?

Peu probable, semble être 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 intemporel doit être construit sur une base intemporelle, mais le numérique est en constante évolution.

La durée de conservation des conceptions numériques peut cependant être prolongée. Même si la technologie sous-jacente continue d'évoluer.

Visez un design intemporel

Il n'est pas surprenant que les systèmes de conception explosent en popularité. Un système de conception soigneusement conçu donne même au produit évoluant le plus rapidement un ensemble clair de principes intemporels. Les composants de l'interface utilisateur peuvent changer avec le temps, mais la sensation du produit peut rester constante pendant de nombreuses années, même au fur et à mesure que le produit mûrit. Souplesse et longévité. C'est un gagnant-gagnant.

Candidats au Digital Design Hall of Fame

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.

Conception matérielle de Google (2014)

L'avènement du Material Design a marqué un tournant dans le design numérique. Pour la première fois, un acteur majeur comme Google a créé un langage de conception à partir de zéro. Non seulement cela, il a permis aux concepteurs de fournir des directives et des outils pour mettre en œuvre le langage dans leur propre travail.

Inspiré du papier, Material Design a révolutionné notre façon de penser le design pour le monde numérique. En empruntant des caractéristiques du monde physique, comme les ombres et les principes d'animation séculaires, Material Design s'appuie sur des repères visuels familiers sans faire tourner les fans de GPU. Nous ne reproduisons plus les textures de cuir ou les reflets hyperréalistes qui bloquent les onglets du navigateur.

À 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)

Doté de son propre système de conception 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, diront 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 : donnez aux utilisateurs les informations dont ils ont besoin pour effectuer des tâches en un minimum de temps. Pas de fioritures, pas de chichi. Une telle simplicité radicale a fait de GOV.UK un classique instantané.

À emporter : les interfaces utilisateur n'ont pas besoin d'être jolies pour réussir.

iOS 7 (2013)

L'iOS original de 2007 mérite sa propre entrée, mais ce n'est qu'avec iOS 7 qu'Apple a fait ses adieux au skeuomorphisme et a adopté le design plat. Adieu, grains de bois. Bonjour, simplicité époustouflante. 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 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 skeuomorphes dans iOS 7. L'application de notes présente toujours une texture de papier subtile et l'application météo met à jour l'arrière-plan 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 quelque chose qu'elle n'est pas.

À 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 des produits concurrents ont vu le jour promettant "toutes les fonctionnalités", Trello a tenu bon et est resté populaire en raison de sa simplicité.

Au lieu de surcharger les fonctionnalités, Trello a proposé un écosystème de plugins qui pourrait répondre aux besoins de niche de certains utilisateurs sans encombrer l'interface utilisateur pour la majorité. Trello est un exemple de la règle 80/20 en matière de conception (alias « le principe de Pareto »).

À emporter : Itérez soigneusement et appliquez la règle des 80/20.

GoogleChrome (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 contribution majeure de Google ici a été de faire de la performance un incontournable pour tous les produits numériques à l'avenir. La compréhension des limitations du matériel et du navigateur, et la recherche de ce 60 ips fluide et soyeux, sont ce qui rend la conception numérique fondamentalement différente de la conception imprimée ou industrielle. Le succès de Chrome témoigne de l'importance des performances pour une expérience utilisateur exceptionnelle.

À emporter : la simplicité et les performances seules peuvent gagner à long terme.

Camp de base (2003)

Basecamp s'est fait un nom en allant à l'encontre du dogme de la Silicon Valley du financement par capital-risque, de la croissance exponentielle et des sorties anticipées. Leur dévouement à des produits durables et à long terme se reflète dans la conception de Basecamp 3.

Les designers peuvent aider à créer des produits qui résistent à l'épreuve du temps, mais ils sont impuissants si les PDG n'apprécient pas les produits conçus pour vieillir avec grâce. Parmi les fabricants de produits numériques d'aujourd'hui, il est rare de trouver des entreprises qui pratiquent une prise de décision prudente ou refusent de courir après chaque nouvelle tendance. Basecamp est une exception.

À emporter : les entreprises durables créent des produits durables.

Google (1998)

En regardant les premières itérations de la page d'accueil de Google, il a fallu environ un an pour créer la mise en page emblématique qui est maintenant mondialement reconnue et utilisable sans faute.

La page d'accueil de Google est un produit numérique rare où quelqu'un de la fin du XXe siècle pourrait être téléporté jusqu'à nos jours, interagir avec l'interface utilisateur et ne même pas remarquer ce qui a changé.

À emporter : les excellents produits peuvent évoluer, plutôt que de se réinventer, tout en conservant leur position de leader sur le marché.

2001 : L'Odyssée de l'espace (1968)

Le chef-d'œuvre de Stanley Kubrick était à la fois film hollywoodien et vision futuriste. Les prédictions de l'avenir sont généralement faussées par le présent, ce qui donne lieu à des idées ringardes qui semblent comiques avec le recul. Il est remarquable de voir à quel point les concepts sortaient des sentiers battus en 2001 : l'Odyssée de l'espace , comme 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 faudrait encore cinq ans avant que Xerox PARC ne commence à expérimenter les premières itérations d'une interface utilisateur graphique, des 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'apparentait à une esthétique de conception plate. Il a fallu encore quatre décennies avant qu'Apple abandonne le skeuomorphisme et emboîte le pas. Qu'il s'agisse d'une prévoyance délibérée ou d'une limitation des capacités graphiques à l'époque, les aperçus des interfaces sonnent authentiques à ce jour.

À emporter : Stanley Kubrick est un génie.

Principes pour une conception numérique durable

Il n'existe aucun principe formalisé pour créer des interfaces numériques "intemporelles", ce qui n'est pas surprenant dans une industrie dirigée par la devise "avancer 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 pérennité des produits numériques est de les rendre utilisables par le plus large public possible. Cela signifie concevoir pour l'accessibilité, la performance et l'inclusivité. À mesure que les produits sont de plus en plus adoptés, des expériences multilingues doivent être proposées.

Adapté à la technologie

Plutôt que d'imposer des visions créatives à la technologie sous-jacente, la conception adaptative technologique fonctionne en collaboration avec la technologie sous-jacente. Dans la conception Web, cela signifie renoncer aux animations qui réduisent les fréquences d'images à 10 ips ou ne pas recréer les surfaces physiques en HTML, CSS et JS.

Simple et sans fioritures

Cela ne veut pas dire que la longévité nécessite que les produits soient simplifiés ou limités à un certain nombre de fonctionnalités. Cela signifie cependant que les fonctionnalités sont choisies délibérément et en gardant à l'esprit l'expérience holistique. Appliquez la règle du 80/20 et privilégiez la simplicité en cas de doute.

Pragmatique

Les conceptions numériques ont beaucoup en commun avec les plantes en termes de longévité. Comme les plantes, ils ont besoin d'être constamment arrosés pour survivre. Si Google devait faire faillite et fermer, ses produits fermeraient avec lui. Pas vrai pour les produits physiques. Une voiture fabriquée par une entreprise qui n'existe plus dans un pays qui n'existe plus peut encore ê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 survie. Ils n'ont pas les ressources pour explorer comment ajouter des années de vie supplémentaires à leurs interfaces. Le plus souvent, les designers numériques verront leur travail périr avant de le voir vieillir.

Dans de telles circonstances, la longévité n'est pas la première, la deuxième ou même la cinquième priorité de la conception de produits numériques. Les produits doivent traverser leurs premières années d'existence avant de pouvoir se soucier de bien vieillir.

Mais de petites décisions peuvent mettre les produits sur la bonne voie. Lorsque vous disposez de suffisamment de 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. Ce sont de petits moyens par lesquels la conception numérique peut être poussée vers la longévité, même dans des environnements à rythme rapide et à haute pression.

Conception pour la longévité

Les concepteurs numériques seraient avisés de reconnaître la valeur de la création d'un travail qui conserve sa pertinence pour les années à venir. Peut-être qu'au lieu d'être obsédé par les dernières tendances, l'industrie devrait applaudir le travail qui a 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 la vie. Plus ils le font longtemps, plus ils sont susceptibles de laisser un héritage qui durera des décennies à venir.

Dites-nous ce que vous en pensez! S'il vous plaît laissez vos pensées, commentaires et commentaires ci-dessous.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Explorer les principes de conception de la Gestalt
• Les principes de conception et leur importance
• Les lois éprouvées et vraies de l'UX (avec infographie)
• Art vs Design – Un débat intemporel
• Arrêtez de faire des déchets : un guide pour concevoir des interfaces qui durent