Comment créer un cadre de conception efficace (comprend un cadre d'interface utilisateur Sketch gratuit)
Conception De L'interface Utilisateur
Conception De L'interface Utilisateur
Conception Web brutaliste, conception Web minimaliste et avenir du Web UX
Les sites Web deviennent-ils plus chaotiques, encombrés et non raffinés? Les règles d'un bon design sont-elles enfreintes? Le Web devient-il moche? Est-ce une nouvelle tendance?
Si vous êtes comme la plupart des designers et que vous portez une attention particulière à ce qui se passe, vous avez entendu le mot brutalisme être libéré pendant un certain temps. Les sites Web brutalistes s'éloignent des interfaces faciles à utiliser qui ont longtemps été les meilleures pratiques de l'industrie et se concentrent plutôt sur des sites HTML imparfaits et codés à la main. Il semble que les concepteurs abandonnent les règles de l'UX telles que nous les connaissons, laissant tout un peu chaotique.
combien de personnes devraient être dans une équipe Scrum ?
Les principes de conception épurés et contemporains sont si courants que nous ne les considérons guère comme un choix stylistique. Une «bonne» conception de sites Web signifie généralement celle qui suit les règles du minimalisme. Interfaces propres, simples et épurées - mais cela n'a pas toujours été le cas. Laissez le temps revenir en arrière de quelques décennies.
La naissance du web
La conception Web a parcouru un long chemin depuis 1991 lorsque le premier site web . La révolution Internet a commencé avec ses premiers sites Web purement textuels utilisant la première génération de HTML.
Puis vint Flash avec tous ces sites animés fous dont tout le monde se souvient sûrement. Le développement de CSS (feuilles de style en cascade) est venu, fournissant le concepteurs web encore plus de contrôle sur les améliorations telles que la couleur d'arrière-plan, la taille du texte et les styles de texte dans le code. JavaScript nous a fourni des listes déroulantes, une navigation avancée et des formulaires Web de vérification des erreurs.
Au début, personne ne savait ce que signifiait vraiment «conception de sites Web», et les pionniers du Web ont établi des modèles de conception par essais et erreurs. L'ère primitive de la conception Web utilisait des conceptions qui accordaient peu d'attention à la sémantique formelle et à l'accessibilité, optant plus pour l'esthétique que la structure.
Site Web Google - 1998
Pour créer et structurer leurs mises en page, les concepteurs se sont fortement appuyés sur des éléments HTML tels que des tableaux, des tableaux imbriqués et des fichiers d'espacement invisibles de 1 pixel, ce qui leur a donné la possibilité de créer des mises en page multi-colonnes plus complexes. J'ai fait des interfaces assez ennuyeuses.
Site Web CNN.com - 2000
Au milieu des années 2000, les sites Web sont nés avec une réflexion plus approfondie derrière leur structure. La navigation était en haut de votre navigateur et les catégories étaient placées dans une barre de gauche. Les pages Web étaient courtes et étroites, le contenu étant réparti sur de nombreuses pages afin de ne pas forcer les utilisateurs à faire défiler. Les concepteurs ont appris ce qui fonctionnait et ont commencé à construire de meilleurs sites, en établissant des normes et des meilleures pratiques en cours de route.
Avec de plus en plus d'options de conception, un mélange d'interfaces utilisateur bruyantes regorgeait d'images et de texte. Certains designers disciplinés, cependant, ont toujours opté pour le minimalisme.
L'esthétique minimaliste
Les tendances du design vont et viennent; Cependant, le minimalisme est un langage de conception qui existe au fil du temps. C'est une philosophie de conception qui se concentre sur la simplification de la forme, obtenue grâce à l'utilisation des éléments les plus simples et les plus essentiels dans une conception.
Le minimalisme n'est pas unique à la conception Web. Pensez à tous les éléments autour de vous qui englobent cet idéal de conception; il est facile de connecter des designs minimalistes avec Nest, Apple, Herman Miller et bien d'autres qui ont inspiré de nombreux [designers minimalistes] (https://www.toptal.com/designers/digital).
Qu'est-ce qui rend le design Herman Miller génial aujourd'hui? Ce sont simplement des objets bien conçus avec un look intemporel. Leurs designs s'intègrent parfaitement dans les maisons et les intérieurs contemporains, ils se sentent toujours frais et modernes aujourd'hui. Beaucoup de ses pièces sont conçues avec un look minimaliste et ne peuvent pas être liées à une mode spécifique. Ils résistent encore à l'épreuve du temps.
Les designs minimalistes de l'un des graphistes les plus reconnus de son temps, Josef Müller-Brockmann , sont très similaires à celles d'Herman. Meunier: intemporel . Müller-Brockmann a embrassé et dominé le minimalisme dans les années 40 et 50 sous la forme du style design suisse .
Toute décoration étrangère ou superflue a été supprimée de sa conception graphique; chaque élément de leurs créations avait un but. Le design thinking derrière cette approche est ce qui fait que les conceptions numériques minimalistes fonctionnent si bien aujourd'hui.
Comment le minimalisme a été établi à l'ère numérique
L'histoire trouve toujours un moyen de nous atteindre. Comme pour la conception imprimée, le minimalisme et la philosophie qui le sous-tend ont été adaptés à la conception Web et à d'autres artefacts numériques. Pensez à l'apparence des sites Web il y a à peine quelques années avec leurs boutons, lignes et paragraphes de texte lumineux, tous criant à l'attention.
Puis vint le tendance skeuomorphique où les concepteurs ont conçu des éléments qui imitaient des objets réels dans l'espace numérique. Vous souvenez-vous du rembourrage en cuir iCal de Apple ?
Les conceptions minimales sont en fait intentionnelles. C'est une approche de conception qui supprime tout ce qui est inutile et se concentre sur les éléments qui sont censés attirer le plus l'attention - mettre accent sur le contenu .
Les avantages du design minimaliste
L'approche du design minimaliste a pris de l'ampleur pour bien d'autres raisons que son apparence. Notre meilleure compréhension des comportements des utilisateurs, des processus de la pensée de conception et l'augmentation de premiers processus de conception de contenu ont contribué à faire avancer cette réflexion. La récente croissance massive des utilisateurs mobiles a été un point d'accélération vers le minimalisme, avec une plus grande concentration sur l'UX et la convivialité.
Maintenant que les utilisateurs accèdent à Internet à tout moment, concepteurs de produits ils devraient se concentrer sur la fourniture de ce qui est absolument essentiel dans le contexte du moment - les bonnes choses de la bonne manière et au bon moment, là où le design se résume à ses caractéristiques les plus fondamentales.
L'utilisation mobile représente désormais plus de la moitié de toutes les visites Web , et ce taux ne fera qu'augmenter. La conception réactive a changé les règles du jeu et forcé les designers «penser différemment». Aujourd'hui plus que jamais, la conception réactive ou adaptative est une nécessité dans le monde des appareils mobiles, où une approche de conception minimaliste est d'une importance cruciale.
Pour l'utilisateur moyen, le minimalisme semble être la chose la plus simple à concevoir. Trouver un équilibre parfait en utilisant le moins de contenu visuel et en se concentrant uniquement sur les éléments fondamentaux avec la plus grande élégance est vraiment très, très difficile.
L'avenir du minimalisme
Nous devrions considérer le minimalisme comme un concept intemporel, rayonnant d'élégance et de sophistication, plutôt qu'une tendance réelle ou une simple phase d'approbation. Bien qu'intemporel et classique, il évoluera et s'améliorera, comme nous l'avons déjà vu depuis sa mise en œuvre au début du XXe siècle.
comment obtenir les numéros de carte de crédit des gens en ligne
Par exemple, Google Material Design c'était l'une des premières évolutions majeures de l'approche du design «plat» inspiré du minimalisme. Les concepteurs de Google ont gardé les choses simples et minimales, mais ont amélioré leur langage de conception avec l'utilisation de les effets d'ombre et les concepts de mouvement et de profondeur . Le matériau adopte un design plat avec une touche spécifique: il imite les matériaux du monde réel.
L'inconvénient du minimalisme
Comme pour d'autres éléments de la vie, nous devons toujours regarder les avantages et les inconvénients. Beaucoup affirment que les sites Web d'aujourd'hui manquent de saveur et sont pour la plupart tous les mêmes. Vous savez, une grande image ou vidéo de héros avec une superposition de texte, une rangée d'icônes avec du texte, etc. N'importe qui peut prendre quelques minutes de son temps et créer 10 sites qui se ressemblent beaucoup. Cela reflète-t-il notre comportement et nos préférences en ligne en constante évolution?
php afficher toutes les données de publication
La cohérence de la conception et de la conception pour un comportement utilisateur commun est extrêmement importante dans toutes les conceptions, mais nous ne pouvons pas oublier la valeur d'être unique. Sommes-nous devenus paresseux ou avons-nous détourné nos pensées de l'unicité vers une stratégie d'expérience utilisateur plus efficace?
Brutalisme dans la conception Web
Dans sa robustesse et son manque de souci de paraître confortable ou facile, le brutalisme peut être vu comme une réaction par une jeune génération à la légèreté, l'optimisme et la frivolité de la conception Web minimaliste omniprésente d'aujourd'hui.
Certains l'aiment, certains le détestent et beaucoup d'autres ne comprennent tout simplement pas: sites Web brutalistes .
Prise Craigslist exemple. Craigslist doit être considéré comme le 'grand-père' des sites Web brutalistes. Il n'est pas esthétique et n'apparaîtrait jamais dans www.awwwards.com . Texte noir, liens bleus, fond blanc. Ce n'est pas mignon. Cela n'a pas à être parce que cela fonctionne - et cela fonctionne vraiment bien. Trouvez ce dont vous avez besoin pour acheter ou vendre sans tracas ni confusion, et sans pièces mobiles étranges.
Depuis sa création en 1996, Craigslist est restée populaire malgré - ou peut-être à cause - de son design extrêmement utilitaire. Le design n'a pas beaucoup changé au cours des 20 dernières années.
Peut-être inspiré par l'exemple de Craigslist, le style brutaliste fait son grand retour. Voici d'excellents exemples de designs bien exécutés qui utilisent le style brutaliste.
Ces sites Web brutalistes gagnent en popularité. Pourquoi ces sites Web sont-ils soudainement si populaires? Est-ce parce que certains designers en ont assez d'homogénéiser le web?
À l'époque où la conception UX est primordiale, où le comportement des utilisateurs et la concentration sur le contenu sont primordiaux, l'UX sur ces sites est mauvaise (intentionnellement). Contrairement aux principes du minimalisme, ces designs sont confrontés à des collages de texte et d'images où le design est partout (encore une fois, intentionnellement).
Une brève histoire du brutalisme
Le style de conception brutaliste n'est pas nouveau. Une recherche rapide sur Wikipédia vous dira que le style vient en fait de l'architecture brutaliste des années 50 au milieu des années 70. C'est drôle que brutalisme a été suivi par le mouvement architectural moderniste où minimalisme c'était la clé.
Le Corbusier il a été l'un des plus grands pionniers de ce mouvement. Sa carrière s'est étendue sur cinq décennies avec des bâtiments conçus en Europe, au Japon, en Inde et en Amérique du Nord et du Sud.
Le terme vient du mot français ' brut 'Pour le' brut ', comme Le Corbusier a décrit son choix de matériau' béton brut », Béton brut. Le design hyperfonctionnel semblait conçu uniquement pour fournir de l'utilité, pas pour plaire, comme s'il serrait la main du modernisme.
Le brutalisme tente de faire face à une société produite en masse, et il tire la poésie grossière des forces confuses et puissantes à l'œuvre. Jusqu'à présent, le brutalisme a été discuté stylistiquement, alors que son essence est éthique. - Alison et Peter Smithson, The New Brutalism, Architectural Design (avril 1957)
Les conceptions brutalistes rejettent catégoriquement l'apparence, optant pour la fonction plutôt que la forme. Les designers brutalistes sont fiers d'exécuter des conceptions avec un minimum d'effort et matériaux les moins chers disponibles , pour obtenir un résultat plus honnête et anti-bourgeois.
principes et éléments de conceptionLe 27 avril 1967, le complexe résidentiel urbain de Safdie, connu sous le nom d'Habitat 67, a été inauguré à l'Expo 67, la foire mondiale qui a lieu à Montréal.
Le brutalisme à l'ère numérique
Bloomberg a adopté le style à sa manière pour son site d'actualités. Le design est presque accrocheur et se concentre clairement sur la fonctionnalité brute.
Le brutalisme fait un retour en force. Laid, brut, pas de designs conventionnels, les effets suspensifs et les embellissements superficiels sont partout. De nombreux puristes considèrent cette tendance comme dure, dure, robuste, inconfortable, conflictuelle et cynique. C'est intensionnel.
Le brutalisme adopte une approche plus primitive de la conception et recentre le cœur de la conception Web: son code. Le brutalisme est souvent décrit comme une tendance du design «laide», mais nous devons regarder au-delà de cela. La philosophie derrière le mouvement brutaliste n'est pas de rendre les choses «laides», mais grossières et sans ornements.
On pourrait dire que les sites brutalistes d'aujourd'hui sont basés sur le Web DIY des années 90, se concentrant sur une approche à l'envers plutôt que de cacher des fonctionnalités derrière une belle façade.
Conception d'interface utilisateur pour le site de partage de médias sociaux populaire Reddit il est brut et carré, plein de typographie Web de la fin des années 90, de commandes lourdes non raffinées et presque pas de place pour respirer verticalement.
Le designer Pierre Buttin a poussé le brutalisme à un nouvel extrême avec une série d'applications mobiles repensées. Dans son dernier projet, intitulé refonte brutaliste , Buttin crée Facebook, Instagram, Twitter et d'autres applications populaires dans un style brutaliste, avec des mises en page de texte lourdes et des mises en page aplaties.
Brutalisme vs. Minimalisme
Le brutalisme et le minimalisme ne doivent pas être considérés de manière comparative, mais comme une nouvelle façon de voir les choses et une autre approche du design. Le brutalisme est une impulsion contre l'homogénéisation des sites et applications actuels, mais avant les designers Ils peuvent même commencer à concevoir un site Web en utilisant l'approche brutaliste, ils doivent d'abord savoir quelles règles ils vont enfreindre.
Le design conventionnel et minimaliste ne sera pas remplacé par du brutalisme. Nous devons considérer le brutalisme comme une culture du design qui remet en question le statu quo, une culture qui est fatiguée de se faire dire ce qu'est le «meilleur».
Il n'y a pas de bien ou de mal lors du choix entre ces styles pour votre prochain projet. Cependant, avant de cesser vos activités et de concevoir votre prochain site Web ou application dans un style de conception brutaliste, assurez-vous de connaître votre public. Prenez le risque si vous pensez que l'entreprise et votre public l'apprécieront.
La conception de sites Web brutaux attire l'attention et la notoriété de la marque croît extrêmement rapidement. Les règles sont faites pour être enfreintes. Osez laisser le Web être le Web. Osez vous démarquer et être un peu audacieux, même si c'est un peu bizarre.
