Spenningen i rulling har virkelig utviklet seg siden vi kunne bruke fargede scrollbars i Internet Explorer for mange år siden.

I dag finner vi nye måter å gjenoppfinne prosessen med å rulle med bevegelser, parallaxrullefunksjoner og mer. Vi skaper spenning og forteller historier. Vi skaper gode brukeropplevelser og gjør innholdet funksjonelt. Problemet er at de fleste av disse nettstedene bruker vertikal rulling.

Og hvordan kan du klandre dem? Det er normalt. Det er det som forventes. Og det er ofte det enkleste å implementere.

Men hvor er kjærligheten for horisontale rullingsider? Ikke mange mennesker skaper dem, hovedsakelig på grunn av vanskelighetene i utviklingen og ideen om at horisontale nettsteder er mindre funksjonelle. Argumentet mot horisontal rulling er i tråd med: "Hvorfor gjenoppfinne hjulet?" Men skal vi gi horisontal rulling en sjanse?

Når og hvorfor?

Horisontal rulling skal gis en sjanse for to hovedårsaker: (1) Forvirringen vi har for øyeblikket med responsiv design og (2) Horisontale sider har et sted og en hensikt, akkurat som rullesider gjør.

For å raskt gå over grunnen til at det fungerer responsivt, la oss tenke på hvordan vi bruker våre telefoner og tabeller når vi trekker opp et nettsted på dem. De fleste ganger slutter vi med telefonen slik at den viser innholdet vårt i liggende retning. Det betyr at vi blar våre telefoner for å se mest mulig i bredden. Hvorfor ikke bruke dette ved å opprette nettsteder som kan sees og navigeres på denne måten? Tenk på hvordan vi ser på videoer på nettet og hvordan vi utvikler og designe nettsteder langs bredden uansett. Hvorfor skjuler vi horisontal rulling?

Nå, for mitt andre punkt, kan jeg vise deg mye bedre enn jeg kan fortelle deg. Så, la oss hoppe rett inn og se hvordan disse neste nettstedene gjør en god jobb med å bruke horisontal rulling for å være funksjonell og interessant.

Omvendt Buro

Denne porteføljesiden bruker en kombinasjon av både vertikal og horisontal rulling for å vise frem sitt arbeid. Det blir stadig mer populært å ha stykker av arbeid på sine egne skjermer uten forstyrrelser fordi det bare gir mening. Denne navigasjonsmetoden er ikke bare intuitiv, men skaper en fantastisk følelse av innovasjon for denne designeren.

Omvendt Büro kopi

Gavin Castleton

I dag er det avgjørende at musikalske artister finner en måte å gjøre seg til å stå på. I en slik oversvømmet industri må kunstnere lage den komplette pakken som skal gi dem oppmerksomhet, fra musikken til webdesign. Gavin har skapt en flott nettside som er interessant og perfekt for å innhente all sin informasjon.

Gavin Castleton kopi

Bartle Bogle Hegarty

BBH er åpenbart et av de mer kjente kreative byråene i verden. Når du har nådd suksessen, har de begynt å skape forskjellige grener og kontorer i ulike deler av verden. I stedet for å lage forskjellige nettsteder for hvert sted, har de en måte for deg å sjekke ut hva hver enkelt gjør over hele verden. Jeg liker den horisontale navigasjonen fordi det er som om du reiser til og fra hver annen plassering.

Bartle Bogle Hegarty kopi

Jens Lehmann

Jens er åpenbart en fyr som holder mange titler og bærer mange hatter. Han ønsker ikke å mash dem alle sammen, så i stedet har han opprettet et hjem på nettet som gjør at han enkeltvis kan vise frem det han gjør. Den horisontale navigasjonen på dette nettstedet gjør omformingen fra hver tittel lett å forstå og se.

Offisiell Hjemmeside von Jens Lehmann | Offisiell nettside for Jens Lehmann

James Joyce

I motsetning til Omvendt Buro-siden får vi ikke se hvert enkelt stykke arbeid individuelt per skjerm. Men jeg tror det virker for James Joyce og hans design fordi de er så like. Vi får sjansen til å se og nyte stilen sin.

James Joyce

Her Design

Mye som det ovennevnte nettstedet, får vi et horisontalt nettsted for å vise frem arbeidet. Denne skaper et godt eksempel på hvordan du holder din horisontale begrunnelse, men legger også til i annen informasjon som er nødvendig på dette nettstedet.

her design

CL Holloway

