15 horizontale locaties en de argumenten om ze te maken
De opwinding van het scrollen is echt geëvolueerd sinds we jaren geleden gekleurde internetbalken in Internet Explorer konden gebruiken.
Vandaag vinden we nieuwe manieren om het scrollen opnieuw uit te vinden met gebaren, parallax-scrollfuncties en meer. We creëren opwinding en vertellen verhalen. We creëren geweldige gebruikerservaringen en maken inhoud functioneel. Probleem is dat de meeste van deze sites verticaal scrollen gebruiken.
En hoe kun je hen de schuld geven? Het is normaal. Het is wat wordt verwacht. En het is vaak het gemakkelijkst om te implementeren.
Maar waar is de liefde voor horizontale scrollsites? Niet veel mensen creëren ze, vooral vanwege de ontwikkelingsmoeilijkheden en het idee dat horizontale websites minder functioneel zijn. Het argument tegen horizontaal scrollen verloopt in de trant van: "Waarom opnieuw het wiel uitvinden?" Maar moeten we horizontaal scrollen een kans geven?
Wanneer en waarom?
Horizontaal scrollen zou een kans moeten krijgen om twee belangrijke redenen: (1) De verliefdheid die we nu hebben met responsief ontwerp en (2) Horizontale sites hebben een plaats en een doel, net zoals scrollen sites doen.
Laten we snel nadenken over hoe we onze telefoons en tabellen gebruiken wanneer we er een site over trekken. Meestal draaien we de telefoon om zodat het onze inhoud in landschapsoriëntatie laat zien. Dat betekent dat we onze telefoons omdraaien om de breedste die we kunnen zien te zien. Waarom zou u dit niet gebruiken door sites te maken die op deze manier kunnen worden bekeken en genavigeerd? Denk eens aan hoe we online naar video's kijken en hoe we hoe dan ook sites over de breedte ontwikkelen en ontwerpen. Waarom schuiven we horizontaal scrollen?
Nu, voor mijn tweede punt, kan ik u veel beter laten zien dan ik u kan vertellen. Dus, laten we er meteen in springen en zien hoe deze volgende paar sites goed werk doen door horizontaal scrollen te gebruiken om functioneel en interessant te zijn.
Reverse Buro
Deze portfoliosite gebruikt een combinatie van zowel verticaal als horizontaal scrollen om te pronken met hun werk. Het wordt steeds populairder om stukjes werk op hun eigen scherm te plaatsen zonder afleidingen, omdat het gewoon logisch is. Deze navigatiemethode is niet alleen intuïtief, maar creëert een prachtig gevoel van innovatie voor deze ontwerper.
Gavin Castleton
Tegenwoordig is het absoluut noodzakelijk dat muzikale artiesten een manier vinden om zichzelf op te laten vallen. In een dergelijke overstroomde industrie moeten artiesten het complete pakket maken dat hen aandacht zal geven, van de muziek tot het webontwerp. Gavin heeft een prachtige website gemaakt die interessant en perfect is voor het onderbrengen van al zijn informatie.
Bartle Bogle Hegarty
BBH is duidelijk een van de bekendere creatieve agentschappen in de wereld. Wanneer je het succes hebt bereikt, beginnen ze verschillende vestigingen en kantoren te creëren in verschillende delen van de wereld. In plaats van verschillende locaties voor elke locatie te maken, hebben ze een manier om uit te zoeken wat iedereen over de hele wereld doet. Ik hou van de horizontale navigatie, omdat het is alsof je van en naar elke andere locatie reist.
Jens Lehmann
Jens is duidelijk een man die veel titels heeft en veel hoeden draagt. Hij wil ze niet allemaal samen fijnstampen, maar in plaats daarvan heeft hij een huis op het web gecreëerd dat hem in staat stelt om de dingen die hij doet individueel onder de aandacht te brengen. De horizontale navigatie van deze site maakt de transformatie van elke titel gemakkelijk te begrijpen en te zien.
James Joyce
In tegenstelling tot de Reverse Buro-site, zien we elk stuk werk niet per scherm afzonderlijk. Ik denk echter dat het voor James Joyce en zijn ontwerpen werkt, omdat ze allemaal zo op elkaar lijken. We krijgen de kans om zijn stijl echt te zien en te genieten.
Hier ontwerp
Net als de bovenstaande website, krijgen we een horizontale site om te pronken met het werk. Deze geeft een goed voorbeeld hoe je je horizontale rechtvaardiging kunt behouden, maar voegt ook de andere informatie toe die op deze site nodig is.
CL Holloway
Dit is een van de meest voor de hand liggende toepassingen van horizontaal scrollen die ik heb gezien. Het is nogal slim, want deze persoon is een kunstenaar en schilder die waarschijnlijk in verschillende museumexposities heeft gezeten. Waarom doe je dat niet online? Hierdoor krijg je eigenlijk een beter beeld van wat Holloway doet en hoe hij gezien wil worden. Ik hou echt van deze site.
WWF
Deze site is vorig jaar gemaakt om het bewustzijn te vergroten voor het Earth Hour van het WWF. In plaats van alleen een site te maken met wat afbeeldingen en wat inhoud, besloten ze om een verhaal te maken. Deze verhaallijn schuift door horizontaal en doet sterk denken aan het omdraaien van de pagina's in een boek. Ondertussen is dit een erg leuke en interactieve site.
Blocklevel
Nee, deze site scrolt niet expliciet van links naar rechts. Er is echter een strip waarmee we de inhoud van links naar rechts kunnen bekijken. Het lijkt veel op een hyperactieve schuifregelaar, die gewoon logisch is, vooral op een van de geliefde sites met één pagina.
Hot Dot
Hot Dot is een webproductiemaatschappij die beweert dat het uiterst innovatief is. Met zulke gedurfde beweringen, kun je maar beter hopen dat ze een website hebben die dat ondersteunt. Gelukkig doen ze dat. Nu zijn we gewend aan de parallax-scrollsites die naar beneden scrollen, maar deze keer krijgen we een parallax-site die van links naar rechts scrollt. Het is net zo spannend, zo niet moreso, dan zijn voorganger en zorgt voor een zeer innovatieve look.
Rezo Zero Interactive
Een groot deel van webontwerp en -ontwikkeling is de gebruikerservaring. Het gaat erom een interessante plek op internet te creëren die gemakkelijk en leuk is voor de bezoeker om te gebruiken. Rezo Zero is een van die sites met geweldige effecten, aandacht voor details, prachtige lay-out en nog veel meer. Om nog maar te zwijgen van het feit dat ze goed werk verrichten door het maken van paginanavigatie die lineair beweegt.
Quest for the Perfect Pop
Als je van zwart-witfotografie en verhaallijnen in webdesign houdt, is dit de site voor jou. De Quest for the Perfect Pop is grotendeels toegewijd aan het geluid dat je bier maakt wanneer je het opent. Deze site is daar een ode aan en creëert een zeer interessante verhaallijn die binnenkort beschikbaar zal zijn.
Nerval
Net als de bovenstaande site, krijg je de kans om door dit werk te bladeren alsof je in een museum loopt. Zonder de voor de hand liggende grafische weergave is dit een zeer schone en stijlvolle manier om dit gevoel te creëren. Je hebt absoluut niets op je weg om je blik van het werk af te leiden naast het noodzakelijke. Dit is een geweldige manier om te laten zien hoe minimalisme in deze techniek past.
Mijn ruimte
Sommigen van ons zijn oud genoeg om "Myspace Tom" en de argumenten die we hadden met onze vrienden te onthouden over het niet hebben van onze top 8 of 16. Myspace heeft besloten om terug te komen, maar heeft besloten om de pagina's met glitter en teddy te verwijderen beren vallen eruit en in plaats daarvan hebben we een super schoon en responsief ontwerp dat van links naar rechts scrolt. Terwijl andere sociale netwerken op en neer gaan, doet Myspace iets anders door een horizontale navigatie te maken.
Giellesse
Giellesse is een meubelontwerpbedrijf met enkele super moderne ontwerpen. Afgezien van hun prachtige verzameling stukken, hebben ze een heel mooi webontwerp gemaakt waarmee je horizontaal van pagina naar pagina kunt bladeren. Dit lijkt veel op het vegen van een pagina op een telefoon en zou natuurlijk goed vertalen op mobiele apparaten. Dit mengt de oude verticale pagina met een nieuwe navigatiemethode.
Conclusie
Vanzelfsprekend wordt ons geleerd de dingen eenvoudig te houden, maar er wordt ons ook verteld om oplossingen voor problemen te creëren. Zoals u kunt zien, is er natuurlijk een plaats op het web voor horizontale sites. Of u iets wilt laten zien of een net en fris concept wilt creëren, van rechts naar links, in plaats van omhoog of omlaag, kan nuttig zijn. Hoe gaat u deze techniek gebruiken?
Heb je een horizontale scrollsite gebouwd? Geeft u de voorkeur aan horizontaal scrollen, verticaal of helemaal geen? Laat het ons weten in de comments.