Agence LunaWeb - Le design, cet inconnu

Editor's Notes

• #2 Bonjour à tous.
• #3 Explorons ensemble le terme, parfois mystérieux, de “design”…
• #4 Kaiseki, 2010. La cuisine Kaiseki désigne dans la gastronomie japonaise une forme traditionnelle de repas composée de plusieurs petits plats servis conjointement. Le terme peut aussi renvoyer à l'ensemble des compétences et techniques qui permettent de préparer un tel repas qui sont comparables à la grande cuisine occidentale.
• #5 Orangerie de Versailles, 1660. En 1660, Louis XIV charge André Le Nôtre de la création et de l’aménagement des jardins de Versailles qui, à ses yeux, sont aussi importants que le Château.
• #6 Affiches du théatre Les Gémeaux, 2001. Réalisées par Michel Bouvet pour promouvoir le théatre des Gémeaux. Un mélange culturel de dessins, d’éléments graphiques et typographique.
• #7 Radice Stool, 2013. Tabouret designés par Industrial Facility.
• #8 Quel est le point commun entre tous les éléments précédents ?
• #9 Le point commun, c’est le terme “design”. Et ne pas dire “c’est design”, car cela a autant de sens que de dire “c’est cool”. Ou “c’est swag”.
• #10 Le design est omniprésent dans nos vies. Voilà quelques exemples des disciplines du design : Communication design, Engineering design, Fashion design, Game design, Graphic design, Industrial design, Interaction design, etc.
• #11 Excellente question Michel !
• #12 En voici une définition. Le design est à la fois “dessein” et “dessin”.
• #13 Le design peut se découper en 4 champs d’explorations interconnectés et interdépendants.
• #14 Par exemple, dans le cas de ce tabouret, le fond s’apprente à l’ensemble des données culturelles et sociales entourant l’assise en Occident. Ces données seront évidemment différentes dans d’autres parties du monde. Le fond c’est aussi le “pourquoi ?”. Pourquoi réaliser cette chaise, pour qui, etc. La structure, elle, est composée principalement du bois utilisé. La forme, très sobre ici, est intimement liée à la structure, et à ces possibilités de transformation. La forme entretient également avec la fonction une relation très proche. En effet ici la fonction d’assise, un peu haute, guide et est guidée par la forme. L’ensemble de ces données forme le design de cet objet, et sont interdépendants.
• #15 Comment la notion de design s’exprime-t-elle dans le cadre du mobile.
• #16 C’est parti pour comprendre la notion de design mobile.
• #17 2001, l’odyssée de l’espace, 1968. L’objet, le smartphone, se réduit de plus en plus à un simple parallèlépipède avec quelques boutons et surtout un écran, qui permet de visualiser, mais aussi d’interagir, car tactile. Un objet particulièrement “neutre” donc…
• #18 L’objet en lui même, le smartphone, est lié au monde du design produit.
• #19 Twin Peaks, 1990. Au travers de cet écran tactile, c’est une scène vide, ouverte, pour imaginer différents usages et possibilités.
• #20 C’est donc ce qui se passe sous la glace qui va importer maintenant : on rentre dans le champ du design d’interaction.
• #21 eXistenZ, 1999. La trame du film est basée sur la confusion entre la réalité et la réalité virtuelle, que les personnages vivent hors et dans le jeu vidéo appelé eXistenZ, dont le but est tout simplement de vivre une, dans un monde ultra-réaliste. Dans ce film, David Cronenberg s'amuse à donner une texture biologique aux objets technologiques : les consoles de jeu sont des sortes de fœtus, les connexions sont assurées par des cordons ombilicaux s'enfichant dans des sphincters (le thème de la symbiose entre biologie et technologie est également présent dans ses autres œuvres, comme par exemple The Naked Lunch ou Videodrome).
• #22 Une relation complète donc !
• #23 Essential Killing, 2010. Dans les montagnes arides de l'Afghanistan un taliban tente d'échapper aux hélicoptères et à la puissance de feu de l'armée américaine qui quadrille la région… Capturé, ce moudjahid n'a, pourtant, guère l'apparence d'un homme du pays. Il est transféré vers un lieu de détention inconnu, où il est interrogé et torturé. Il réussit à s'évader. À travers une forêt enneigée, le personnage est engagé désormais dans une lutte pour la survie…
• #24 La première dimension à explorer : la situation. Ici, 1/ la mobilité, en toutes conditions, 2/ un objet que l’on tient dans une main et 3/ Un objet personnel.
• #25 Twin Peaks, 1990. Thumbs up !
• #26 La deuxième, l’interaction : 1/ avec un écran tactile, 2/ avec les doigts, la voix et 3/ avec le réseau et les contenus. C’est le phénomène simple d’action / réaction.
• #27 Fresque égyptienne, 1800 av. Jc. La 3e dimension à explorer, c’est celle qui semble la plus familière et à laquelle on réduit trop souvent le design sur le web ou sur mobile.
• #28 La représentation (donc la forme) : 1/ typographique, 2/ iconographique, 3/ graphique, 4/ photographique, etc.
• #29 Mais au fait, et le designer là dedans ?
• #30 En effet, Il apporte et soutient une vision globale, fait appel et coordonne différents experts : d’autres designers spécialisés dans telle ou telle problématique, des ingénieurs, etc.
• #31 Revenons…
• #32 …au Flat Design.
• #33 Revenons sur ce terme et cette tendance qui a émergé récemment sur mobile et sur le web. Remontons un peu dans le temps pour mieux la comprendre.
• #34 Le mouvement Art Déco fait suite à l’art nouveau. Autant les formes de l'Art nouveau étaient ondulantes, très détaillées et prenaient exemple sur la nature, autant l'Art déco s'est tourné vers des formes épurées et essentiellement géométriques. La courbe, encore très présente aux débuts de ce mouvement, tend à disparaître progressivement au profit de l'angle droit, notamment avec le courant De Stijl.
• #35 On constaste une interruption pendant la première guerre modiale puis…
• #36 … dans les années 50, c’est l’émergence du Style Internationnal / Swiss Style qui prolonge le Bahaus. Ce style prône le dépouillement, l’objectivité et la lisibilité. Un peu à l’opposé du style Art déco en somme ! Voyons ensemble quelques exemples dans le champ du design graphique.
• #37 C’est l’ère de l’information structurée (Hiérarchie, grilles, ryhtme vertical)…
• #38 … de la typographie, sans-serif, création de typographies telles que l’Helvetica… Et de l’usage de la photographie dans des dimensions importantes…
• #39 On constate une uniformité et l’utilisation de la géométrie (récurrence, système… ). Les couleurs sont marquées, contrastées, pures, en aplat.
• #40 Tout est un éternel recommencement !
• #41 Revenons au Flat Design. Microsoft et son interface «Métro», inspiration Swiss Style revendiquée. Au delà de la forme, une UI qui est le contenu lui-même (différent de l’approche Apple ou Google de l’époque avec laquelle, traditionnellement, l’interface contient le contenu).
• #42 Depuis le swiss style a une grosse influence. L’exemple des interfaces Google, adepte déjà d’un certain dépouillement, qui commencent à explorer ce vocabulaire, notamment au niveau typographique.
• #43 Puis Apple récemment, avec plus ou moins de succès pour iOS7, qui est devenu un sujet polémique ! Pas de rupture, contrairement aux habitudes de la firme… C’est avant tout un travail de surface. D’où une certaine insatisfaction et peut-être un manque de cohésion au niveau de la structure / fonction / forme. Se design s’améliorera-t-il avec le temps dans une volonté de rupture ?
• #44 A propos du terme Flat Design: utilisé la première fois dans un article de blog de Layer Vault. Désigne ici un style graphique très restrictif, loin de toutes les possibilités explorées avec le Swiss Style pendant des dizaines d’années dans le design graphique.
• #45 Clairement non. C’est une tendance web (une certaine communauté très techno-centrée, qui aime unifomiser), qui partait d’une ouverture forte vers des qualités graphiques peu exploitées dans le design d’interaction, pour la renfermer dans des codes plus illustratifs, parfois naïfs… Bref, il ne faut pas s’enfermer là dedans, et plutôt continuer à explorer.
• #46 Et pour continuer à explorer, le design s’appuie sur des process simples. Ce qui suit est assez général et peut s’appliquer à beaucoup de disciplines du design.
• #47 C’est avant tout un processus itératif, réellement !
• #48 “Le processus itératif est une séquence d'instructions destinées à être exécutées plusieurs fois et autant de fois qu'on peut en avoir besoin. C'est aussi une exécution de la séquence.» Ici on parle d’éxécutions multiples, indispensables.” L’idée principale étant de faire le maximum d’erreurs possibles, le plus tôt possible.
• #49 La première phase de ce processus…
• #50 … c’est l’exploration. Une exploration dans les objectifs, les besoins, l’analyse du contexte et des cibles, des pistes…
• #51 La 2e phase…
• #52 …la création. Recherches, Brainstorming, workshops, dessins, croquis, wireframes… De multiples formes et outils peuvent être utilisés sans restriction.
• #53 3e phase…
• #54 … la réflexion, dans le sens «refléter» et non «réfléchir/penser». On prototype et on teste. Les conclusions permettent de retourner en phase de recherche ou de création avec plus d’informations.
• #55 Et enfin la 4e phase…
• #56 … l’implémentation. Il s’agit de la production. Les erreurs ont été faites avant… sinon c’est le drame.
• #57 Parce que toute les bonnes choses ont une fin.
• #58 Le design c’est donc bien plus qu’une question d’interface graphique, de peinturlurage ou de style tel que le Flat Design. C’est avant tout un process et des métiers. Ne pas s’enfermer dans certaines tendances technophiles. Embauchez des designers, et mettez les au coeur des projets et non en périphérie. Tout le monde a à y gagner 
• #59 C’est dit !
• #60 Merci.
• #61 À bientôt !