Dette er en av de mest åpenbare bruken av horisontal rulling jeg har sett. Det er ganske smart som denne personen er en kunstner og maleren som sannsynligvis har vært i ulike museumsutstillinger. Hvorfor ikke gjøre det på nettet? Å gjøre dette gir faktisk en bedre inntrykk av hva Holloway gjør og hvordan han vil bli sett. Jeg liker virkelig dette nettstedet.

Kunstner, Maleren, Bedriftskunst, Afrikansk, Portretter: CL Holloway

WWF

Dette nettstedet ble opprettet i fjor for å øke bevisstheten til WWFs Earth Hour. I stedet for å bare lage et nettsted med noe grafikk og noe innhold, bestemte de seg for å lage en historie. Denne historien strekker seg gjennom horisontalt og minner veldig om å snu sidene i en bok. I mellomtiden er dette et veldig morsomt og interaktivt nettsted.

WWF

Blocklevel

Nei, dette nettstedet ruller ikke eksplisitt fra venstre til høyre. Det er imidlertid en stripe som lar oss se innhold fra venstre til høyre. Det er mye som en hyperaktiv glidebryter, som bare gir mening, spesielt på en av de elskede enkeltsidene.

Blocklevel | Digitaal Productiebureau. Vi lager digitale kampanjer for nettet.

Hot Dot

Hot Dot er et webproduksjonsfirma som hevder at det er ekstremt innovativt. Med slike dristige påstander, ville du bedre håpe de har et nettsted som støtter det. Heldigvis gjør de det. Nå er vi vant til parallaxrulningssider som ruller ned, men denne gangen får vi et parallax-nettsted som ruller til venstre til høyre. Det er så spennende, om ikke moreso, enn forgjengeren og gir et meget innovativt utseende.

Hot Dot - webproduksjon

Rezo Zero Interactive

En stor del av webdesign og utvikling er brukeropplevelsen. Det handler om å skape et interessant sted på nettet som er enkelt og morsomt for den besøkende å bruke. Rezo Zero er en av de nettstedene som har store effekter, gir oppmerksomhet til detaljer, har flott layout og mye mer. For ikke å nevne de gjør en god jobb med å opprette sidebeskrivelse som beveger seg lineært.

Interaktiv designstudio | Lyon | REZO NULL

Søken etter den perfekte popen

Hvis du elsker svart-hvitt fotografi og historier i webdesign, er dette stedet for deg. The Quest for the Perfect Pop er i stor grad dedikert til lyden din øl gjør når du åpner den. Dette nettstedet er en ode til det, og skaper en veldig interessant historielinje som snart vil være tilgjengelig.

Søken etter den perfekte popen

Nerval

Mye som stedet ovenfor får du muligheten til å bla gjennom dette arbeidet som om du går i et museum. Uten den åpenbare grafikken er dette en veldig ren og stilig måte å skape denne følelsen på. Du har absolutt ingenting i veien for å distrahere visningen din fra arbeidet i tillegg til det nødvendige. Dette er en fin måte å vise hvordan minimalisme passer sammen med denne teknikken.

Nerval / Pierre Georges, interaksjonsdesigner.

Min plass

Noen av oss er gamle nok til å huske "Myspace Tom" og argumentene vi hadde med vennene våre om ikke å ha dem i vår topp 8 eller 16. Myspace har bestemt seg for å komme tilbake, men har bestemt seg for å ødelegge sidene med glitter og teddy bjørner faller fra den og i stedet har vi en super, ren og responsiv design som ruller fra venstre til høyre. Mens andre sosiale nettverk går opp og ned, gjør Myspace noe annerledes ved å skape en horisontal navigering.

Myspace er et sted hvor folk kommer til å koble, oppdage og dele.

Giellesse

Giellesse er et møblert designfirma med noen super moderne design. Bortsett fra deres fantastiske samling av stykker, har de skapt en virkelig vakker webdesign som lar deg rulle fra side til side horisontalt. Dette føles mye som å snu en side på en telefon og vil åpenbart oversette godt på mobile enheter. Dette blander den gamle vertikale siden med en ny navigasjonsmetode.

Giellesse | Hjem

Konklusjon

Åpenbart læres vi å holde ting enkelt, men vi blir også fortalt å skape løsninger på problemer. Som du kan se er det åpenbart et sted på nettet for horisontale steder. Enten du vil vise noe av eller lage et pent og friskt konsept, går det fra høyre til venstre, i stedet for opp til ned, for å være gunstig. Hvordan vil du bruke denne teknikken?

Har du bygget et horisontalt rullingssted? Foretrekker du horisontal rulling, vertikal eller ingen i det hele tatt? Gi oss beskjed i kommentarene.