Web Design brutal, Web Design minimalist și viitorul Web UX

Site-urile web devin mai haotice, aglomerate și nerafinate? Sunt încălcate regulile unui design bun? Web-ul devine urât? Este aceasta o nouă tendință?

Dacă sunteți ca majoritatea designerilor și acordați o atenție deosebită la ceea ce se întâmplă, ați auzit de ceva vreme cuvântul brutalism . Site-urile web brutaliste se îndepărtează de interfețele ușor de utilizat, care au fost de multă vreme cea mai bună practică a industriei și se concentrează în schimb pe site-uri HTML imperfecte, codificate manual. Se pare că designerii înlătură regulile UX așa cum le cunoaștem, lăsând totul să pară puțin haotic.

Principiile designului elegant și contemporan sunt atât de obișnuite încât cu greu ne gândim la ele ca la o alegere stilistică. Design web „bun” înseamnă, în general, unul care respectă regulile minimalismului. Interfețe curate, simple, neaglomerate, dar nu a fost întotdeauna cazul. Să dăm ceasul înapoi cu câteva decenii.

Nașterea Web-ului

Designul web a parcurs un drum lung din 1991, când a fost publicat primul site web. Revoluția internetului a început cu primele sale site-uri web bazate exclusiv pe text, folosind prima generație de HTML.

Apoi a venit Flash cu toate acele site-uri animate nebunești de care toată lumea cu siguranță își amintește. A apărut dezvoltarea CSS (Cascading Style Sheets), oferind designerilor web și mai mult control asupra îmbunătățirilor precum culoarea de fundal, dimensiunea textului și stilurile de text din cod. JavaScript ne-a oferit meniuri derulante, navigare avansată și formulare web cu verificarea erorilor.

La început, nimeni nu știa ce înseamnă cu adevărat „design web”, iar pionierii web-ului au stabilit modele de design prin încercare și eroare. Epoca timpurie a designului web a folosit layout-uri care acordau puțină atenție semanticii formale și accesibilității, optând în schimb pentru estetică în detrimentul structurii.

Pentru a-și construi și structura design-urile, designerii s-au bazat foarte mult pe elemente HTML, cum ar fi tabelele, tabele imbricate și fișierele de distanță invizibile de 1 pixel, oferindu-le posibilitatea de a crea machete mai complicate, cu mai multe coloane. A creat niște interfețe destul de plictisitoare.

La mijlocul anilor 2000, site-urile web s-au născut cu o gândire mai atentă în spatele structurii lor. Navigarea era în partea de sus a browserului dvs., iar categoriile erau plasate pe o bară din stânga. Paginile web au fost păstrate scurte și înguste, cu conținutul răspândit pe mai multe pagini pentru a nu forța utilizatorii să deruleze. Designerii au învățat ce a funcționat și au început să construiască site-uri mai bune, stabilind standarde și bune practici pe parcurs.

Cu tot mai multe opțiuni de aspect a venit un amestec de interfețe zgomotoase pline cu imagini și text peste tot. Unii designeri disciplinați au optat în continuare pentru minimalism.

Estetica minimalistă

Tendințele de design vin și pleacă; cu toate acestea, minimalismul este un limbaj de design care a fost prezent de-a lungul timpului. Este o filozofie de design care se concentrează pe simplificarea formei, obținută prin utilizarea celor mai simple și esențiale elemente dintr-un design.

Minimalismul nu este exclusiv designului web. Gândește-te la toate elementele din jurul tău care cuprind acel ideal de design; este ușor să conectați modele minimaliste cu Nest, Apple, Herman Miller și multe altele care au inspirat mulți designeri minimalisti.

Ce face ca designul lui Herman Miller să fie grozav și astăzi? Sunt pur și simplu obiecte bine concepute, cu un aspect atemporal. Design-urile sale se potrivesc foarte bine în casele și interioarele contemporane - se simt încă proaspete și moderne astăzi. Multe dintre piesele sale sunt concepute cu un aspect minimalist și nu pot fi cu adevărat legate de un mod anume. Ei încă rezista testului timpului.

Design-urile minimaliste ale unuia dintre cei mai renumiți designeri grafici ai epocii sale, Josef Muller-Brockmann, sunt foarte asemănătoare cu cele ale lui Herman Miller: atemporal . Muller-Brockmann a îmbrățișat și a stăpânit minimalismul în anii 1940 și 1950 sub forma stilului elvețian de design.

Orice decor străin sau de prisos a fost scos din designul său grafic; fiecare element din machetele sale avea un scop. Gândirea de design din spatele acestei abordări este ceea ce face ca designurile digitale minimaliste să funcționeze foarte bine astăzi.

Cum s-a impus minimalismul în era digitală

Istoria găsește întotdeauna o modalitate de a ne ajunge din urmă. Așa cum a făcut-o în designul tipărit, minimalismul și filozofia din spatele lui au ajuns din urmă la designul web și alte artefacte digitale. Gândiți-vă la cum arătau site-urile web în urmă cu doar câțiva ani, cu butoanele lor lucioase, liniile și paragrafele de text, totul strigând pentru atenție.

