Mindre er mer Grunnleggende om minimalistisk webdesign

Å bekjempe kampen mot rot er noe hver designer forplikter seg, enten det er på eget nettsted eller når han designer for en klient. Ditt nettsteds design bør forbedre nettstedets formål ved å fokusere på innholdet og være brukbart av alle. Å ta ekstra tid for å sikre at ingen detaljer blir igjen oversett vil gi et effektivt og attraktivt nettsted.

Definer nettstedets formål

"Nettstedet ditt trenger et klart definert formål for å eliminere forvirring fra starten ...

Første ting først - før du åpner favorittgrafikprogrammet ditt for å designe ditt varme nye, minimale nettsted, må du oppdage hva nettstedet skal brukes til. Nettstedet ditt trenger et klart definert formål for å eliminere forvirring fra starten ved å ha et enkelt, sterkt fokuspunkt. Det kan være å vise prisbelønte fotografier til potensielle kunder, dele breaking tech nyheter eller brukt til å selge håndlaget pet leker. Begynn med å gjøre en enkel setning:

Mitt nettsted trenger ______________________________________.

  • Opplær tenåringer på farene ved teksting og kjøring
  • Showcase-vinnende bilder til potensielle kunder
  • Selg håndlaget, premium hundeleker

Ved å tydelig definere en hensikt tidlig, vil du kunne bruke den til å holde designen din på rette spor. Når du jobber gjennom designelementene, fortsett å stille deg selv spørsmål som:

  • Vil dette komplimentere og styrke mitt nettsteds formål?
  • Er dette virkelig nødvendig, eller fyller jeg bare plass?
  • Vil dette være distraherende fra min side formål?

Alt du legger til på nettstedet som ikke forsterker ditt sanne formål, kan være en forstyrrelse, svekke din generelle melding. De ekstra elementene må komplimentere fokuset ditt.

Nettstedet ditt som selger høypresterende pogo-pinner, trenger ikke å inkludere en link til lagerfotografiporteføljen din, uansett hvor fantastisk det er.

Dette er ikke tiden for ting du vil ha på nettstedet ditt, det er det som trengs, som er virkelig viktig. Du har bare noen få sekunder til å overbevise de besøkende om å holde fast og lese meldingen.

Svett de små tingene

Hver detalj har betydning, det du fjerner fra ditt design, er like viktig som det du legger til.

Grunnleggende er bare det grunnleggende. Alle designansvarlige blir mye viktigere for å forstå og implementere når rot og unødvendige gjenstander fjernes, skyver meldingen til forkant.

Feil forstørres med rene, enkle, minimal design. Å sørge for at du har studert grunnlaget for design er viktig når det gjelder å plassere elementer på siden og knytte dem til hverandre. Alt du trenger trenger planlegging og formål - bare fordi det er plass til "en ting" betyr ikke nødvendigvis at det må være noe der.

Mange om ikke alle design prinsipper gjelder for rene, enkle, minimal stil design, men sørg for å få disse ned fra begynnelsen:

Enhet

Sideelementene dine må komme sammen og passer godt sammen for å forbedre den overordnede designen. Elementer som skiller seg ut for å fange oppmerksomheten på siden, må skille seg ut fordi du vil at de skal, ikke fordi de ikke er i tråd med de andre elementene på siden.

Enkle fargeskjegg legger interesse for et sort / hvitt fargevalg og trekker øyet fra logoen helt inn i kreativ, smart og morsom.

mellomrom

Elementer på siden trenger plass til å puste. Det kan virke logisk for deg, og du kan gjøre det uten å tenke, men vanlige forespørsler fra klienter synes å være:

  • "La oss legge til en ting til, det ser ut til å være mye ekstra plass her ..."
  • "Det er rom under menyen, flytt det opp slik at vi kan legge til ..."
  • "Det er et gap langs sidene av nettstedet, vi bør også inkludere ..."

