Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Brutalism design - Un doigt levé bien haut, des sites moches ou un peu plus que ça.

Glitch Blizzard
November 03, 2017

Brutalism design - Un doigt levé bien haut, des sites moches ou un peu plus que ça.

Les slides de ma conférence au Blend Web Mix 2017 pour la Kiwiparty !

Réflexion sur le retour du Brutalism web design.

Glitch Blizzard

November 03, 2017
Tweet

Other Decks in Design

Transcript

  1. Dylan Cozian
    Freelance Directeur
    artistique web designer
    depuis 2010
    Formateur en PAO,
    webdesign et autres
    depuis 2012
    Créateur de Design et
    Maracas youtube
    @DylanCozian
    www.dylancozian.com

    View full-size slide

  2. C’est quoi le « brutalism » ?

    View full-size slide

  3. Mais dans le web ?
    Quand ? Comment ? Pourquoi ?

    View full-size slide

  4. Pause visuelle

    View full-size slide

  5. Clear / Smooth / Perfect /
    Clear / Smooth / Perfect /
    Clear / Smooth / Perfect /
    NOTRE VEILLE

    View full-size slide

  6. /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    <————-echo[]——->>>>
    /…….////../..////////……
    Romantiques
    V/S
    Classiques

    View full-size slide

  7. TRVE BM LOVE
    <——-BTC ——->

    View full-size slide

  8. brutalistwebsites.com
    Pascale Deville

    View full-size slide

  9. « Je pense que le brutalisme a
    l'intention de montrer le noyau et
    de le déduire de la distraction » -
    Daan Lucas

    View full-size slide

  10. http://thin.npr.org/

    View full-size slide

  11. http://lite.cnn.io/en

    View full-size slide

  12. https://justinjackson.ca/webmaster/
    Nos sites web étaient
    moches.
    Ils étaient simples, mais
    ils étaient
    concentrés, sans
    distraction,
    il n'y avait que la
    question:
    quelle idée voulez-vous
    exprimer?

    View full-size slide

  13. « Je pense que c'est aussi la bonne chose à faire
    ces jours-ci. Les gens savent
    quand ils sont des conneries. Dans notre travail,
    nous essayons toujours de
    créer un lien réel avec les gens. » - Daan Lucas
    « Je ne dirais pas que c'est une protestation,
    mais un cri pour plus d'humanité
    dans la conception web d’aujourd’hui » - Pascale
    Deville

    View full-size slide

  14. Plusieurs types de « brutalism »

    View full-size slide

  15. Impliquer l’utilisateur
    Les études de psychologie cognitive indiquent que le
    contenu présenté avec des caractéristiques disfluences
    permet au lecteur de traiter l'information «plus
    attentivement, profondément et abstraitement».
    Alter A.L. “The Benefits of Cognitive Disfluency.”
    À l'opposé, la littérature de la psychologie cognitive
    suggère que le vernis et la prévisibilité de tant de
    sites Web contemporains peuvent avoir un effet négatif
    sur certains aspects de l'expérience utilisateur. Plus
    précisément, lorsque le contenu est présenté de manière
    anticipée, trop fluide ou intuitive, les lecteurs ont
    plus de mal à interagir avec l'information.
    KATHRYN WHITENTON “Minimize Cognitive Load to Maximize
    Usability”

    View full-size slide

  16. How to destroy angels
    The loop closes
    - Rob Sheridan.

    View full-size slide

  17. @dylancozian

    View full-size slide