Jak navrhnout perfektní webové stránky s jednou stránkou
Jednotlivé stránky mohou být vynikající technikou pro potírání menších webových stránek, a to i ty, které si možná nemyslíte, že by se mohly dělat bez několika stránek. Existuje mnoho dobrých důvodů pro použití jedné stránky, od snadné údržby po snížené potřeby šířky pásma.
Pokud řešíte kratší web, který by měl obvykle hrst stránek, zvážit použití jedné stránky a ujistit se, zda to usnadní práci a bude uživatelsky přívětivější. Přečtěte si další informace o výhodách, kdy (a kdy ne) použijete, a některé osvědčené postupy, které byste měli dodržovat.
Výhody designu jedné stránky
Je zřejmé, že jednotlivé stránky nejsou ideální pro každý projekt. Existuje však řada důvodů, proč je možné je použít.
Jsou intuitivní k použití
Ve výchozím nastavení musí každý uživatel potřebovat vědět, jak navigovat na stránce jedné stránky, jak se má posunovat. Můžete zahrnout šipky nebo jiné navigační nápovědy, ale s výjimkou výjimky jednoduše posouvání přivede návštěvníky z jedné sekce do druhé.
Nikdy se nebudete muset starat o to, že se vaši návštěvníci uvíznou v několika vrstvách navigace a nekonečně hledají to, co potřebují. Použití hlavičky nebo jiných navigačních odkazů je často užitečné, pokud na stránce existuje více sekcí, ale i bez nich je web použitelný.
Může být rychlejší a jednodušší
Zatímco toto není dané, dobře kódované stránky s jednou stránkou budou pravděpodobně rychlejší k kódování než stránky s více stránkami. Proces návrhu může někdy trvat méně času, i když to závisí na tom, jak složitá bude jediná stránka.
Stránky s jednou stránkou mohou také uložit určitá omezení návrhu, která urychlí proces, jakmile budete mít na paměti základní rozvržení. Moreso než vícestranová stránka, stránky s jednou stránkou musí obsahovat části, které jsou bez problémů společné. Tento druh omezení může skutečně urychlit vývoj stránky poté, co jste jasně definovali, co můžete a nemůžete udělat.
Údržba může být také snadnější. Když máte pouze jednu stránku, kterou chcete řešit, údržba je mnohem efektivnější, dokud je kód správně zapsán.
Jste nuceni zjednodušit
Tento postup staví předcházející bod. Když máte pouze jednu stránku, s níž je možné pracovat, musíte věci zjednodušit na nejdůležitější součásti. Žádné další stránky a stránky zbytečné marketingové propagandy. Musíte se okamžitě dostat k věci.
Lepší SEO potenciál
Kvalitní příchozí odkazy jsou velkou částí toho, jak dobře funguje web ve vyhledávačích. Zatímco vyhledávače nejsou nutně největším zdrojem provozu pro mnoho webů, jsou stále obecně důležité.
Tím, že máte pouze jednu stránku, máte k ní pouze jednu stránku. To může zvýšit důležitost webu, pokud jde o vyhledávače.
Rozprávění může zvýšit akci
Stránky s jednou stránkou často používají úhel pohledu, který stránky s více stránkami nejsou tak dobré. To může zvýšit počet konverzí a vyvolat návštěvy, aby podnikli kroky.
Lidé jsou zvyklí sledovat příběhy, a to jak online, tak i mimo, takže má zřejmé výhody pro uživatele. Četli jsme a slyšeli příběhy od doby, kdy jsme byli děti, takže je to pro nás přirozené.
Snadnější uspořádání
Neexistují žádné nekonečné seznamy stránek a podstránků, které se mají uspořádat. Už se nedivím, jestli tato stránka nebo ta stránka by měla být rodičem nebo dítětem. Žádné další velké navigační menu a podnabídky. Je to všechno na jedné stránce. A zda se rozhodnete zahrnout navigační odkazy nebo jednoduše nechat uživatele posunout, je na vás a zda si myslíte, že to přispěje k uživatelské zkušenosti nebo ne. To není prostě možnost, když má web několik stránek.
Snížená šířka pásma
Ačkoli to už není spousta problémů na hostitelském konci, zvažte, kolik uživatelů v těchto dnech přistupuje k vašemu webu pomocí mobilních zařízení. Snížení rozsahu šířky pásma vašeho webu ocení uživatelé s omezenými datovými plány.
Odstraňte mobilní weby
Odpovědný design není samozřejmě omezen pouze na stránky s jednou stránkou. Ale čím složitější je místo, tím obtížnější je to, aby fungovalo dobře na menší obrazovce, dokonce i s citlivým designem. Stránky o jedné stránce nejsou nezbytně složité. Realizace designu je obecně jednodušší. Zjednodušená navigace a podobné změny také usnadňují design, který funguje dobře na malých obrazovkách.
Chcete paralaxu nebo ne paralaxu?
V závislosti na vašem pohledu je posun paralaxy buď nejlepším, co se někdy stane s internetem, nebo nadměrně využívanou, nepříjemnou pohromou na našich prohlížečích. Ale bez ohledu na to, kde stojíte, nevypadá to, že brzy zmizí.
Osobně se cítím jako čas a místo pro rolování paralaxy. Některé stránky s jednou stránkou mohou z tohoto efektu skutečně těžit, zatímco jiné se objevují jako obtížné nebo horší: těžké použití. Klíčem je rozhodnout, zda efekt posouvání paralaxy, který chcete použít, je něco, co skutečně zlepší použitelnost webu nebo chcete-li jej používat pouze proto, že to bude vypadat skvěle.
Další věc, která se má zvážit, pokud se rozhodnete, že chcete použít paralaxní rolování, je, zda chcete použít JavaScript nebo prostý CSS techniku. Další informace o obou možnostech naleznete v části Zdroje.
Kdy použít jednu stránku stránky a kdy ne
Zatímco pro stránky s jednou stránkou je mnoho výhod, nejsou to dokonalé řešení, které by bylo jedno. Existuje spousta času, kdy byste neměli používat návrh jedné stránky, zatímco existuje spousta dalších časů, kdy stránka s jedním stránkem má mnohem větší smysl než stránka s více stránkami.
Pokud nastavujete nějaký web, který by měl pouze hrstku stránek, může být stránka s jednou stránkou perfektní. Vytvrzení všeho na jednu stránku může dát celkovým stránkám modernější vzhled a pokud je to obsah světla stejně, pak stránka s jednou stránkou může vypadat, že má větší obsah.
Dalším běžným příkladem jedné stránky je webová stránka před spuštěním. Tito jsou častěji jedna stránka, často s formulářem pro registraci do informačního bulletinu. Ve většině případů mohou být informace poskytnuté veřejnosti během předběžného spuštění snadno uspořádány na jediné stránce, takže má smysl považovat tento styl za nejdřív při navrhování těchto stránek.
Jednotlivé stránky elektronického obchodu jsou dalším místem, kde mohou být jedinečné stránky skvělé. Pokud prodáváte pouze jeden výrobek, ať už se jedná o fyzický výrobek nebo o digitální, pak proč se obtěžovat s více stránkami? Jednoduchá stránka s jednou stránkou může být mnohem lepší prodejní nástroj.
Možná si myslíte, že složitější web elektronického obchodu není vhodný pro stránky s jednou stránkou, ale stále to může být. Bylo by mi to možné vyhnout tomu, že se jedná o stránky, které mají více než tucet výrobků, ale jednoduchý internetový obchod se dá snadno uskutečnit na jediné stránce, s modálními okny pro načítání podrobností o produktu a procesu výplaty.
Pokud nepoužíváte stránky s jednou stránkou, je to celkem jednoduché: stránky, které jsou velké, složité nebo ve výchozím nastavení potřebují velké množství informací, nejsou vhodné pro stránky s jednou stránkou. V těchto případech jste mnohem lépe s tradiční strukturou webu.
Hybridní místa
Zatímco tam je spousta skvělých stránek jedné stránky, tam jsou také mnoho stránek hybridního typu. Vytvářejí dojem jedné stránky, ale pomocí modulu ajax, modální okna a podobně obsahují více stránek obsahu.
Stránka Dang & Blast je skvělým příkladem toho.
To může být skvělé řešení, pokud prostě nemůžete dostat vše, aby se vešly na jednu stránku.
Některé weby tak trochu "podvádí", pokud jde o jednu stránku. Oni mají jednu stránku pro své hlavní webové stránky, ale pak mít blog na jiné doméně (někdy Tumblr nebo WordPress.com hostil stránky). Není to nic špatného a může to být způsob, jak udržet vaši zprávu na vašem hlavním webu zaměřeném, aniž byste se vzdali výhod blogování.
Osvědčené postupy pro stránky s jednou stránkou
Většina zásad dobrého designu je stále použitelná na stránkách s jednou stránkou, protože mají dobrý design webových stránek. Existují však další věci, které je třeba mít na paměti, některé z nich již byly popsány výše.
Udržujte to jednoduché
Snažíte se vytvořit návrh, který je příliš složitý pro obsah, který se snažíte prezentovat, nedělá vám vy nebo vaši uživatelé žádné záliby. Namísto toho zjednodušíte co nejvíce designu i svůj obsah a současně prezentujete to, co potřebujete.
Navigační odkazy jsou stále užitečné
Pouze proto, že se uživatelé mohou procházet webem pro navigaci, neznamená to, že je to nejvíce uživatelsky přívětivý způsob. To platí zejména, pokud máte dlouhou stránku s mnoha oddíly. Pokud není důvod k jejich zařazení, přidání navigačních odkazů do konkrétních sekcí činí vaše stránky uživatelsky přívětivější.
Rozdělte svůj obsah
Jedna stránka neznamená, že všechno musí být dlouhé. Ve skutečnosti by to nemělo být. Rozdělte svůj obsah na logické bloky a oddíly, aby uživatelé mohli lépe najít to, co hledají.
Udělejte něco s tím podkladem
Jednotlivé stránky mají tendenci mít velké pozadí. Některé pozadí jsou někdy prosté nebo s opakujícím se vzorem; ale další stránky na jedné stránce využívají toho všeho, aby udělaly něco kreativního. To může také pomoci rozdělit váš obsah, jak již bylo zmíněno. Vaše pozadí nemusí být jediný snímek. Může se jednat o řadu obrázků, pokud se vám to hodí lépe.
Zdroje stránek pro jednu stránku
Existují stovky zdrojů, včetně šablon, pro stránky s jednou stránkou; ale zde se zaměříme na ty, které vyniknou.
Pure CSS Parallax Rolování : Tento článek od Keith Clark vysvětluje, jak vytvořit technologii scrolling paralaxy pomocí pouze CSS. To je skvělá volba, pokud nechcete používat JavaScript (nebo opravdu nevíte jak).
Skrollr : "Paralaxy procházíme pro nás ostatní". Je to samostatná knihovna, která pracuje s mobilními a stolními počítači. Neexistuje žádný požadovaný jQuery, prostě starý JavaScript.
Stellar.js : Stellar.js je další snadno použitelná paralaxová scrolling knihovna. Nabízí mnoho možností konfigurace a podpory iOS.
Jeden webový web Wireframes : Tato sada drátových rámů pro návrhy jednotlivých stránek může být skvělým výchozím bodem, pokud si nejste jisti, jak strukturovat vaše stránky. Jsou zdarma ke stažení. K dispozici je druhá sada, kterou můžete stáhnout tady .
Jedna stránka Láska : Jedna stránka Láska je přední galerie jedné stránky s více než 5000 příklady webových stránek a stále více přidává. Obsahují také množství šablon a dalších zdrojů.
Spusťte Bootstrap : Start Bootstrap má velký výběr volných jednostránkových témat Bootstrap. Existují témata pro agentury, pracovníky na volné noze, portfolia, vstupní stránky a další.
Šablony lásky jedné stránky : Kromě rozsáhlé galerie nabízí One Page Love také bezplatné a prémiové šablony.
Jedna strana Mania : Jedna stránka Mania nabízí galerii obou jedinečných stránek a šablon, které si můžete stáhnout nebo zakoupit.
Závěr
Jednotlivé stránky mohou být vynikající volbou pro mnoho různých druhů webových stránek. Zatímco nejsou to vše a konec - to vše o malém designu stránek, stojí za to zvažovat na mnoha projektech. Zvažte důvody pro použití jedné stránky a zvážíte důvody, proč byste se neměli rozhodnout.