Så här designar du den perfekta enkelsidans webbplats
Enkelsidedesigner kan vara en utmärkt teknik för att hantera mindre webbplatser, även de som du kanske inte tror någonsin kunde göras utan flera sidor. Det finns massor av bra skäl att använda en enda sida, från lätt underhåll till minskade behov av bandbredd.
Om du hanterar en kortare webbplats, en som normalt skulle ha en handfull sidor, överväga att använda en enda sida och se om det kommer att göra projektet enklare och användarvänligare. Läs vidare för mer information om fördelarna, när (och när inte) för att använda dem och några bra metoder du bör följa.
Fördelarna med enkelsidig design
Självklart är enskilda siddesigner inte idealiska för varje projekt. Men det finns många anledningar att använda dem om de är en möjlig passform.
De är intuitiva att använda
Som standard måste alla användare veta att navigera på en enda sida är hur man bläddrar. Du kan inkludera pilar eller andra navigeringsanvisningar, men med sällsynt undantag kommer det enkelt att flytta dina besökare från ett avsnitt till ett annat.
Du behöver aldrig oroa dig för att dina besökare fastnar i flera lager av navigering, oändligt söker efter vad de behöver. Användningen av en rubrik eller andra navigeringslänkar är ofta till hjälp om det finns flera avsnitt på sidan, men även utan dem är webbplatsen användbar.
Det kan vara snabbare och lättare att underhålla
Medan den här inte är en given, kommer en välkodad enkel sida webbplats förmodligen att bli snabbare att koda än en sida med flera sidor. Designprocessen kan ibland ta mindre tid, men det beror på hur komplicerad den enkla sidan kommer att vara.
En sida för en sida kan också införa vissa designrestriktioner som påskyndar processen när du har en grundläggande layout i åtanke. Moreso än en sida med flera sidor, en sida på en sida måste ha sektioner som fungerar sömlöst ihop. Den typen av begränsning kan verkligen påskynda sidutveckling när du klart definierat vad du kan och inte kan göra.
Underhåll kan också vara enklare. När du bara har en enda sida att hantera är underhållet mer strömlinjeformat, så länge som din kod skrivs bra till att börja med.
Du är tvungen att förenkla
Den här bygger upp den föregående punkten. När du bara har en enda sida att arbeta med, måste du förenkla saker till de viktigaste komponenterna. Inga fler sidor och sidor med användbar marknadsföring propaganda. Du måste komma till rätta genast.
Bättre SEO potential
Kvalitet inkommande länkar är en stor del av hur bra en webbplats utför i sökmotorer. Även om sökmotorer inte nödvändigtvis är den största trafikkällan för många webbplatser, är de fortfarande allmänt viktiga.
Genom att bara ha en sida har du bara en sida kopplad till. Det kan öka webbplatsens betydelse när det gäller sökmotorer.
Storytelling kan öka åtgärden
Ensidiga sidor använder ofta en berättningsvinkel som flera sidor inte är lika bra på. Detta kan öka omvandlingar och inspirera besökare att vidta åtgärder.
Människor brukar följa historier, både online och offline, så det har uppenbara användarupplevelser. Vi har läst och hört historier sedan vi var barn, så det är något som kommer naturligt för oss.
Lättare att organisera
Det finns inga fler ändlösa listor med sidor och undersidor att organisera. Inte längre undrar om den här sidan eller den här sidan borde vara förälder eller barn. Inga fler stora navigationsmenyer och undermenyer. Det är allt på en sida. Och om du bestämmer dig för att inkludera navigeringslänkar, eller helt enkelt låta användarna bläddra, är det upp till dig och om du tror att det kommer att lägga till användarupplevelsen eller inte. Det är bara inte ett alternativ när en webbplats har flera sidor.
Minskad bandbredd
Även om detta inte är så mycket av ett problem på webbhotellens slut, överväga hur många användare som använder din webbplats via mobila enheter idag. Att minska den mängd bandbredd som din webbplats tar upp, uppskattas av användare med begränsade dataplaner.
Eliminera mobila webbplatser
Responsiv design är naturligtvis inte begränsad till ensidiga sidor. Men ju mer komplexa en webbplats är desto svårare är det att få det att fungera bra på en mindre skärm, även med en lyhörd design. En sida med en sida är, om nödvändigt, inte komplex. Att göra designen lyhörd är i allmänhet lättare. Förenklad navigering och liknande ändringar gör också en design som fungerar bra på små skärmar lättare.
Till parallax eller inte till parallax?
Beroende på din synvinkel är parallaxrullning det bästa som någonsin kommer att hända med internet, eller en överdriven, gimmicky scourge på våra webbläsare. Men oavsett var du står, ser det inte ut som att det kommer att försvinna någon gång snart.
Personligen känns det som om det finns en tid och en plats för parallaxrullning. Vissa sidor kan verkligen dra nytta av effekten, medan andra stöter på som gimmicky, eller sämre: svår att använda. Nyckeln är att bestämma om den parallaxrulleffekt du vill använda är något som faktiskt kommer att förbättra användbarheten för webbplatsen, eller om du bara vill använda den eftersom den ser cool ut.
En annan sak att tänka på om du bestämmer dig för att du vill använda parallax scrolling är om du vill använda JavaScript eller en vanlig CSS-teknik för att göra det. Se resursdelen för mer om båda alternativen.
När ska man använda en enda sidsajt, och när inte till
Medan det finns många fördelar med ensidiga sidor, är de inte en perfekt lösning i alla storlekar. Det finns många gånger när du inte ska använda en sida design, medan det finns många andra tider där en enda sidwebbplats ger mycket mer mening än en flersidig sida.
Om du ställer in en webbplats som bara skulle ha en handfull sidor i alla fall, kan en enda sida vara perfekt. Kondensera allt på en sida kan ge hela webbplatsen ett mer modernt utseende, och om det är lätt på innehåll ändå, kan en enda sida webbplats göra det så att det har mer innehåll.
Ett annat vanligt exempel på ensidig webbplats är webbplatsen för lansering. Det är oftast en enda sida, ofta med en blankett för nyhetsbrev. I de flesta fall kan informationen som tillhandahålls allmänheten under förlanseringen enkelt organiseras på en enda sida, så det är vettigt att överväga denna stil först när man utformar dessa sidor.
Enprodukts e-handelswebbplatser är en annan plats där webbsidor på en enda sida kan vara bra. Om du bara säljer en produkt, vare sig det är en fysisk produkt eller en digital, varför stör du med flera sidor? En enkel sida med en enda sida kan vara ett mycket bättre försäljningsverktyg.
Du kanske tror att en mer komplex e-handelswebbplats inte passar bra för en enda sida, men det kan fortfarande vara. Beviljas, jag skulle undvika det för webbplatser som har mer än ett dussin eller så produkter, men en enkel webbutik kan enkelt hållas på en enda sida, med modala fönster för att ladda produktinformation och kassan.
När du inte använder en enda webbsida är det ganska enkelt: webbplatser som är stora, komplexa eller som standard behöver ha stora mängder information passar inte på en enda sida. I så fall är du mycket bättre med en mer traditionell webbplatsstruktur.
Hybridställen
Medan det finns massor av bra webbsidor där ute finns det också många hybridtypswebbplatser. De ger intrycket av en enda sida, men med hjälp av ajax, modala fönster och liknande innehåller de faktiskt flera sidor innehåll.
Dang & Blast-webbplatsen är ett bra exempel på detta.
Dessa kan vara en bra lösning om du inte bara kan få allt för att passa på en enda sida.
Vissa webbplatser slags "fusk" när det gäller den enskilda sidan. De har en enda sida för sin huvudsakliga webbplats, men sedan har en blogg på en annan domän (ibland en Tumblr eller WordPress.com värd webbplats). Det är inget fel med det här, och det kan vara ett sätt att hålla ditt budskap på din huvudsakliga webbplats, utan att ge fördelarna med att ha en blogg.
Bästa praxis för sidor med en enda sida
De flesta av principerna om bra design gäller fortfarande på ensidiga sidor, eftersom de är med någon bra webbdesign. Men det finns några ytterligare saker du behöver tänka på, varav några har redan berörts ovan.
Håll det enkelt
Att försöka göra en design som är för komplex för innehållet du försöker presentera gör inte dig eller dina användare några fördelar. I stället förenklar både din design och ditt innehåll så mycket som möjligt, samtidigt som du presenterar vad du behöver.
Navigationslänkar är fortfarande användbara
Bara för att användare kan bläddra för att navigera på din webbplats betyder inte att det är det mest användarvänliga sättet att göra det. Detta gäller speciellt om du har en lång sida med många avsnitt. Om inte det finns en mycket bra anledning att inte inkludera dem, lägger du till navigeringslänkar till vissa avsnitt, vilket gör din webbplats mer användarvänlig.
Dela upp ditt innehåll
En enda sida betyder inte att allt måste vara en lång sektion. Faktum är att det inte borde vara. Dela innehållet i logiska bitar och avsnitt så att användarna bättre kan hitta vad de letar efter.
Gör något med all den bakgrunden
Ensidiga sidor har en stor bakgrund. Beviljas, ibland lämnas dessa bakgrunder vanligt eller med ett repeterande mönster; men andra webbsidor utnyttjar allt detta utrymme för att göra något kreativt. Detta kan också bidra till att dela upp ditt innehåll, som redan nämnts. Din bakgrund behöver inte vara en enda bild. Det kan vara en serie bilder, om det passar ditt innehåll bättre.
Resurser för dina enskilda sidor
Det finns hundratals resurser, inklusive mallar, för webbsidor där ute. men här kommer vi att fokusera på dem som sticker ut.
Ren CSS Parallax Scrolling : Den här artikeln från Keith Clark förklarar hur man skapar en parallaxrullningsteknik med endast CSS. Detta är ett bra alternativ om du inte vill använda JavaScript (eller vet inte riktigt hur).
Skrollr : "Parallax rullar för resten av oss". Det är ett fristående bibliotek som arbetar med mobil och skrivbord. Det behövs ingen jQuery, bara gammal JavaScript.
Stellar.js : Stellar.js är ett annat lättanvänt parallaxrullningsbibliotek. Det erbjuder många konfigurationsalternativ och iOS-support.
One Page Website Wireframes : Denna uppsättning trådramar för enkelsidiga mönster kan vara en bra utgångspunkt om du är osäker på hur du strukturerar din webbplats. De är gratis att ladda ner. Det finns en andra uppsättning som du kan ladda ner här .
One Page Love : One Page Love är den främsta webbsidans webbplats med över 5000 exemplar webbplatser och lägger till mer hela tiden. De har också massor av mallar och andra resurser.
Starta Bootstrap : Start Bootstrap har ett stort urval av gratis enstarts Bootstrap-teman. Det finns teman för byråer, frilansare, portföljer, målsidor och mycket mer.
One Page Love Templates : Förutom deras omfattande galleri erbjuder One Page Love också både gratis och premium mallar.
One Page Mania : One Page Mania erbjuder ett galleri med både unika webbplatser och mallar som du kan ladda ner eller köpa.
Slutsats
Enkla siddesigner kan vara ett utmärkt alternativ för många olika typer av webbplatser. Medan de inte är alla och slutar - alla små webbdesigner, är de värda att överväga på många projekt. Tänk på orsakerna till att du använder en enda sida, och följ sedan anledningarna till det, och bestäm det därifrån.