Apoi a apărut tendința skeuomorfă, în care designerii au proiectat elemente care imitau obiectele din viața reală în spațiul digital. Vă amintiți căptușeala din piele din iCal de la Apple?

Designurile minimale sunt de fapt intenționate. Este o abordare de design care elimină tot ceea ce este inutil și se concentrează pe elementele care ar trebui să atragă atenția maximă - punând accent pe conținut.

Beneficiile designului minimalist

Abordarea designului minimalist a prins din multe mai multe motive decât pur și simplu aspectul său. Înțelegerea noastră sporită a comportamentelor utilizatorilor, a proceselor de gândire de proiectare și a creșterii proceselor de proiectare a conținutului în primul rând au ajutat să avanseze această gândire. Creșterea masivă recentă a utilizatorilor de telefonie mobilă a fost un punct de accelerare puternic către minimalism, cu un accent mai mare pe UX și utilizare.

Cu utilizatorii care accesează internetul în orice moment, designerii de produse trebuie să se concentreze pe furnizarea de ceea ce este absolut esențial în contextul momentului: lucrurile potrivite în modul potrivit și la momentul potrivit, unde designul este redus la caracteristicile sale cele mai fundamentale.

Utilizarea mobilului reprezintă acum mai mult de jumătate din toate vizitele web, iar această rată va crește doar. Designul responsive a schimbat jocul și i-a forțat pe designeri să „gândească diferit”. Astăzi, mai mult ca niciodată, designul responsiv sau adaptiv este o necesitate în lumea mobilă, unde o abordare minimalistă a designului este de o importanță crucială.

Pentru utilizatorul obișnuit, minimalismul pare probabil a fi cel mai ușor de proiectat. Atingerea echilibrului perfect folosind cel mai mic conținut vizual și concentrarea doar pe elementele fundamentale cu cea mai mare eleganță este de fapt foarte, foarte dificilă.

Viitorul minimalismului

Ar trebui să ne gândim la minimalism ca un concept atemporal, care radiază de eleganță și sofisticare, mai degrabă decât o tendință reală sau o simplă fază trecătoare. Deși atemporal și clasic, acesta va evolua și se va îmbunătăți, așa cum am văzut deja de la implementarea sa la începutul secolului al XX-lea.

De exemplu, Material Design de la Google a fost una dintre primele evoluții majore în abordarea de design „plat” inspirată de minimalism. Designerii Google au păstrat lucrurile simple și minimaliste, dar și-au îmbunătățit limbajul de design prin utilizarea efectelor de umbră și a conceptelor de mișcare și adâncime. Materialul îmbrățișează designul plat cu o întorsătură specifică: imitând materialele din lumea reală.

Dezavantajul minimalismului

Ca și în cazul altor elemente din viață, trebuie să ne uităm întotdeauna la avantajele și dezavantajele. Mulți susțin că site-urile web de astăzi sunt lipsite de aromă și sunt în mare parte toate la fel. Știi, o imagine mare erou, sau un videoclip cu text suprapus, un rând de pictograme cu text și așa mai departe. Oricine își poate lua câteva minute din timpul său și poate veni cu 10 site-uri care arată foarte asemănătoare între ele. Este aceasta reflectarea comportamentului și preferințelor noastre online în continuă schimbare?

Consecvența designului și proiectarea pentru comportamentul obișnuit al utilizatorului este extrem de importantă în fiecare design, dar nu putem uita de valoarea de a fi unic. Am devenit leneși sau ne-am mutat gândurile de la unicitate și către o strategie mai eficientă pentru experiența utilizatorului?

Brutalism în Web Design

În durerea și lipsa de preocupare de a arăta confortabil sau ușor, brutalismul poate fi văzut ca o reacție a unei generații mai tinere la ușurința, optimismul și frivolitatea designului web minimalist omniprezent de astăzi.

Unii îl iubesc, alții îl urăsc și mulți alții pur și simplu nu înțeleg: site-urile brutaliste.

Luați Craigslist ca exemplu. Craigslist trebuie considerat „bunicutul” site-urilor web brutaliste. Nu este plăcut din punct de vedere estetic și nu ar fi niciodată prezentat pe www.awwwards.com. Text negru, linkuri albastre, fundal alb. Nu e frumos. Nu trebuie să fie pentru că funcționează - și funcționează foarte bine. Găsiți ceea ce aveți nevoie pentru a cumpăra sau a vinde fără niciun fel de agitație și fără piese în mișcare străine.

De la înființarea sa în 1996, Craigslist și-a menținut popularitatea în ciuda – sau poate din cauza – designului său extrem de utilitar. Designul nu s-a schimbat semnificativ în ultimii peste 20 de ani.

Inspirat probabil de exemplul lui Craigslist, stilul brutalist revine. Următoarele sunt exemple grozave de design-uri bine executate folosind stilul brutalist.

Aceste site-uri web brutaliste prind foarte mult. De ce sunt aceste site-uri dintr-o dată atât de populare? Oare pentru că unii designeri tocmai s-au săturat de omogenizarea web-ului?

