15 horizontálních míst a případ pro jejich vytvoření
Vzrušení procházení se opravdu vyvíjelo, protože jsme mohli v aplikaci Internet Explorer před lety používat barevné posuvníky.
Dnes nalezneme nové způsoby, jak znovu objevit proces rolování pomocí gest, paralágových rolování a další. Vytváříme vzrušení a vyprávění příběhů. Vytváříme skvělé uživatelské zkušenosti a funkčnost obsahu. Problém je, že většina z těchto stránek používá svislé posouvání.
A jak je můžete obviňovat? To je normální. To je to, co se očekávalo. A často je to nejjednodušší implementovat.
Ale kde je láska k horizontálním rolování? Málokdo je vytváří, a to hlavně kvůli potížím s vývojem a myšlenkám, že horizontální stránky jsou méně funkční. Argument proti horizontálním rolování je v souladu s: "Proč znovu objevovat kolo?" Ale měli bychom dát horizontální rolování šanci?
Kdy a proč?
Horizontální posouvání by mělo mít šanci ze dvou hlavních důvodů: (1) Náruživost, kterou máme v současné době s citlivým designem a (2) Horizontální stránky mají místo a účel, podobně jako rolovací stránky.
Chcete-li rychle přejít důvod, proč to funguje citlivě, pojďme přemýšlet o tom, jak používáme naše telefony a stoly při vytažení stránky na ně. Většinou skončíme převrácením telefonu tak, aby zobrazoval náš obsah v orientaci na šířku. Znamená to, že na našich mobilních telefonech vidíme nejširší šířku, kterou můžeme. Proč to nepoužíváte tím, že vytvoříte stránky, které lze prohlížet a navigovat tímto způsobem? Přemýšlejte o tom, jak se díváme na videa online a jakým způsobem vyvíjíme a navrhujeme stránky podél šířky. Proč se vyhýbáme horizontálním rolování?
Teď, pro můj druhý bod, mohu vám ukázat mnohem lépe, než vám mohu říct. Takže, pojďme skočit přímo a uvidíme, jak tyto další stránky dělají skvělou práci s horizontálním rolováním, aby byly funkční a zajímavé.
Reverzní Buro
Toto portfolia využívá kombinaci vertikálního i horizontálního posouvání, aby ukázala svou práci. Stává se stále více a více populární, když se dívá na své vlastní obrazovky bez rozptýlení, protože má smysl. Tato navigační metoda je nejen intuitivní, ale pro tento návrhář vytváří nádherný pocit inovace.
Gavin Castleton
V dnešní době je nutné, aby hudební umělci našli způsob, jak se dostat do pořádku. V takovém zaplaveném průmyslu si umělci musí vytvořit kompletní balíček, který jim přinese pozornost, od hudby až po webový design. Gavin vytvořil skvělou stránku, která je zajímavá a ideální pro ubytování všech jeho informací.
Bartle Bogle Hegarty
BBH je zřejmě jedna z více známých kreativních agentur na světě. Jakmile dosáhnete úspěchu, začnou vytvářet různé pobočky a kanceláře v různých částech světa. Namísto vytváření různých lokalit pro každou lokalitu mají pro vás možnost zjistit, co dělá každý z celého světa. Mám rád horizontální navigaci, protože je to, jako byste cestoval do a z každého jiného místa.
Jens Lehmann
Jens je samozřejmě chlapík, který má mnoho titulů a má mnoho klobouků. Nechce je rozmazlovat dohromady, takže místo toho vytvořil domov na webu, který mu umožňuje individuálně prezentovat věci, které dělá. Horizontální navigace na této stránce umožňuje snadné pochopení a viditelnost transformace z každého titulu.
James Joyce
Na rozdíl od stránky Reverse Buro nevidíme každý kus práce na obrazovce individuálně. Myslím, že to funguje pro Jamese Joyce a jeho návrhy, protože jsou všechny podobné. Máme šanci, abychom skutečně viděli a užívali si jeho stylu.
Zde navrhněte
Stejně jako výše uvedená webová stránka získáváme horizontální stránky, které nám předvedou práci. Toto vytváří skvělý příklad, jak udržet horizontální ospravedlnění, ale také přidat další informace potřebné v tomto webu.
CL Holloway
Toto je jedno z nejzřejmějších použití horizontálního posouvání, které jsem viděl. Je to docela chytré, protože tato osoba je umělec a malíř, který pravděpodobně byl v různých muzejních exponátech. Proč to neudělat online? Když to uděláte, dává mu lepší představu o tom, co Holloway dělá a jak chce vidět. Líbí se mi tato stránka.
WWF
Tato stránka byla vytvořena v loňském roce s cílem zvýšit povědomí o hodině Země WWF. Místo toho, aby vytvořili stránky s nějakou grafikou a nějakým obsahem, rozhodli se vytvořit příběh. Tato příběhová čára se posouvá vodorovně a velmi připomíná otáčení stránek v knize. Mezitím je to velmi zábavné a interaktivní místo.
Bloková úroveň
Ne, tato stránka není explicitně posouvána zleva doprava. Existuje však pás, který nám umožňuje vidět obsah zleva doprava. Je to jako hyperaktivní jezdec, který má smysl, zvláště na jedné z milovaných stránek jedné stránky.
Hot Dot
Hot Dot je webová produkční společnost, která tvrdí, že je velmi inovativní. S takovými odvážnými tvrzeními byste měli raději doufat, že mají webové stránky, které to podpoří. Naštěstí to dělají. Nyní jsme zvyklí na scrollingové weby, které se pohybují dolů, ale tentokrát získáváme paralaxní stránky, které se posouvají zleva doprava. Je to vzrušující, ne-li moreso, než jeho předchůdce a dělá velmi inovativní vzhled.
Rezo Zero Interactive
Obrovská část návrhu a vývoje webu je zkušenost uživatelů. Jedná se o vytvoření zajímavého místa na webu, které je pro návštěvníka snadné a zábavné. Rezo Zero je jedním z těch míst, které mají skvělé účinky, věnuje pozornost detailům, má nádherné rozložení a mnohem víc. Nemluvě o tom, že dělají skvělou práci při vytváření navigace stránky, která se pohybuje lineárně.
Pátrání po dokonalém popu
Pokud milujete černobílé fotografie a příběhy v návrhu webových stránek, toto je místo pro vás. Hledání perfektního popu je věnováno převážně zvuku vašeho piva, když ho otevřete. Tato stránka je o odevzdáváním, která vytváří velmi zajímavou příběh, který bude brzy k dispozici.
Nerval
Stejně jako na výše uvedené stránce máte možnost procházet touto prací, jako kdybyste chodili v muzeu. Bez zřejmé grafiky je to velmi čistý a elegantní způsob, jak vytvořit tento pocit. Nemáte absolutně nic, co byste odvrátili váš pohled od práce kromě nezbytných. Je to skvělý způsob, jak ukázat, jak se s touto technikou mísí minimalismus.
Můj prostor
Někteří z nás jsou dost starí na to, aby si pamatovali "Myspace Tom" a argumenty, které jsme měli s našimi kamarády o tom, že je nemají v našich top 8 nebo 16. MySpace se rozhodla vrátit se, ale rozhodla se smazat stránky s třpytem a teddy medvědi spadající z něj a místo toho máme super čistý a citlivý design, který se posouvá zleva doprava. Zatímco ostatní sociální sítě se pohybují nahoru a dolů, Myspace dělá něco jiného vytvořením horizontální navigace.
Giellesse
Giellesse je společnost zabývající se výrobou nábytku s několika super moderními vzory. Kromě své úžasné sbírky kusů vytvořili opravdu krásný webový design, který umožňuje horizontální posouvání ze strany na stránku. To se cítí hodně jako přetahování stránky do telefonu a samozřejmě se bude dobře promítat i na mobilních zařízeních. Toto sloučí starou vertikální stránku s novou navigační metodou.
Závěr
Je zřejmé, že se učíme, že to vše bude jednoduché, ale řekneme nám také, abychom vytvořili řešení problémů. Jak vidíte, je zřejmé, že místo na horizontálních místech je na webu. Ať už chcete něco ukázat, nebo vytvářet elegantní a čerstvý koncept, může být užitečné přechod zprava doleva, spíše než nahoru. Jak využijete tuto techniku?
Vytvořili jste horizontální rolovací místo? Upřednostňujete horizontální posouvání, vertikální nebo vůbec žádný? Dejte nám vědět v komentářích.