Ved å gi opp verdifull mellomrom mellom elementer blir stedet trangt og elementene begynner å løpe sammen, og gir ikke øynene en nødvendig pause som bidrar til å definere separate områder.

Web Creme har et begrenset antall annonser, men plasserer dem i et område med størst innvirkning.

Justering

Det er mange måter å justere objekter på en side, men med en ren, enkel, minimal design, hvis noe er enda en piksel eller to av det, blir det mye lettere å se.

Bruk et rutenett for å holde alt du trenger justert, kvadret bort og perfekt. De er flotte fra å skisse ut et design hele veien til utvikling med mange rammer å velge mellom.

Subtilitet ikke din ting? Lag en umiddelbar innvirkning ved å velge en dristig farge for å kompliment ditt design.

hierarki

Med mange nettsteder har du bare noen få sekunder å formidle meldingen din eller hjelpe med å lede en bruker hvor du vil at de skal gå.

Måten du bruker forskjellige størrelser og vekter av elementer, skaper en sti, som fører brukeren gjennom siden, som vanligvis slutter i et anrop til handlingsområde. Når brukerne trives, går de i riktig retning, men de fortsetter videre, men hvis de er forvirret med hva som skjer, kan de bli frustrert.

Pandaweb bruker whitespace for å holde besøkende oppmerksom på salgsfeltet.

Fjern unødvendig

Hva er den beste måten å finne og eliminere unødvendige elementer? Ved å ikke legge dem i første omgang! Tilbring ekstra tid på å planlegge ut nettstedet og definere formålet tidlig på å eliminere statister som bare fyller på plass.

I løpet av designprosessen bruker du rikelig med tid på å gå gjennom hvert element på nettstedet ditt og spør - trenger jeg virkelig dette? Din hensikt eller fokus kan skifte litt underveis, så det er en god ide å fortsette å spørre deg selv når du beveger deg.

Hvis du har tilgang til en testgruppe, kan du prøve å bruke klikksporingsprogramvare på et teststed for å finne elementer som aldri blir brukt. Se på ubrukte elementer og avgjør om du kan fjerne dem eller plassere dem på et annet sted.

Husk at å skape en ren, enkel, minimal design gjør at sinnet kan komme ned til det grunnleggende, viser dine besøkende hva du har å tilby og få meldingen på tvers på den mest effektive måten.

Brukervennlighet er ikke valgfritt

Det er ingen god grunn til å velge design over brukervennlighet, de vil jobbe sammen perfekt hvis de utføres riktig. Et godt utformet, brukervennlig nettsted vil holde besøkende rundt lenger og oppfylle nettstedets endelige formål å vise innholdet ditt og levere meldingen effektivt.

Et nettsted som er enkelt og behagelig å bruke, vil nesten føle seg som om det leser brukerens sinn og det blir enkelt og morsomt å surfe.

Ikke vær redd for å være kreativ med nye stiler og teknikker, men vær bevisst på felles funksjonalitet og plassering av elementer som du kan ta for gitt:

  • Lenker skal være enkle å identifisere og klikke på
  • Alltid gi en måte å gå hjem
  • Slå aldri av tilbakeknappen
  • Legg til tette knapper til innhold i popup-vinduer
  • Angi hvilken side brukeren er på

Noen mennesker knytter rene, enkle, minimal design med miniatyrtekst og nesten ubrukelige elementer på en tom side. Noen av de mest grunnleggende retningslinjene blir ofte oversett når du designer nye nettsteder:

  • Navigasjonen skal være konsistent og intuitiv til bruk
  • Innholdet skal leses med klart definerte overskrifter
  • Koden skal være ren og overholde de nyeste webstandardene
  • Sørg for at nettstedet ditt vises og fungerer riktig på alle nettlesere

Finne problemer

Mens noen ting ser bra ut i designfasen, når du får nettstedet i nettleseren din, kan du avdekke bruksproblemer du aldri har lagt merke til mens designen var i Photoshop.

