Sådan designes den perfekte enkelt side hjemmeside
Enkelt side design kan være en fremragende teknik til at håndtere mindre websteder, selv dem, du måske ikke tror, nogensinde kunne gøres uden flere sider. Der er mange gode grunde til at bruge en enkelt side side, fra let vedligeholdelse til reduceret båndbredde behov.
Hvis du takler et kortere websted, en der normalt har en håndfuld sider, overvej at bruge en enkelt side, og se om det vil gøre projektet nemmere og mere brugervenligt. Læs videre for mere information om fordelene, hvornår (og hvornår ikke) at bruge dem, og nogle bedste fremgangsmåder du bør følge.
Fordelene ved et enkelt side design
Det er klart, at enkeltsidesigner ikke er ideelle til hvert projekt. Men der er en lang række grunde til at bruge dem, hvis de er mulige.
De er intuitive at bruge
Som standard skal alle en bruger vide, at man skal navigere på en enkelt side, hvor man skal rulle. Du kan inkludere pile eller andre navigeringsanvisninger, men med sjælden undtagelse vil det bare med at rulle dine besøgende fra et afsnit til et andet.
Du behøver aldrig bekymre dig om dine besøgende, der sidder fast i flere lag af navigation, uendeligt at søge efter, hvad de har brug for. Brugen af en header eller andre navigationslinks er ofte nyttig, hvis der er flere sektioner på siden, men selv uden dem kan webstedet bruges.
Det kan være hurtigere og lettere at vedligeholde
Selvom denne ikke er en given, vil en velkodet enkelt side side sandsynligvis være hurtigere at kode end et flersidet websted. Designprocessen kan nogle gange tage mindre tid, selvom det afhænger af, hvor komplekst den enkelte side skal være.
En enkelt side side kan også pålægge visse design begrænsninger, der fremskynder processen, når du har et grundlæggende layout i tankerne. Moreso end et flersidet websted, en side med en side skal have sektioner, der fungerer problemfrit sammen. Den slags begrænsning kan virkelig fremskynde sideudvikling, når du har klart defineret, hvad du kan og ikke kan gøre.
Vedligeholdelse kan også være lettere. Når du kun har en enkelt side at håndtere, er vedligeholdelse mere strømlinet, så længe din kode er skrevet godt til at begynde med.
Du er nødt til at forenkle
Denne udbygger det forrige punkt. Når du kun har en enkelt side til at arbejde med, skal du forenkle tingene til deres mest vigtige komponenter. Ikke flere sider og sider med ubrugelig marketing propaganda. Du er nødt til at komme til punkt med det samme.
Bedre SEO potentiale
Kvalitet indgående links er en stor del af, hvor godt en hjemmeside udfører i søgemaskiner. Selvom søgemaskiner ikke nødvendigvis er den største trafikkilde for mange websteder, er de stadig vigtige.
Ved kun at have en side, har du kun en side, der er knyttet til. Det kan øge betydningen af webstedet for så vidt søgemaskinerne går.
Fortælling kan øge handlingen
Enkelsidesider bruger ofte en fortællingsvinkel, som flere sider ikke er så gode til. Dette kan øge konverteringer og inspirere besøgende til at handle.
Folk er vant til at følge historier, både online og offline, så dette har indlysende brugeroplevelsesfordele. Vi har læst og hørt historier siden vi var børn, så det er noget der kommer naturligt til os.
Nemmere at organisere
Der er ikke flere endeløse lister over sider og undersider at organisere. Ikke mere spekulerer på, om denne side eller den side skal være forælder eller et barn. Ikke flere store navigationsmenuer og undermenuer. Det er alt på en side. Og om du beslutter at inkludere navigeringslinks, eller bare lad brugerne rulle, er op til dig, og om du tror, det vil føje til brugeroplevelsen eller ej. Det er bare ikke en mulighed, når et websted har flere sider.
Reduceret båndbredde
Selvom dette ikke er så meget af et problem på hosting-siden, skal du overveje, hvor mange brugere der i dag får adgang til dit websted ved hjælp af mobilenheder. At reducere mængden af båndbredde dit websted tager, er værdsat af brugere med begrænsede dataplaner.
Eliminer mobile websteder
Responsivt design er selvfølgelig ikke begrænset til enkeltsider. Men jo mere komplekse et websted er, jo vanskeligere er det at få det til at fungere godt på en mindre skærm, selv med et lydhørt design. Et websted med en side er nødvendigvis ikke kompleks. At gøre designet følsomt er generelt lettere. Forenklet navigation og lignende ændringer gør også et design, der fungerer godt på små skærme lettere.
Til parallax eller ikke til parallax?
Afhængigt af dit synspunkt er parallaxrulning det bedste, der nogensinde sker for internettet, eller en overbrugt, gimmicky plage på vores browsere. Men uanset hvor du står, ser det ikke ud som om det snart vil forsvinde.
Personligt føler jeg mig som om der er en tid og et sted til parallaxrulning. Nogle sider med en side kan virkelig drage fordel af effekten, mens andre kommer på tværs som gimmicky eller værre: svære at bruge. Nøglen er at afgøre, om parallax scroll-effekten du vil bruge, er noget, der rent faktisk vil forbedre anvendeligheden af webstedet, eller hvis du kun vil bruge den, fordi den vil se cool ud.
En anden ting at overveje, hvis du beslutter dig for at bruge parallax scrolling, er, om du vil bruge JavaScript eller en almindelig CSS-teknik til at gøre det. Se afsnittet om ressourcer for mere om begge muligheder.
Hvornår skal du bruge et enkelt sidested, og hvornår det ikke skal
Selv om der er mange fordele for enkeltsidensider, er de ikke en perfekt løsning i en størrelse. Der er masser af gange, når du ikke skal bruge et one-sidedesign, mens der er mange andre gange, hvor en enkelt side-side giver meget mere mening end en flersidet.
Hvis du opsætter et websted, der kun vil have en håndfuld sider alligevel, så kan et enkelt side-websted være perfekt. Kondensering af alt på en side kan give det overordnede websted et mere moderne udseende, og hvis det er let på indhold alligevel, så kan et enkelt sidested få det til at se ud som om det har mere stof.
Et andet almindeligt eksempel på siden med en side er pre-launch-webstedet. Disse er oftest en enkelt side, ofte med en blanket til tilmelding til nyhedsbrev. I de fleste tilfælde kan de oplysninger, der leveres til offentligheden under pre-launch, nemt organiseres på en enkelt side, så det er fornuftigt at overveje denne stil først, når de designer disse sider.
Énprodukt-e-handelssites er et andet sted, hvor enkeltwebsider kan være gode. Hvis du kun sælger et produkt, hvad enten det er et fysisk produkt eller en digital, så hvorfor genere med flere sider? En enkel, enkelt side side kan være et meget bedre salgsværktøj.
Du tror måske, at et mere komplekst e-handelswebsted ikke passer godt til et enkelt websted, men det kan stadig være. Tilladt, jeg ville undgå det for websteder, der har mere end et dusin eller så produkter, men en simpel netbutik kan nemt afholdes på en enkelt side med modale vinduer til indlæsning af produktdetaljer og checkoutprocessen.
Når du ikke skal bruge en enkelt side, er det ret nemt: websteder, der er store, komplekse eller som standard skal have store mængder information, er ikke egnet til et enkelt websted. I så fald er du meget bedre med en mere traditionel webstedsstruktur.
Hybridsteder
Selv om der er masser af gode enkeltsider derude, er der også mange hybridtypesider. De giver indtryk af en enkelt side, men ved hjælp af ajax, modal windows og lignende indeholder de faktisk flere sider med indhold.
Dang & Blast site er et godt eksempel på dette.
Disse kan være en god løsning, hvis du bare ikke kan få alt for at passe på en enkelt side.
Nogle steder slags "snyde" når det kommer til den enkelte side. De har en enkelt side til deres hovedwebsted, men så har en blog på et andet domæne (nogle gange et Tumblr eller WordPress.com-hostet websted). Der er intet galt med dette, og det kan være en måde at holde din besked på dit hovedwebsted fokuseret uden at give fordelene ved at have en blog.
Bedste praksis for sider med enkeltside
De fleste af principperne om godt design gælder stadig på enkeltsider, da de er med et godt website design. Men der er nogle ekstra ting, du skal huske på, hvoraf nogle allerede er blevet rørt ovenover.
Hold det simpelt
Forsøger at lave et design, der er for komplekst til det indhold, du forsøger at præsentere, gør dig eller dine brugere ikke nogen favoriserer. I stedet forenkler både dit design og dit indhold så meget som muligt, mens du stadig præsenterer det, du har brug for.
Navigationslinks er stadig nyttige
Bare fordi brugere kan rulle for at navigere på dit websted, betyder det ikke, at det er den mest brugervenlige måde at gøre det på. Dette gælder især hvis du har en lang side med mange sektioner. Medmindre der er en meget god grund til ikke at medtage dem, tilføjer navigationskoblinger til bestemte sektioner dit websted mere brugervenligt.
Opdele dit indhold
En enkelt side betyder ikke, at alt skal være et langt afsnit. Faktisk bør det ikke være. Opdel dit indhold i logiske klumper og sektioner, så brugerne bedre kan finde det, de leder efter.
Gør noget med al den baggrund
Enkelsidesider har tendens til at have store baggrunde. Tilladt, undertiden er disse baggrunde efterladt almindeligt eller med et gentagende mønster; men andre sider på én side udnytter alt det rum til at gøre noget kreativt. Dette kan også medvirke til at opdele dit indhold, som allerede nævnt. Din baggrund behøver ikke at være et enkelt billede. Det kan være en serie af billeder, hvis det passer bedre til dit indhold.
Ressourcer til dine enkeltsider
Der er hundredvis af ressourcer, herunder skabeloner, til websider på en side derude; men her vil vi fokusere på dem der skiller sig ud.
Ren CSS Parallax Scrolling : Denne artikel fra Keith Clark forklarer, hvordan man opretter en parallax-rulningsteknik, der kun bruger CSS. Dette er en god mulighed, hvis du ikke vil bruge JavaScript (eller ved ikke rigtig hvordan).
Skrollr : "Parallax ruller for resten af os". Det er et frittstående bibliotek, der arbejder med mobil og desktop. Der kræves ingen jQuery, bare almindelig JavaScript.
Stellar.js : Stellar.js er et andet nemt at bruge parallax scrolling bibliotek. Det tilbyder mange konfigurationsmuligheder og iOS-support.
One Page Website Wireframes : Dette sæt wireframes til single page designs kan være et godt udgangspunkt, hvis du er usikker på, hvordan du strukturerer dit websted. De er gratis at downloade. Der er et andet sæt, du kan downloade her .
One Page Love : One Page Love er den førende websider på et side med mere end 5000 eksempler på websteder og tilføjer mere hele tiden. De har også tonsvis af skabeloner og andre ressourcer.
Start Bootstrap : Start Bootstrap har et stort udvalg af gratis one-page Bootstrap temaer. Der er temaer for agenturer, frilansere, porteføljer, destinationssider og meget mere.
One Page Love Skabeloner : Ud over deres omfattende galleri tilbyder One Page Love også både gratis og premium skabeloner.
One Page Mania : One Page Mania tilbyder et galleri af både unikke websteder og skabeloner, du kan downloade eller købe.
Konklusion
Enkelt side design kan være en glimrende mulighed for mange forskellige typer af hjemmesider. Selv om de ikke er det allerbedste og ende - alle små site design, er de værd at overveje på mange projekter. Overvej årsagerne til at bruge en enkelt side, og overvej derfor ikke hvorfor og beslutte derfra.