Hvernig á að hanna Perfect Single Page Website
Einföld síða hönnun getur verið frábær aðferð til að takast á við smærri vefsíður, jafnvel þau sem þú gætir ekki hugsað gæti alltaf verið án margra síða. Það eru tonn af góðu ástæðum fyrir því að nota eina síðu síðu, frá vellíðan af viðhaldi til minni bandbreiddarþarfir.
Ef þú ert að takast á við styttri síðu, einn sem venjulega hefur handfylli af síðum skaltu íhuga að nota eina síðu og sjá hvort það muni gera verkefnið auðveldara og notendavænt. Lestu áfram til að fá frekari upplýsingar um ávinninginn, hvenær (og hvenær ekki) að nota þær og nokkrar góðar starfsvenjur sem þú ættir að fylgja.
Ávinningurinn af einni síðuhönnun
Augljóslega eru einstakar síðu hönnun ekki tilvalin fyrir hvert verkefni. En það eru nokkrar ástæður til að nota þau ef þau eru möguleg passa.
Þeir eru leiðandi til notkunar
Sjálfgefið er að allur notandi þarf að vita að sigla á einni síðu síða er hvernig á að fletta. Þú gætir innihaldið örvar eða aðrar leiðsögn um leiðsögn, en með mjög sjaldgæfum hætti mun einfaldlega fletta koma gestir frá einum hluta til annars.
Þú munt aldrei þurfa að hafa áhyggjur af því að gestir þínir fastast í margar flakkalög, endalaust að leita að því sem þeir þurfa. Notkun hausar eða annarra leiðsagnaratengla er oft gagnlegt ef margar köflum eru á síðunni, en jafnvel án þeirra er vefsvæðið nothæft.
Það getur verið hraðari og auðveldara að viðhalda
Þó að þetta sé ekki gefið er velkóðað síða um eina síðu líklega að fara hraðar til að kóða en margátta síðu. Hönnunarferlið getur stundum tekið minna tíma, þó að það veltur á hversu flókið einn síða er að fara.
Ein blaðsíðan síða getur einnig beitt ákveðnum hönnunarhömlum sem flýta fyrir ferlið þegar þú hefur grunnhönnun í huga. Nauðsynlegt er að búa til fleiri en eina síðu þar sem síða á einhliða síðu þarf að hafa hluta sem vinna óaðfinnanlega saman. Þessi tegund af takmörkun getur raunverulega flýtt fyrir þróun vefsvæða þegar þú hefur greinilega skilgreint hvað þú getur og getur ekki gert.
Viðhald getur verið auðveldara líka. Þegar þú hefur aðeins eina síðu til að takast á við, er viðhald meira straumlínulagað, svo lengi sem kóðinn þinn er skrifaður vel til að byrja með.
Þú ert neydd til að einfalda
Þessi byggir á fyrri lið. Þegar þú hefur aðeins eina síðu til að vinna með, verður þú að einfalda hluti til þeirra mikilvægustu þætti. Ekki fleiri síður og síður gagnslaus markaðsáróður. Þú verður að komast strax að því.
Betri SEO möguleiki
Gæð á heimleið hlekkur eru stór hluti af því hversu vel vefsíða framkvæmir í leitarvélum. Þó að leitarvélar séu ekki endilega stærsti umferð uppspretta fyrir fullt af vefsvæðum, þá eru þau ennþá almennt mikilvæg.
Með því að hafa aðeins eina síðu hefur þú aðeins eina síðu sem tengist. Það getur aukið mikilvægi vefsvæðisins eins og leitarvélar fara.
Storytelling getur aukið verkun
Síður á einföldum vefsíðum nota oft sögusvið sem marghliða vefsvæði eru ekki eins góðir í. Þetta getur aukið viðskipti og hvetja gesti til að grípa til aðgerða.
Fólk er notað til að fylgja sögum, bæði á netinu og utan, þannig að þetta hefur augljós upplifun notenda reynslu. Við höfum lesið og heyrt sögur frá því að við vorum börn, svo það er eitthvað sem kemur náttúrulega fyrir okkur.
Auðveldara að skipuleggja
Það eru ekki fleiri endalausir listar yfir síður og undirsíður til að skipuleggja. Ekki meira að spá í hvort þessi síða eða þessi síða ætti að vera foreldri eða barn. Engar stærri leiðsagnarvalmyndir og undirvalmyndir. Það er allt á einni síðu. Og hvort þú ákveður að innihalda siglingar tengla, eða einfaldlega láta notendur fletta, er undir þér komið og hvort þú heldur að það muni bæta við notendavandanum eða ekki. Það er bara ekki kostur þegar síða hefur marga síður.
Minni bandbreidd
Þó að þetta sé ekki mikið af málinu á hýsingu enda lengur skaltu íhuga hversu marga notendur eru að fá aðgang að vefsvæðinu þínu með því að nota farsíma í dag. Minnka magn af bandbreidd sem vefsvæði þitt tekur er vel þegið af notendum með takmarkaða gögn áætlanir.
Útrýma farsímanum
Móttækileg hönnun er að sjálfsögðu ekki takmörkuð við eina síðu. En flóknari síða er, því erfiðara er að gera það virka vel á minni skjá, jafnvel með móttækilegri hönnun. Ein blaðsíðan er nauðsynleg, ekki flókin. Gerð hönnun móttækilegur er almennt auðveldara. Simplified siglingar og svipaðar breytingar gera einnig hönnun sem virkar vel á litlum skjáum auðveldara.
Til parallax eða ekki til parallax?
Það fer eftir sjónarmiðum þínum, að parallax rolla er annaðhvort það besta sem alltaf gerist við internetið, eða ofnotkun, gimmicky scourge á vöfrum okkar. En óháð því hvar þú stendur, lítur það ekki út eins og það er að fara að hverfa hvenær sem er fljótlega.
Persónulega finnst mér það vera tími og staður fyrir parallaxrollun. Sumar vefsíður á einni síðu geta virkilega notið góðs af áhrifum, en aðrir koma fram eins og gimmicky eða verri: erfitt að nota. Lykillinn er að ákveða hvort parallaxrennslisáhrifin sem þú vilt nota er eitthvað sem mun raunverulega auka nothæfi vefsvæðisins eða ef þú vilt aðeins nota það vegna þess að það mun líta vel út.
Annað sem þarf að huga að ef þú ákveður að þú viljir nota parallaxrollun er hvort þú notar JavaScript eða einfaldan CSS tækni til að gera það. Sjá auðlindaviðmiðið til að fá frekari upplýsingar um bæði valkosti.
Hvenær á að nota eina síðu síðu, og hvenær ekki
Þó að það sé mikið af ávinningi á vefsíðum á einni síðu, þá eru þær ekki fullkomnar, ein stærð-passar-allur lausnin. Það eru fullt af sinnum þegar þú ættir ekki að nota eina síðuhönnun, en það eru fullt af öðrum tímum þar sem síða á síðu gerir miklu meira vit en marghliða.
Ef þú ert að setja upp síðuna sem myndi aðeins hafa handfylli af síðum engu að síður, þá gæti eina síðu síða verið fullkomin. Ef allt er smellt á eina síðu getur það gefið heildarstefnuna meira nútímalegt útlit, og ef það er létt á efni engu að síður, þá getur eina síðu síða gert það að líta út eins og það hefur meira efni.
Annað algengt dæmi um eina síðu er vefsíðan fyrir upphafssíðu. Þetta eru oftar en ekki einn síða, oft með eyðublöð fyrir fréttabréfaskilaboð. Í flestum tilfellum er hægt að skipuleggja upplýsingarnar, sem veittar eru almenningi meðan á fyrirfram stendur, á einum síðu, þannig að það er skynsamlegt að huga að þessum stíl fyrst þegar þeir eru að hanna þessar síður.
Einstakar vörur ecommerce síður eru annars staðar þar sem vefsíðum á vefsíðu geta verið frábær. Ef þú ert aðeins að selja eina vöru, hvort sem það er líkamleg vara eða stafrænn, þá af hverju ertu með margar síður? Einföld, einn síða síða getur verið miklu betri sölu tól.
Þú might hugsa að flóknari ecommerce síða er ekki gott passa fyrir eina síðu síðu, en það getur samt verið. Leyfilegt, ég myndi koma í veg fyrir það fyrir síður sem hafa meira en tugi eða svo vörur, en einfaldur netverslun getur hæglega haldið á einum síðu, með modal gluggum til að hlaða vöruupplýsingar og kæruferlinu.
Þegar ekki er hægt að nota eina síðu á síðuna er nokkuð einfalt: Síður sem eru stórar, flóknar eða sjálfgefið þurfa að hafa mikið magn af upplýsingum eru ekki til þess fallin að nota eina síðu. Í þeim tilvikum ertu miklu betra með hefðbundna uppbyggingu vefsvæðisins.
Hybrid staður
Þó að það séu tonn af frábærum vefsíðum þarna úti, þá eru líka margar tegundir af blendingur. Þeir gefa til kynna eina síðu, en með því að nota ajax, modal gluggakista og þess háttar innihalda þau í raun margar síður innihalds.
The Dang & Blast síða er frábært dæmi um þetta.
Þetta getur verið frábær lausn ef þú getur bara ekki alveg fengið allt til að passa í eina síðu.
Sumar síður eins og "svindla" þegar kemur að einni síðu. Þeir hafa eina síðu fyrir aðal heimasíðu þeirra, en þá hafa blogg á öðru léni (stundum Tumblr eða WordPress.com farfuglaheimili). Það er ekkert athugavert við þetta og það getur verið leið til að halda skilaboðunum þínum á aðalstefnumarkmiðinu án þess að gefa upp ávinninginn af því að hafa blogg.
Bestu venjur fyrir vefsíður á einni síðu
Flest meginreglur góðrar hönnunar eiga enn við á vefsíðum á einni síðu, eins og þær eru með hvaða góða vefsíðuhönnun. En það eru nokkrar fleiri hlutir sem þú þarft að hafa í huga, en sum þeirra hafa þegar verið snert á ofangreindu.
Hafðu það einfalt
Reynt að gera hönnun sem er of flókin fyrir innihaldið sem þú ert að reyna að kynna er ekki að gera þér eða notendur þína einhverjar favors. Í staðinn einfalda bæði hönnun og innihald eins mikið og mögulegt er, en samt að kynna það sem þú þarft.
Navigation tenglar eru ennþá gagnlegar
Bara vegna þess að notendur geta flett til að vafra um vefsíðuna þína, þýðir ekki að það sé mest notendavænt leið til að gera það. Þetta á sérstaklega við ef þú ert með langa síðu með mörgum hlutum. Nema það sé mjög góð ástæða til að láta þá ekki í té, bætirðu flakkatengli við tiltekna hluta til að gera vefsvæðið þitt notendavænt.
Skiptu upp innihaldinu þínu
Ein blaðsíða þýðir ekki að allt þarf að vera einn langur hluti. Í raun ætti það ekki að vera. Skiptu innihaldi þínu inn í rökrétt klumpur og köflum svo að notendur geti betur fundið það sem þeir leita að.
Gerðu eitthvað með allri þeirri bakgrunni
Vefsíður hafa tilhneigingu til að hafa mikla bakgrunn. Leyfð, stundum eru þessi bakgrunnur látlaus eða með endurtaka mynstur; en aðrar vefsíður á einni síðu nýta sér allt það pláss til að gera eitthvað skapandi. Þetta getur einnig hjálpað til við að skipta efni þínu, eins og áður hefur verið getið. Bakgrunnur þinn þarf ekki að vera ein einasta mynd. Það getur verið röð af myndum, ef það passar efnið þitt betur.
Resources fyrir vefsíðuna þína á einum síðu
Það eru hundruðir af auðlindum, þar á meðal sniðmát, fyrir vefsíðum á einum síðu þarna úti; en hér munum við einbeita okkur að þeim sem standa frammi fyrir.
Hreint CSS Parallax flett : Þessi grein frá Keith Clark útskýrir hvernig á að búa til parallax rolla tækni með aðeins CSS. Þetta er frábær kostur ef þú vilt ekki nota JavaScript (eða veit ekki raunverulega hvernig).
Skrollr : "Parallax rolla fyrir afganginn af okkur". Það er standa-einn bókasafn sem vinnur með farsíma og skrifborð. Það er engin jQuery krafist, bara látlaus gamall JavaScript.
Stellar.js : Stellar.js er annar þægilegur til nota parallax rolla bókasafn. Það býður upp á mikið af stillingum og iOS stuðningi.
Eitt síða Website Wireframes : Þessi víraframleiðsla fyrir einnar síðuhönnun getur verið frábært upphafspunktur ef þú ert ekki viss um hvernig á að byggja upp síðuna þína. Þau eru ókeypis að hlaða niður. Það er annað sett sem þú getur hlaðið niður hér .
Eitt Page Ást : One Page Love er forsætisráðherra vefsíðan á vefsíðu með meira en 5000 dæmi síðum og bætir meira allan tímann. Þeir eru einnig með tonn af sniðmátum og öðrum úrræðum.
Byrjaðu stígvél : Start Bootstrap hefur mikið úrval af ókeypis einu síðu Bootstrap þemum. Það eru þemu fyrir stofnanir, frjálst fólk, söfnum, áfangasíður og fleira.
Einn Page Love Templates : Í viðbót við víðtæka galleríið, býður One Page Love einnig bæði ókeypis og hágæða sniðmát.
Eitt Page Mania : One Page Mania býður upp á gallerí bæði einstaka síður og sniðmát sem þú getur hlaðið niður eða keypt.
Niðurstaða
Einföld síða hönnun getur verið frábær valkostur fyrir a einhver fjöldi af mismunandi tegundir af vefsíðum. Þó að þeir séu ekki allur og endir-allt lítið vefsvæði hönnun, eru þeir þess virði að íhuga að mörg verkefni. Hugsaðu um ástæðurnar fyrir því að nota eina síðu, og þá íhuga ástæðurnar ekki og ákvarða þaðan.