En fin måte å faktisk finne ut hvordan nettstedet brukes, er å fange en frivillig og se over skulderen eller (med deres tillatelse) bruke et verktøy for deling av skrivebord hvis du ikke er i samme fysiske plassering.

Gi dem en liste over oppgaver og se nøye på for å se om de lett blir oppnådd:

  • Kjøp en bok fra butikken min
  • Kontakt meg for en avtale
  • Finn ut om min bakgrunn

Du kan bli overrasket over hvordan ulike mennesker kan tolke forskjellige områder av nettstedet eller stiene de kan ta. Se dem nøye, men gi ikke noen hjelp eller tips underveis.

  • Vil de vite hvor de skal klikke?
  • Blir de tapt på et bestemt område?
  • Klager de på et designelement og tenker det vil bringe dem til en ny side?
  • Har de det vanskelig å klikke på et lite ikon?

Ta notater på områder de kan slite på og finne måter å forbedre. Ikke bli defensiv eller sint hvis problemer blir funnet på nettstedet. Bruk den nye kunnskapen til å forbedre arbeidet ditt og bære den kunnskapen på fremtidige prosjekter.

Men jeg liker farge!

Å skape en ren, enkel, minimal design betyr ikke at du må sitte fast i svart og hvitt eller med et kjeft og uinteressant sted, bare lære å forenkle fargevalgene dine. Det er to hovedruter å ta når man legger til farge:

Farge splash

Med små popper av farge, vil dine besøkende øyne umiddelbart vite at området med farge er viktig. Bruk dette til din fordel ved å bruke den til å male en sti for øynene som skal følges.

CSS-rammer som 960.gs-systemet gir en måte å holde alt perfekt justert.

Enkel, men fet

Et dristigere valg kan være å gjøre fargestillingen din i bakgrunnen med en sterk farge. Fet kan være distraherende, så sørg for at du ikke tar bort meldingen fra nettstedet ditt, noe som gjør det vanskelig å lese eller ubrukelig, men dette vil definitivt få nettstedet ditt lagt merke til.

Elementene i Finch føles som om de alle hører til på siden og arbeider sammen.

Det er ikke for alle

Nesten alle vil ha nytte av et nettsted med sterkt fokus, men en ren, enkel, minimal stil er ikke for alle.

Nettsted tema forfattere - Ofte får du bare noen få sekunder før en kjøper bestemmer seg for om de vil bruke tid på å se på nettstedet du opprettet. Viser kun en super minimal design som det eneste layoutalternativet kan registrere som "grunnleggende" og bli tenkt på umiddelbart som mangler i funksjoner. Du må kanskje bare vise forskjellige nivåer av hva som er mulig på områder og la dem bestemme om du vil bruke funksjonen eller ikke.

Ad Heavy Sites - Den rene, enkle, minimalistiske stilen vil nok ikke være best egnet for nettsteder som er avhengige av annonsering, med mindre du har svært forstående annonsører som tilpasser seg til din stil. Et bedre alternativ kan være å plassere færre annonser, men finne dem i et område som vil bli klikket på det meste.

Sofa bruker en omvendt pyramide med informasjon som leder deg ned fra oversikten, bedriftsoversikten og inn i tjenestene de tilbyr.

Å finne en balanse

Å innse at vi ikke alle får full kreativ kontroll over hvert designprosjekt, prøv å finne en balanse med kundene dine.

Når du forklarer hvorfor du utformet et nettsted på en bestemt måte, kan du se andre nettsteder som gjør ting riktig og forklare hvorfor det fungerer og hvorfor deres nettside er en suksess.

Forklar hvordan de har nytte og hvordan du kan. Vis dem de positive resultatene og svarene det andre nettstedet har mottatt på grunn av de gode designvalgene, og ta ekstra tid for å sikre at alle besøkende har et brukbart, effektivt nettsted.