15 Horisontella sidor och fallet för att göra dem
Spänningen i rullning har verkligen utvecklats, eftersom vi kunde använda färgade rullstänger i Internet Explorer år sedan.
Idag hittar vi nya sätt att återuppfinna processen med att bläddra med gester, parallaxrullningsfunktioner och mer. Vi skapar spänning och berättar historier. Vi skapar bra användarupplevelser och gör innehållet funktionellt. Problemet är att de flesta av dessa webbplatser använder vertikal rullning.
Och hur kan du skylla på dem? Det är normalt. Det är vad som förväntas. Och det är ofta det enklaste att genomföra.
Men var är kärleken till horisontella rullningsplatser? Inte många människor skapar dem, främst på grund av svårigheterna i utvecklingen och tanken att horisontella webbplatser är mindre funktionella. Argumentet mot horisontell rullning är i linje med: "Varför uppfinna hjulet?" Men ska vi ge horisontell rullning en chans?
När och varför?
Horisontell rullning ska ges en chans av två huvudskäl: (1) Den förflyttning vi för närvarande har med responsiv design och (2) Horisontella sidor har en plats och ett syfte, som i likhet med scrollningswebbplatser.
För att snabbt gå över anledningen till att det fungerar effektivt, låt oss tänka på hur vi använder våra telefoner och tabeller när vi tar upp en webbplats på dem. De flesta gånger hamnar vi på telefonen så att den visar vårt innehåll i landskapsorientering. Med tanke på att vi vänder våra telefoner för att se så mycket som möjligt. Varför inte utnyttja detta genom att skapa webbplatser som kan ses och navigeras på det här sättet? Tänk på hur vi tittar på videoklipp på nätet och hur vi utvecklar och utformar webbplatser längs bredden ändå. Varför skiner vi horisontellt rullning?
För min andra punkt kan jag visa dig mycket bättre än jag kan berätta för dig. Så, låt oss hoppa in och se hur de här följande platserna gör ett bra jobb med att använda horisontell rullning för att vara funktionell och intressant.
Omvänd buro
På denna portföljsidan används en kombination av både vertikal och horisontell rullning för att visa upp sitt arbete. Det blir alltmer populärt att ha arbetsstycken på sina egna skärmar utan störningar eftersom det bara är vettigt. Denna navigationsmetod är inte bara intuitiv men skapar en underbar känsla av innovation för denna designer.
Gavin Castleton
Nuförtiden är det absolut nödvändigt att musikaliska konstnärer hittar ett sätt att göra sig själv utstående. I en sådan översvämd industri måste artister skapa det kompletta paketet som kommer att få dem att uppmärksamma, från musik till webbdesign. Gavin har skapat en underbar hemsida som är intressant och perfekt för att hyra all sin information.
Bartle Bogle Hegarty
BBH är självklart ett av de mer kända kreativa organen i världen. När du har lyckats lyckas börjar de skapa olika grenar och kontor i olika delar av världen. I stället för att skapa olika webbplatser för varje plats, har de ett sätt för dig att kolla vad var och en gör över hela världen. Jag gillar den horisontella navigeringen eftersom det är som att du reser till och från olika platser.
Jens Lehmann
Jens är uppenbarligen en kille som rymmer många titlar och bär många hattar. Han vill inte masha dem alla tillsammans, så istället skapade han ett hem på nätet som gör det möjligt för honom att individuellt visa upp de saker han gör. Den horisontella navigeringen av den här sidan gör omformningen från varje titel lätt att förstå och se.
James Joyce
Till skillnad från Reverse Buro-webbplatsen får vi inte se varje bit av arbetet individuellt per skärm. Men jag tror att det fungerar för James Joyce och hans mönster eftersom de är så lika. Vi får chansen att verkligen se och njuta av hans stil.
Här Design
På samma sätt som ovanstående webbplats får vi en horisontell webbplats för att visa upp arbetet. Den här är ett bra exempel på hur du behåller din horisontella rättvisa, men lägger även till i den andra informationen som behövs på den här webbplatsen.
CL Holloway
Detta är en av de mest uppenbara användningarna av horisontell rullning jag har sett. Det är ganska smart eftersom den här personen är en konstnär och målare som förmodligen har varit i olika museutställningar. Varför inte göra det online? Att göra det ger faktiskt en bättre uppfattning om vad Holloway gör och hur han vill ses. Jag gillar verkligen den här sajten.
WWF
Denna sida skapades förra året för att öka medvetenheten om WWF: s Earth Hour. Istället för att bara skapa en webbplats med lite grafik och lite innehåll bestämde de sig för att skapa en historia. Denna berättelse linje rullar genom horisontellt och påminner mycket om att vända sidorna i en bok. Under tiden är detta en mycket underhållande och interaktiv webbplats.
Blocklevel
Nej, den här webbplatsen rullar inte explicit från vänster till höger. Det finns dock en remsa som låter oss se innehåll från vänster till höger. Det är ungefär som en hyperaktiv skjutreglage, som bara är meningsfullt, särskilt på en av de älskade sidorna.
Hot Dot
Hot Dot är ett webbproduktföretag som hävdar att det är extremt innovativt. Med sådana djärva påståenden kanske du hoppas att de har en hemsida som ryggar upp det. Lyckligtvis gör de det. Nu är vi vana vid parallaxrullningsplatserna som rullar ner, men den här gången får vi en parallax-webbplats som rullar åt vänster till höger. Det är lika spännande, om inte moreso, än föregångaren och ger ett mycket innovativt utseende.
Rezo Zero Interactive
En stor del av webbdesign och utveckling är användarupplevelsen. Det handlar om att skapa en intressant plats på webben som är enkelt och roligt för besökaren att utnyttja. Rezo Zero är en av de webbplatser som har stora effekter, uppmärksammar detaljer, har underbar layout och så mycket mer. För att inte tala om att de gör ett bra jobb med att skapa sidnavigering som rör sig linjärt.
Quest for the Perfect Pop
Om du älskar svartvitt fotografi och berättelser i webbdesign, är det här platsen för dig. Quest för den perfekta popen är till stor del dedikerad till det ljud som din öl gör när du öppnar den. Den här webbplatsen är en ode till det, vilket skapar en mycket intressant historiklinje som snart kommer att finnas tillgänglig.
Nerval
På samma sätt som webbplatsen ovan får du möjlighet att rulla igenom det här arbetet som om du går i ett museum. Utan den uppenbara grafiken är detta ett mycket rent och elegant sätt att skapa denna känsla. Du har absolut ingenting i din väg att distrahera din åsikt från arbetet förutom det nödvändiga. Det här är ett utmärkt sätt att visa hur minimalism blandar sig med denna teknik.
Mitt utrymme
Några av oss är gamla nog att minnas "Myspace Tom" och de argument vi hade med våra vänner om att inte ha dem i vår topp 8 eller 16. Myspace har bestämt sig för att återkomma, men har bestämt sig för att skräpa sidorna med glitter och teddy björnar faller från det och i stället har vi en super ren och lyhörd design som rullar från vänster till höger. Medan andra sociala nätverk går upp och ner, gör Myspace något annorlunda genom att skapa en horisontell navigering.
Giellesse
Giellesse är ett möbeldesignföretag med några super moderna mönster. Bortsett från deras fantastiska samling av bitar, har de skapat en riktigt vacker webbdesign som låter dig rulla från sida till sida horisontellt. Det här känns som att sippra en sida på en telefon och skulle uppenbarligen översättas bra på mobila enheter. Detta blandar den gamla vertikala sidan med en ny navigationsmetod.
Slutsats
Självklart lär vi oss att hålla saker enkelt, men vi är också beredda att skapa lösningar på problem. Som du kan se finns det uppenbarligen en plats på nätet för horisontella platser. Oavsett om du vill visa något av eller skapa ett snyggt och friskt koncept, flyttar du från höger till vänster, snarare än uppåt kan det vara bra. Hur kommer du att använda denna teknik?
Har du byggt en horisontell rullningsplats? Föredrar du horisontell rullning, vertikal eller ingen alls? Låt oss veta i kommentarerna.