Hvordan lage den perfekte nettsiden for en enkelt side
Enkelttsideutforminger kan være en utmerket teknikk for å takle mindre nettsteder, selv de som du kanskje ikke tror, kan noen gang gjøres uten flere sider. Det er mange gode grunner til å bruke et enkelt nettsted, fra enkel vedlikehold til redusert båndbreddebehov.
Hvis du takler et kortere nettsted, en som vanligvis vil ha en håndfull sider, bør du vurdere å bruke en enkelt side, og se om det vil gjøre prosjektet enklere og mer brukervennlig. Les videre for mer informasjon om fordelene, når (og når ikke) å bruke dem, og noen gode fremgangsmåter du bør følge.
Fordelene ved enkeltsidesdesign
Åpenbart er single-sidedesigner ikke ideelle for hvert prosjekt. Men det er mange grunner til å bruke dem hvis de er en mulig passform.
De er intuitive å bruke
Som standard må alt en bruker trenger å vite for å navigere på en enkelt side, hvor du skal bla. Du kan inkludere piler eller andre navigeringsanvisninger, men med sjeldne unntak vil det bare føre til besøkende fra en seksjon til den andre.
Du trenger aldri å bekymre deg for at dine besøkende blir sittende fast i flere lag med navigering, uendelig søker etter det de trenger. Bruken av en header eller andre navigasjonsledd er ofte nyttig hvis det er flere seksjoner på siden, men selv uten dem kan nettstedet brukes.
Det kan være raskere og enklere å vedlikeholde
Selv om dette ikke er et gitt, vil et velkodet enkelttsidetone trolig bli raskere å kode enn et flersidet nettsted. Designprosessen kan noen ganger ta mindre tid, men det avhenger av hvor kompleks den enkle siden skal være.
Et enkelt sideområde kan også pålegge bestemte designrestriksjoner som øker prosessen når du har en grunnleggende layout i tankene. Moreso enn et flersidet nettsted, et nettsted med en side må ha seksjoner som fungerer sømløst sammen. Den slags begrensning kan virkelig øke hastigheten på sideutvikling når du har klart definert hva du kan og ikke kan gjøre.
Vedlikehold kan også være lettere. Når du bare har en enkelt side å håndtere, er vedlikehold mer strømlinjeformet, så lenge koden er skrevet godt til å begynne med.
Du er tvunget til å forenkle
Denne bygger opp forrige punkt. Når du bare har en enkelt side å jobbe med, må du forenkle ting til de viktigste komponentene. Ikke flere sider og sider med ubrukelig markedsførings propaganda. Du må komme til poenget med en gang.
Bedre SEO potensial
Kvalitet inngående linker er en stor del av hvor godt et nettsted utfører i søkemotorer. Selv om søkemotorer ikke nødvendigvis er den største trafikkilden for mange nettsteder, er de fortsatt viktig.
Ved å bare ha en side, har du bare en side knyttet til. Det kan øke betydningen av nettstedet så langt som søkemotorer går.
Historiefortelling kan øke handlingen
Enkelsidede nettsteder bruker ofte en fortellingsvinkel som flere sider ikke er like gode til. Dette kan øke konverteringer og inspirere besøkende til å gjøre noe.
Folk er vant til å følge historier, både online og offline, så dette har åpenbare fordeler med brukeropplevelsen. Vi har lest og hørt historier siden vi var barn, så det er noe som kommer naturlig til oss.
Lettere å organisere
Det er ikke flere endeløse lister over sider og undersider å organisere. Ikke lenger lurer på om denne siden eller siden skal være foreldre eller barn. Ikke flere store navigasjonsmenyer og undermenyer. Det er alt på en side. Og om du bestemmer deg for å inkludere navigasjonslinker, eller bare la brukerne bla, er det opp til deg og om du tror det vil legge til brukeropplevelsen eller ikke. Det er bare ikke et alternativ når et nettsted har flere sider.
Redusert båndbredde
Selv om dette ikke er så mye av et problem på hosting-slutten lenger, bør du vurdere hvor mange brukere som får tilgang til nettstedet ditt ved hjelp av mobilenheter i disse dager. Redusere mengden båndbredde nettstedet ditt tar, er verdsatt av brukere med begrensede dataplaner.
Eliminer mobile nettsteder
Responsive design er selvfølgelig ikke begrenset til enkeltsidene. Men jo mer komplisert et nettsted er, jo vanskeligere er det å få det til å fungere godt på en mindre skjerm, selv med en responsiv design. Et nettside er nødvendigvis ikke komplekst. Å gjøre designen responsiv er generelt lettere. Forenklet navigering og lignende endringer gjør også et design som fungerer bra på små skjermer lettere.
Til parallax eller ikke til parallax?
Avhengig av synspunktet ditt, er parallaxrulling det beste å noen gang skje med internett, eller en overbrudd, gimmicky plager på våre nettlesere. Men uansett hvor du står, ser det ikke ut som om det kommer til å forsvinne helst snart.
Personlig føler jeg at det er en tid og et sted for parallaxrulling. Noen nettsider kan virkelig dra nytte av effekten, mens andre kommer over som gimmicky, eller verre: vanskelig å bruke. Nøkkelen er å avgjøre om parallaxrulleeffekten du vil bruke, er noe som faktisk vil øke brukervennligheten til nettstedet, eller hvis du bare vil bruke den fordi den vil se kult ut.
En annen ting å vurdere hvis du bestemmer deg for at du vil bruke parallaxrulling, er om du vil bruke JavaScript eller en vanlig CSS-teknikk for å gjøre det. Se ressursdelen for mer om begge alternativene.
Når skal du bruke et enkelt nettstedsside, og når ikke til
Selv om det er mange fordeler med enkeltsidene, er de ikke en perfekt løsning i en størrelse. Det er mange ganger når du ikke skal bruke en enkeltsidedesign, mens det er mange andre ganger hvor en enkelt side-side gir mye mer mening enn en flersidet.
Hvis du setter opp et nettsted som bare vil ha en håndfull sider uansett, kan et enkelt nettsted være perfekt. Kondensering av alt på en side kan gi det overordnede nettstedet et mer moderne utseende, og hvis det er lett på innhold uansett, kan et enkelt side-nettsted få det til å se ut som det har mer substans.
Et annet vanlig eksempel på nettsiden er pre-launch nettsiden. Dette er, oftere enn ikke, en enkelt side, ofte med et skjema for nyhetsbrev påmelding. I de fleste tilfeller kan informasjonen som tilbys til publikum under pre-lanseringen enkelt organiseres på en enkelt side, så det er fornuftig å vurdere denne stilen først når du designer disse sidene.
Énprodukt-e-handelsnettsteder er et annet sted hvor enkeltsider kan være flotte. Hvis du bare selger ett produkt, enten det er et fysisk produkt eller en digital, så hvorfor bry deg med flere sider? Et enkelt, enkelttside kan være et mye bedre salgsverktøy.
Du kan kanskje tro at et mer komplisert e-handelsnettsted ikke passer bra for et enkelt sideområde, men det kan fortsatt være. Gitt, jeg ville unngå det for nettsteder som har mer enn et dusin eller så produkter, men en enkel nettbutikk kan enkelt holdes på en enkelt side, med modale vinduer for lasting av produktdetaljer og kassen.
Når du ikke skal bruke en enkelt side, er det ganske enkelt: Nettsteder som er store, komplekse eller som standard må ha store mengder informasjon, passer ikke til et enkelt nettsted. I slike tilfeller er du mye bedre med en mer tradisjonell nettstedstruktur.
Hybridsteder
Selv om det er massevis av flotte enkeltsidelsider der ute, er det også mange hybridtypesider. De gir inntrykk av en enkelt side, men ved hjelp av ajax, modale vinduer og lignende, inneholder de faktisk flere sider med innhold.
Dang & Blast-området er et godt eksempel på dette.
Disse kan være en fin løsning hvis du bare ikke kan få alt for å passe på en enkelt side.
Noen nettsteder slags "juks" når det gjelder den enkelte siden. De har en enkelt side for deres hovedwebside, men så har en blogg på et annet domene (noen ganger et Tumblr eller WordPress.com-vert nettsted). Det er ikke noe galt med dette, og det kan være en måte å holde meldingen på hovedsiden fokusert uten å gi fordelene med å ha en blogg.
Beste praksis for enkeltsidene
De fleste prinsippene for god design er fortsatt anvendbare på enkeltsider, som de har med noe godt nettsteddesign. Men det er noen ekstra ting du trenger å huske på, hvorav noen allerede har blitt rørt ovenfor.
Hold det enkelt
Forsøker å lage et design som er for komplekst for innholdet du prøver å presentere, gjør ikke deg eller dine brukere noen favoriserer. I stedet forenkle både design og innhold så mye som mulig, samtidig som du presenterer det du trenger.
Navigasjonskoblinger er fortsatt nyttige
Bare fordi brukere kan rulle for å navigere på nettstedet ditt, betyr det ikke at det er den mest brukervennlige måten å gjøre det på. Dette gjelder spesielt hvis du har en lang side med mange seksjoner. Med mindre det er en veldig god grunn til ikke å inkludere dem, legger du til navigasjonsforbindelser til bestemte seksjoner, slik at nettstedet ditt blir mer brukervennlig.
Del opp innholdet ditt
En enkelt side betyr ikke at alt må være en lang seksjon. Faktisk bør det ikke være. Del innholdet ditt i logiske biter og seksjoner slik at brukerne bedre kan finne det de leter etter.
Gjør noe med all den bakgrunnen
Enkelttsider har en tendens til å ha stor bakgrunn. Tildelt, noen ganger blir bakgrunnene stående eller med et repeterende mønster; men andre nettsider utnytter all den plassen til å gjøre noe kreativt. Dette kan også bidra til å dele opp innholdet ditt, som allerede nevnt. Din bakgrunn trenger ikke å være ett enkelt bilde. Det kan være en serie bilder, hvis det passer bedre med innholdet ditt.
Ressurser for nettstedene dine for enkeltsider
Det finnes hundrevis av ressurser, inkludert maler, for enkeltsider der ute; men her vil vi fokusere på de som skiller seg ut.
Ren CSS Parallax Scrolling : Denne artikkelen fra Keith Clark forklarer hvordan man lager en parallax-rulleteknikk ved hjelp av bare CSS. Dette er et flott alternativ hvis du ikke vil bruke JavaScript (eller vet egentlig ikke hvordan).
Skrollr : "Parallax ruller for resten av oss". Det er et frittstående bibliotek som fungerer med mobil og skrivebord. Det er ikke nødvendig med jQuery, bare ren gammel JavaScript.
Stellar.js : Stellar.js er et annet lett å bruke parallax rullende bibliotek. Den tilbyr mange konfigurasjonsalternativer og iOS-støtte.
One Page Website Wireframes : Dette settet med wireframes for single page designs kan være et godt utgangspunkt hvis du er usikker på hvordan du skal strukturere nettstedet ditt. De er gratis å laste ned. Det er et annet sett du kan laste ned her .
One Page Love : One Page Love er den fremste nettsiden for et nettsted, med mer enn 5000 eksempelsider, og legger til mer hele tiden. De har også tonnevis av maler og andre ressurser.
Start Bootstrap : Start Bootstrap har et stort utvalg av gratis ensidige Bootstrap-temaer. Det er temaer for byråer, frilansere, porteføljer, destinasjonssider og mer.
One Page Love Maler : I tillegg til deres omfattende galleri, tilbyr One Page Love også både gratis og premium maler.
One Page Mania : One Page Mania tilbyr et galleri av både unike nettsteder og maler du kan laste ned eller kjøpe.
Konklusjon
Enkelttside design kan være et utmerket alternativ for mange forskjellige typer nettsteder. Selv om de ikke er det aller beste og alle små nettsteddesigner, er de verdt å vurdere på mange prosjekter. Vurder årsakene til å bruke en enkelt side, og vurder deretter årsakene til ikke, og avgjør derfra.