Étiquette : Design

  • Le Design

    Le Design

    En 2015, Stéphane Vial, philosophe et chercheur en design français (maintenant émigré au Canada), a publié aux Editions PUF le Que Sais-je ? » « Le Design ». C’est un remarquable ouvrage, passionnant et d’une grande clarté. Il donne un éclairage à la fois historique, philosophique et épistémologique sur le Design en tant que discipline.

    Méthodes de conception

    Si le Design est en général associé à l’essor de l’industrie et aux arts décoratifs au XIXe siècle, Stéphane Vial montre que ses racines sont fondamentalement liées à la naissance du projet architectural à la Renaissance, et notamment dans les travaux de Brunelleschi. Ce dernier formalise la séparation entre conception et réalisation.

    Voilà pourquoi l’invention du projet en architecture n’est rien d’autre que la naissance de la méthode dans le domaine de la conception. Désormais, la conception est une travail méth-odique, c’est-à-dire un cheminement (odos, « la route, la voie ») séquencé, fractionné, découpé et encadré par la raison. Stéphane Vial

    Si l’histoire du Design montre bien que les batailles idéologiques et philosophiques sont nombreuses autour du sens même de la discipline, l’auteur montre bien que cette racine perdure et constitue la colonne vertébrale du Design. Par exemple, il cite plus loin Roger Tallon, grand designer français :

    Le design n’est ni un art, ni un mode d’expression, mais bien une démarche créative méthodique qui peut être généralisée à tous les problèmes de conception.

    Roger Tallon (1929 – 2011) designer français, considéré comme le père du design industriel français

    Tension idéologique

    Il y a une tension intrinsèque dans le Design liée à son essence, à ses racines et à son histoire : approche méthodique, qui a participé à l’essor industriel formidable de la fin du XIXe et du XXe, il s’est également structuré comme discours critique et esthétique en réaction à l’industrialisation massive, à la standardisation et au consumérisme. Stéphane Vial montre bien cela en l’illustrant avec des designers emblématiques de certains de ces courants, en précisant avec une rare clarté les « modèles philosophiques » (et visions du design) dont ils sont les porteurs : William Morris pour le Arts & Craft (1860), Henry Van de Velde pour l’Art nouveau (1900), Walter Gropius pour le Bauhaus (1919), Raymond Loewy pour l’Industrial design (1929) ou encore Jacques Viénot pour l’Esthétique industrielle (1951).
    L’ouvrage est sur point tout à fait passionnant : il parvient à esquisser les grandes lignes de ce vastte tableau en restant très clair, et suffisamment détaillé. Cette histoire est fascinante.

    Extension du domaine du Design

    Stéphane Vial montre ensuite comment le Design – et c’est bien naturel compte tenu de ses racines – a vu ses limites s’étendre dans un mouvement d’ »éclipse de l’objet » (Findeli & Bousbaci) :

    L’éclipse ne signifie pas une disparition de l’objet, mais un changement de priorité, l’objet devenant secondaire au sein d’une expérience au service des acteurs.


    Source de l’image : Projekt
    L’auteur décrit de manière très claire différents modèles du projet en design (Conception-réception, Double Diamant, modèle de projet selon D. Newman, Design Thiking). Je connais mieux cette partie, et j’ai été un peu surpris de voir que, si Armand Hatchuel et le CGS de l’Ecole des Mines était cité dans l’introduction, les travau du CGS n’étaient pas mentionnés dans cette partie sur les théories & méthodes en Design. Compte tenu de la qualité de l’ouvrage, j’en déduis qu’il existe des guerres de chapelles. Ce n’est qu’une hypothèse.

    Manifeste trop ambitieux ?

    Le livre termine sur un « Manifeste pour le renouveau social et critique du design« . Je trouve à titre personnel qu’il est clair et bien construit et j’en partage les intentions, même s’il oublie un peu, à mon sens, de parler explicitement de méthode créative, et de pragmatisme qui à mon sens sont indissociables du Design. D’une manière générale, je pense que ce manifeste n’a pas complètement clarifié le sens du mot « social » : prétendant dépasser le clivage créé par son usage, il en reconduit le caractère « tautologique ». Toute activité humaine est sociale. J’y vois la marque du constructivisme11. Par exemple, on peut s’appuyer sur le concept de catallaxie qui caractérise notre époque, injectant de la politique dans tout et dans toutes choses, et perpétuant l’illusion funeste que les humains « structurent » le monde, en oubliant que le monde, ses lois, son organisation, sont en grande partie hors de notre portée. Tout n’est pas « design-able ». Le design doit savoir, même sur les aspects sociaux, connaître ses limites.
    Ce ne sont que des remarques tout à fait marginales : j’ai trouvé cet ouvrage splendide, extrêmement bien structuré et clair, passionnant. A lire en priorité par tous ceux qui, de près ou de loin, ont des activités de conception.

  • Lorem Ipsum

    Ce billet me servira pour tester le nouveau design, et les classes CSS mises en place. Il n’est donc pas très utile pour les lecteurs, sauf ceux qui s’intéressent à  la mise en forme des billets. Je vais tout de même y insérer des éléments de code pour que les débutants puissent s’en inspirer…

    Je me devais de l’appeler « Lorem Ipsum« , parce que c’est le nom des « faux-textes » utilisés dans l’imprimerie d’abord, et dans la CAO / webdesign maintenant. C’est un bout de texte qui ne veut rien dire, et qui permet de tester la mise en page, et le design. Moi, ici, je vais tester la mise en forme des blockquote, des listes ordonnées ou non, des niveaux de titres h2, h3, etc…, des exergues, du chapeau et des lettrines. Tout ça concerne la structuration html des billets dans le thème WordPress, ainsi que les classes utilisées dans la feuille de style CSS.

    Citation

    Voilà  donc un bloc de citation, contenant le fameux « lorem ipsum ». VOyons ce que ça donne :

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Et une citation plus longue, c’est un autre format :
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    Et enfin, une dernière mise en forme, plus sophistiquée avec la photo de l’auteur :

    Les convictions sont des ennemis de la vérité plus dangereux que les mensonges.

    Friedrich Nietzsche (1844-1900)
    Philologue, philosophe, poète, pianiste et compositeur allemand.

    Listes

    Voici une première liste non-ordonnée :

    • Premier élément
    • Deuxième élément
    • Troisième élément

    et une autre, ordonnée :

    1. un élément
    2. un deuxième
    3. et un troisième

    Bloc de texte avec exergue

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteLorem ipsum dolor sit amet, consectetur adipisicing elit. irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. J’ai aussi un petit css pour mettre des choses dans la marge1.1. Cela permet de mettre un complément d’info au bon endroit, sans forcer le lecteur à aller voir une note de bas de page, ou cliquer sur un lien..

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Et voilà  !

    Pour ceux qui veulent voir le code

    j’ai enlevé le html. Et les différentes classes qui sont appelées sont quant à  elles définies dans le fichier style.css. Voici les principales :

    .exergue_gauche {
          float: left;
          font-size: 1.3em;
          font-family: "Nunito Sans", Verdana, Sans-serif;
          color:#529BA1;
          background: #FFF;
          width: 200px;
          padding: 15px;
          text-align: center;
          margin: 2px 20px 5px 15px;
          line-height: 1em;
    				border-top:1px solid; 
    	border-bottom:1px solid; 
    }
    
    .textmarge {
          float: left;
          font-size: 0.9em;
          font-family: "alegreya";
          color:#bbbbbb;
          background: #FFF;
          width: 175px;
          padding: 15px;
          text-align: right;
          margin-left:-450px;
          line-height: 1em;
    
    }

    N’hésitez pas à  me signaler en commentaire si des points sont peu clairs, ou si vous voulez d’autres explications…

  • Deux mines d’or sur les blogs !

    Je fais un petit billet pour vous signaler deux articles très intéressants que j’ai lu récemment, et qui sont deux mines d’or pour tous ceux qui tiennent un blog, et que les outils de design, les plugins, les trucs pour WordPress, etc. intéressent !

    Bonne lecture, et merci à leurs auteurs pour ce gros boulot de synthèse !

  • Le lecteur est roi ! (1/4 : le design)

    Media_httpwwwimagesbl_haaau

    On résume généralement l’esprit du service par ces mots : « le client est roi ! ». Satisfaire le client doit être la priorité numéro un. Ou alors, ce n’est pas la peine d’aller à sa rencontre. Sur un blog, le client c’est le lecteur. Comment le placer au centre de votre blog ? Comment satisfaire vos lecteurs ? Quatre aspects principaux peuvent être analysés : le design du blog, la structuration des articles, l’écoute accordée aux lecteurs et enfin la fidélisation des lecteurs. Chacun de ces aspects sera traité dans un article, pour éviter un trop long article. Voici donc le premier de la série, traitant du décor dans lequel vous présentez vos articles à vos lecteurs : le design. 3 moyens de penser au visiteur/lecteur sont décrits : personnalisation du thème, utiliser un thème lisible, et prévenir des changements de décor. Cela pose la question cruciale de la mise en forme du flux RSS. Le client est roi ! C’est de cette manière que l’on traduit généralement l’esprit du service : tout, dans un commerce quel qu’il soit, doit tendre vers la satisfaction du client. Un client satisfait est un client qui revient, et qui fait de la publicité. Sur un blog, c’est le lecteur qui est roi. On n’écrit pas pour soi, mais pour les lecteurs. Fort de cette idée, on peut lister tout ce qu’il faut faire pour garder, à tous les niveaux, le lecteur au centre de nos préoccupations. Sur un blog, c’est le lecteur qui est roi. Cela signifie souvent laisser de côtés nos propres désirs, et écouter plus ceux de nos lecteurs. J’avais déjà publié une liste de 9+2 conseils pour faire un bon blog. Voilà une liste – complémentaire – de choses qui, selon moi, permettent de montrer au lecteur qu’on le respecte et qu’on veut le satisfaire. Ce qui n’a rien d’honteux, au contraire ; que serait un blogueur qui s’en foutrait de ses lecteurs ? Pour chacun des points, il importe de s’interroger sur la manière de le mettre en œuvre, et sur ce qui empêche de le faire. Commençons par la première chose que le lecteur trouve en arrivant sur votre blog, ce qui crée la première impression : le design.

    3 moyens de soigner le décor

    La mise en page et la lisibilité des articles sont primordiales. Le visiteur qui passe sur votre blog doit se retrouver dans un cadre à la fois agréable, et original.

    • Evitez de conserver un thème standard : personnalisez-le un minimum (dessinez un logo, par exemple, et changez les couleurs dans la feuille de style CSS).
    • Choisissez (ou modifiez, ou construisez) un thème lisible et pas trop surchargé comme base pour votre design. L’information doit se trouver facilement.
    • N’oubliez pas que le décor est rarement vu par les lecteurs habituels, qui lisent souvent vos articles dans un aggrégateur : faites de brefs articles pour prévenir lorsqu’un changement de décor a lieu. Vos lecteurs fidèles seront contents de revenir faire un tour sur votre blog, et d’en évaluer les changements.

    Pour personnaliser votre blog, apprendre des bases de CSS et bien plus encore, je vous conseille d’aller lire (et mettre en œuvre) l’excellente série d’articles de Fran6 : Créez votre thème WordPress de A à Z.

    Personnaliser son flux RSS ?

    Un problème avec ce perfectionnement de l’apparence du blog est qu’il ne sert finalement qu’au nouveau visiteur, mais pas trop au vieux client régulier (qui lit le plus souvent les articles dans un aggrégateur). Sauf à construire soi-même son flux RSS en adéquation avec le design du blog…Quelqu’un parmi vous sait-il faire cela ? Je crois que je vais devoir me pencher sérieusement là-dessus ; si quelqu’un a des liens intéressants pour comprendre comment construire son propre flux RSS sous WordPress, et/ou modifier celui envoyé par FeedBurner, je suis preneur ! En attendant vos conseils, je vais aller fouiner dans la liste assez complète de plugins pour le flux RSS fournie par Mashable… Edit du 25/07/2008 : FeedStyler est un plugin qui permet de faire cela…il n’y a donc plus à hésiter…!

  • Donnez à  vos billets une mise en page « pro » !


    Des techniques existent pour prendre en compte le peu de temps dont dispose le lecteur. Elle consiste à  présenter les conclusions d’abord – dans le « chapeau » -. Et à  parsemer le corps du texte d’éléments plus visibles (« sous-titres » et « exergues »), qui soulignent les grandes lignes, ou les points forts, du contenu. De cette manière, plusieurs niveaux de lectures sont possibles, et le lecteur est plus facilement attiré vers votre contenu. Vous trouverez ici la description de ces différents éléments, et la manière de les coder en CSS.

    (suite…)

  • Améliorer la lisibilité de votre blog : utilisez des résumés !

    Cet article est le premier à être affiché en mode « résumé » sur BLOmiG. Ce billet décrit les arguments qui militent pour l’affichage sur la « home » des billets résumés (rythme graphique, et analyse des stats facilitée), et la manière de mettre en oeuvre tout cela (utilisation du « more » dans les billets, utilisation d’une classe spéciale dans style.css pour personnaliser le résumé, et installation du plugin Full Text Feed pour conserver un flux RSS complet). Simple à mettre en oeuvre, et efficace pour améliorer la lisibilité de votre blog !

    (suite…)