În vremurile în care designul UX este de importanță primordială, în care comportamentul utilizatorului și o abordare care pune în primul rând conținutul este rege, UX-ul de pe aceste site-uri este rău (intenționat). Contrar principiilor minimalismului, aceste modele sunt în fața ta cu colaje de text și imagini în care aspectul este peste tot (din nou, intenționat).

O scurtă istorie a brutalismului

Stilul de design brutalist nu este nou. O căutare rapidă pe Wikipedia vă va spune că stilul provine de fapt de la arhitectura brutalistă din anii 1950 până la mijlocul anilor 1970. Este amuzant că brutalismul a fost urmat de mișcarea arhitecturală modernistă, unde minimalismul a fost cheia.

Le Corbusier a fost unul dintre cei mai mari pionieri ai acestei mișcări. Cariera sa s-a întins pe cinci decenii cu clădiri proiectate în Europa, Japonia, India și America de Nord și de Sud.

Termenul provine din cuvântul francez „ brut ” pentru „brut”, așa cum a descris Le Corbusier alegerea materialului „ beton brut ”, beton brut. Designul hiperfuncționalist părea conceput doar pentru a oferi utilitate – nu pentru a mulțumi – ca și cum ar fi dat degetul modernismului.

Brutalismul încearcă să se confrunte cu o societate de producție în masă și să scoată o poezie brută din forțele confuze și puternice care lucrează. Până acum, brutalismul a fost discutat stilistic, în timp ce esența lui este etică. –Alison și Peter Smithson, Noul brutalism, design arhitectural (aprilie 1957)

Modelele brutaliste resping în mod rotund aspectul, optând pentru funcție în detrimentul formei. Designerii brutali se mandresc cu executarea design-urilor cu efort minim si cele mai ieftine materiale disponibile, pentru a obtine un rezultat mai onest, anti-burghez.

Brutalismul în era digitală

Bloomberg a adoptat stilul în felul său pentru site-ul său de știri. Designul este aproape strident și se concentrează în mod clar pe funcționalitatea brută.

Brutalismul are o revenire solidă. Urât, brut, eliberat de designul convențional, efectele nebunești de hover și ornamentele superficiale sunt peste tot. Mulți puriști consideră această tendință dură, aspră, accidentată, inconfortabilă, conflictuală și cinica. Este. Dinadins.

Brutalismul are o abordare mai primitivă a designului și pune accentul înapoi în nucleul designului web: codul său. Brutalismul este adesea descris ca o tendință de design „urât”, dar trebuie să privim peste asta. Filosofia din spatele mișcării brutaliste nu este de a face lucrurile „urâte”, ci brute și neîmpodobite.

Am putea spune că site-urile brutaliste de astăzi se bazează pe rețeaua de bricolaj din anii '90, concentrându-se pe o abordare din interior în afară, în loc să ascundă funcționalitatea în spatele unei fațade frumoase.

Designul interfeței de utilizare pentru popularul site de partajare socială Reddit este fără scuze brut și încorporat, plin cu tipografie web de la sfârșitul anilor 90, comenzi grele nerafinate și aproape fără spațiu de respirație vertical.

Designerul Pierre Buttin a dus brutalismul la o nouă extremă cu o serie de aplicații mobile reproiectate. În cel mai recent proiect al său, intitulat Reproiectări brutale, Buttin redă Facebook, Instagram, Twitter și alte aplicații populare într-un stil brutalist, cu machete grele de text și modele aplatizate.

Brutalism vs. Minimalism

Brutalismul și minimalismul nu trebuie privite comparativ, ci ca un nou mod de a vedea lucrurile și o altă abordare a designului. Brutalismul este un impuls împotriva omogenizării site-urilor și aplicațiilor de astăzi, dar înainte ca designerii să poată începe chiar să proiecteze un site web folosind abordarea brutalistă, trebuie să știe mai întâi ce reguli vor încălca.

Designul convențional, minimalist nu va fi înlocuit de brutalism. Trebuie să privim brutalismul ca pe o cultură de design care provoacă status quo-ul – o cultură căreia s-a săturat să ni se spună ce este „cel mai bun”.

Nu există niciun drept sau greșit atunci când alegeți dintre aceste stiluri pentru următorul dvs. proiect. Cu toate acestea, înainte de a rămâne fără să vă proiectați următorul site web sau aplicație într-un stil de design brutal, asigurați-vă că vă cunoașteți publicul. Asumați-vă riscul dacă credeți că compania și publicul dumneavoastră îl vor aprecia.

Designul web brutal atrage atenția, iar gradul de cunoaștere a mărcii crește extrem de rapid. Regulile sunt facute pentru a fi incalcate. Îndrăznește să lași webul să fie web. Îndrăznește să ieși în evidență și să fii puțin îndrăzneț, chiar dacă puțin ciudat.

Spune-ne ce crezi! Vă rugăm să lăsați mai jos gândurile, comentariile și feedback-ul dvs.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Principiile designului și importanța lor
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Explorarea principiilor Gestalt ale designului
• Adobe XD vs. Sketch – Ce instrument UX este potrivit pentru tine?
• Cele 10 produse UX pe care le folosesc designerii de top