Ui Design
Brutalistisk webdesign, minimalistisk webdesign og fremtiden for web UX
Blir nettsteder mer kaotiske, rotete og uraffinerte? Brytes reglene for god design? Blir internett stygt? Er dette en ny trend?
Hvis du er som de fleste designere og følger nøye med på hva som skjer, har du hørt ordet brutalisme blir løslatt en stund. Brutalistiske nettsteder beveger seg vekk fra de brukervennlige grensesnittene som lenge har vært bransjens beste praksis og i stedet fokuserer på feil, håndkodede HTML-nettsteder. Det ser ut til at designere slipper reglene for UX slik vi kjenner dem, og lar alt føles litt kaotisk.
Slanke, moderne designprinsipper er så vanlige at vi neppe tenker på dem som et stilistisk valg. 'God' webdesign betyr generelt en som følger reglene for minimalisme. Rene, enkle og ryddige grensesnitt - men dette har ikke alltid vært tilfelle. La klokken snu noen tiår tilbake.
Nettets fødsel
Nettdesign har kommet langt siden 1991 da første nettside . Internettrevolusjonen begynte med sine første rent tekstbaserte nettsteder ved å bruke den første generasjonen av HTML.
Så kom Flash med alle de sprø animerte nettstedene som alle sikkert husker. Utviklingen av CSS (cascading style sheets) kom, og ga webdesignere enda mer kontroll over forbedringer som bakgrunnsfarge, tekststørrelse og tekststiler i kode. JavaScript ga oss rullegardin, avansert navigering og feilsjekkende nettskjemaer.
Først visste ingen hva 'webdesign' egentlig betydde, og pionerene på nettet etablerte designmønstre ved prøving og feiling. Den primitive epoken med webdesign brukte design som ikke tok hensyn til formell semantikk og tilgjengelighet, og valgte mer estetikk enn struktur.
For å bygge og strukturere layoutene deres, stolte designerne sterkt på HTML-elementer som tabeller, nestede tabeller og usynlige avstandsfiler med 1 piksel, og ga dem muligheten til å lage mer kompliserte flerkolonnelayouts. Laget noen ganske kjedelige grensesnitt.
På midten av 2000-tallet ble nettsteder født med mer nøye tenkning bak strukturen. Navigasjonen var øverst i nettleseren din, og kategoriene ble plassert i en venstre stolpe. Nettsider ble holdt korte og smale, med innhold spredt på mange sider for ikke å tvinge brukere til å bla. Designere lærte hva som fungerte og begynte å bygge bedre nettsteder, sette standarder og beste praksis underveis.
Med flere og flere designalternativer kom en blanding av støyende brukergrensesnitt pakket med bilder og tekst hele veien. Noen disiplinerte designere valgte imidlertid fortsatt minimalisme.
Den minimalistiske estetikken
Designtrender kommer og går; Imidlertid er minimalisme et designspråk som har eksistert over tid. Det er en designfilosofi som fokuserer på forenkling av form, oppnådd ved bruk av de enkleste og mest essensielle elementene i et design.
Minimalisme er ikke unikt for webdesign. Tenk på alle elementene rundt deg som omfatter det designidealet; det er enkelt å koble minimalistiske design med Nest, Apple, Herman Miller og mange andre som har inspirert mange [minimalistiske designere] (https://www.toptal.com/designers/digital).
Hva gjør Herman Miller Design flott i dag? De er rett og slett veldesignede gjenstander med et tidløst utseende. Designene deres sitter bra i moderne hjem og interiør, de føles fortsatt friske og moderne i dag. Mange av stykkene hennes er designet med et minimalistisk utseende og kan ikke knyttes til en bestemt måte. De holder fremdeles tidstesten.
De minimalistiske designene til en av de mest anerkjente grafiske designerne i sin tid, Josef Müller-Brockmann , ligner veldig på Herman. Miller: tidløs . Müller-Brockmann omfavnet og dominerte minimalisme i løpet av 1940- og 1950-tallet i form av sveitsisk designstil .
Alle fremmede eller fremmede dekorasjoner ble fjernet fra hans grafiske design; hvert element i designene hadde et formål. Designtanken bak denne tilnærmingen er det som gjør at minimalistiske digitale design fungerer så bra i dag.
Hvordan minimalisme ble etablert i den digitale tidsalderen
Historien finner alltid en måte å nå oss på. Som det gjorde i trykkdesign, ble minimalisme og filosofien bak den tilpasset webdesign og andre digitale gjenstander. Tenk hvordan nettsteder så ut for et par år siden med sine glødende knapper, linjer og avsnitt av tekst, alt skrikende etter oppmerksomhet.
Så kom den skeuomorf trend der designere designet elementer som etterlignet virkelige objekter i det digitale rommet. Husker du skinnpolstringen i iCal de Apple ?
De minimale designene er faktisk forsettlige. Det er en designtilnærming som fjerner alt unødvendig og fokuserer på elementene som skal tiltrekke seg mest oppmerksomhet vekt på innhold .
Fordelene med minimalistisk design
Den minimalistiske designtilnærmingen fanget opp av mange flere grunner enn bare utseendet. Vår større forståelse av brukeratferd, prosesser av designtenking og økningen av første innholdsdesignprosesser har bidratt til å fremme denne tankegangen. Den nylige massive veksten av mobilbrukere har vært et sterkt akselerasjonspunkt mot minimalisme, med større fokus på UX og brukervennlighet.
Nå som brukere når som helst får tilgang til Internett, produktdesignere De må fokusere på å tilby det som er helt essensielt i øyeblikkets sammenheng: de riktige tingene på riktig måte og til rett tid, der design kommer ned til de mest grunnleggende egenskapene.
Mobilbruk representerer nå mer enn halvparten av alle nettbesøk , og denne hastigheten vil bare øke. Responsiv design har endret spillereglene og tvunget designerne å 'tenke annerledes'. I dag mer enn noen gang er responsiv eller adaptiv design en nødvendighet i verden av mobile enheter, hvor en minimalistisk designtilnærming er av avgjørende betydning.
For den gjennomsnittlige brukeren synes minimalisme å være den enkleste tingen å designe. Å finne en perfekt balanse ved å bruke minst mulig visuelt innhold og bare konsentrere seg om de grunnleggende elementene med største eleganse er veldig, veldig vanskelig.
Fremtiden for minimalisme
Vi bør tenke på minimalisme som et tidløst konsept, som utstråler eleganse og raffinement, snarere enn en faktisk trend eller enkel godkjenningsfase. Selv om det er tidløst og klassisk, vil det utvikle seg og forbedre seg, som vi allerede har sett siden implementeringen tidlig på 1900-tallet.
For eksempel, Google Material Design det var en av de første store evolusjonene i den minimalisme-inspirerte 'flat' designtilnærmingen. Google-designere holdt ting enkle og minimale, men forbedret designspråket ved bruk av skyggeeffekter og begrepene bevegelse og dybde . Materiale omfavner flat design med en spesifikk vri: det etterligner materialer i den virkelige verden.
Ulempen med minimalisme
Som med andre elementer i livet, må vi alltid se på fordeler og ulemper. Mange hevder at dagens nettsteder mangler smak og stort sett er like. Du vet, et stort heltebilde eller video med tekstoverlegg, en rad med ikoner med tekst, etc. Hvem som helst kan ta et par minutter av tiden sin og komme opp med 10 nettsteder som ligner mye på hverandre. Er dette en refleksjon av vår stadig skiftende atferd og preferanser på nettet?
Konsistens i design og design for vanlig brukeratferd er ekstremt viktig i alle design, men vi kan ikke glemme verdien av å være unik. Har vi blitt lat eller har vi vendt tankene fra det unike til en mer effektiv brukeropplevelsesstrategi?
Brutalisme i webdesign
I sin robusthet og mangel på bekymring for å virke komfortabel eller lett, kan brutalisme sees på som en reaksjon fra en yngre generasjon på letthet, optimisme og lettsindighet i dagens allestedsnærværende minimalistiske webdesign.
Noen elsker det, andre hater det, og mange andre skjønner det ikke: brutalistiske nettsteder .
Tar Craigslist som et eksempel. Craigslist må betraktes som 'bestefar' til brutalistiske nettsteder. Det er ikke estetisk tiltalende og vil aldri dukke opp i www.awwwards.com . Svart tekst, blå lenker, hvit bakgrunn. Det er ikke søtt. Det trenger ikke være fordi det fungerer - og det fungerer veldig bra. Finn det du trenger å kjøpe eller selge uten oppstyr eller forvirring, og ingen rare bevegelige deler.
Siden grunnleggelsen i 1996 har Craigslist holdt seg populær til tross for - eller kanskje på grunn av - sin ekstremt utilitaristiske design. Designet har ikke endret seg vesentlig de siste 20 årene.
Kanskje inspirert av Craigslist-eksemplet, gjør den brutalistiske stilen et comeback. Følgende er gode eksempler på godt utførte design som bruker den brutale stilen.
Disse brutalistiske nettstedene fanger opp på en stor måte. Hvorfor er disse nettstedene plutselig så populære? Er det fordi noen designere ble lei av å homogenisere nettet?
I de dager da UX-design er viktigst, hvor brukeratferd og innholdsfokus først er konge, er UX på disse nettstedene dårlig (med vilje). I motsetning til prinsippene for minimalisme blir disse designene møtt med collager av tekst og bilder der designet er overalt (igjen med vilje).
En kort historie om brutalisme
Den brutalistiske designstilen er ikke ny. Et raskt søk videre Wikipedia vil fortelle deg at stilen faktisk kommer fra brutalistisk arkitektur fra 1950-tallet til midten av 1970-tallet. Morsomt det brutalisme har blitt fulgt av den modernistiske arkitektoniske bevegelsen hvor minimalisme det var nøkkelen.
Le corbusier han var en av de største pionerene i denne bevegelsen. Karrieren hans strakte seg over fem tiår med bygninger designet i Europa, Japan, India og Nord- og Sør-Amerika.
Begrepet kommer fra det franske ordet ' ekkelt ”For” rå ”, som Le Corbusier beskrev materialvalget” grov sement ”, Rå betong. Den hyperfunksjonelle designen virket bare designet for å gi nytte, ikke for å behage, som om den håndhilste med modernismen.
Brutalisme prøver å takle et masseprodusert samfunn, og det trekker rå poesi ut av de forvirrede og mektige kreftene på jobb. Inntil nå har brutalisme blitt diskutert stilistisk, mens essensen er etisk. - Alison og Peter Smithson, The New Brutalism, Architectural Design (april 1957)
Brutalist design avviser flatt utseende, og velger funksjon over form. Brutalistdesignere er stolte av å utføre design med minimal innsats og billigste materialene tilgjengelig , for å oppnå et mer ærlig og anti-borgerlig resultat.
Brutalisme i den digitale tidsalderen
Bloomberg har adoptert stilen på sin egen måte for nyhetssiden. Designet er nesten iøynefallende og fokuserer tydelig på rå funksjonalitet.
Brutalisme gjør et solid comeback. Stygg, rå, ingen konvensjonelle design, spenningseffekter og overfladiske utsmykninger er overalt. Mange purister anser denne trenden som hard, hard, robust, ukomfortabel, konfronterende og kynisk. Det er meningen.
Brutalisme tar en mer primitiv tilnærming til design og fokuserer kjernen i webdesign på nytt: koden. Brutalisme blir ofte fremstilt som en 'stygg' designtrend, men vi må se utover det. Filosofien bak den brutale bevegelsen er ikke å gjøre ting 'stygge', men grove og usmykket.
Vi kan si at dagens brutalistiske nettsteder er basert på DIY-nettet på 90-tallet, og fokuserer på en innadvendt tilnærming i stedet for å skjule funksjonalitet bak en vakker fasade.
UI design for populært nettsted for deling av sosiale medier Reddit Den er unapologetically rå og boksete, full av nettypografi på slutten av 90-tallet, tunge uraffinerte kontroller og nesten ikke noe rom for å puste vertikalt.
Designer Pierre Buttin har tatt brutaliteten til en ny ekstrem med en serie redesignede mobilapper. I hans siste prosjekt, med tittelen brutalistiske redesign Buttin lager Facebook, Instagram, Twitter og andre populære apper i en brutalistisk stil, med tunge tekstoppsett og flate oppsett.
Brutalisme vs. Minimalisme
Brutalisme og minimalisme skal ikke sees relativt, men som en ny måte å se på ting og en annen tilnærming til design. Brutalisme er en impuls mot homogenisering av nåværende nettsteder og applikasjoner, men før designerne De kan til og med begynne å designe et nettsted ved hjelp av den brutale tilnærmingen, de må først vite hvilke regler de skal bryte.
Det konvensjonelle og minimalistiske designet kommer ikke til å bli erstattet av brutalisme. Vi må se på brutalisme som en designkultur som utfordrer status quo, en kultur som er lei av å bli fortalt hva som er 'best'.
Det er ikke noe riktig eller galt når du velger mellom disse stilene for ditt neste prosjekt. Før du går ut av virksomheten og designer din neste nettside eller app i en brutal designstil, må du imidlertid sørge for at du kjenner publikum. Ta risikoen hvis du tror selskapet og publikum vil sette pris på det.
Brutalt webdesign vekker oppsikt og merkevarebevissthet vokser enormt raskt. Regler er til for å brytes. Tør å la nettet være nettet. Tør å skille seg ut og være litt dristig, selv om det er litt rart.
