Die Aufregung des Scrollens hat sich wirklich weiterentwickelt, da wir vor Jahren farbige Scrollbalken im Internet Explorer verwenden konnten.

Heute finden wir neue Wege, um den Vorgang des Scrollens mit Gesten, Parallax-Scroll-Funktionen und mehr neu zu erfinden. Wir schaffen Spannung und erzählen Geschichten. Wir schaffen großartige Nutzererfahrungen und machen Inhalte funktional. Problem ist, dass die meisten dieser Seiten vertikales Scrollen verwenden.

Und wie kannst du es ihnen verübeln? Es ist normal. Es ist was erwartet wird. Und es ist oft am einfachsten zu implementieren.

Aber wo ist die Liebe für horizontal scrollende Seiten? Nicht viele Leute schaffen sie, hauptsächlich wegen der Schwierigkeiten in der Entwicklung und der Idee, dass horizontale Webseiten weniger funktional sind. Das Argument gegen horizontales Scrollen ist wie folgt: "Warum das Rad neu erfinden?" Aber sollten wir dem horizontalen Scrollen eine Chance geben?

Wann und warum?

Horizontales Scrollen sollte aus zwei Hauptgründen eine Chance erhalten: (1) Die Verliebtheit, die wir derzeit mit Responsive Design haben und (2) Horizontale Seiten haben einen Platz und einen Zweck, ähnlich wie das Scrollen von Seiten.

Um schnell den Grund dafür herauszufinden, warum es reaktionsschnell funktioniert, sollten wir überlegen, wie wir unsere Telefone und Tabellen verwenden, wenn wir eine Website auf ihnen aufrufen. In den meisten Fällen wird das Handy umgedreht, damit es unseren Inhalt im Querformat anzeigt. Das bedeutet, dass wir unsere Telefone umdrehen, um die größtmögliche Breite zu sehen. Nutzen Sie dies, indem Sie Websites erstellen, die auf diese Weise angezeigt und navigiert werden können. Denken Sie darüber nach, wie wir Videos online ansehen und wie wir Websites entlang der Breite entwickeln und gestalten. Warum meiden wir horizontales Scrollen?

Nun, zu meinem zweiten Punkt kann ich Ihnen viel besser zeigen, als ich Ihnen sagen kann. Also, lasst uns gleich reinspringen und sehen, wie die nächsten paar Seiten das horizontale Scrollen hervorragend machen, um funktional und interessant zu sein.

Umgekehrtes Buro

Diese Portfolio-Site verwendet eine Kombination aus vertikalem und horizontalem Scrollen, um ihre Arbeit zu zeigen. Es wird immer beliebter, Arbeiten auf ihren eigenen Bildschirmen ohne Ablenkungen zu zeigen, weil es einfach Sinn macht. Diese Navigationsmethode ist nicht nur intuitiv, sondern schafft ein wunderbares Gefühl der Innovation für diesen Designer.

Büro kopieren kopieren

Gavin Castleton

Heutzutage ist es unerlässlich, dass Musikkünstler einen Weg finden, sich hervorzuheben. In einer solchen überfluteten Industrie müssen Künstler das komplette Paket schaffen, das ihnen Aufmerksamkeit verschaffen wird, von der Musik bis zum Webdesign. Gavin hat eine wunderbare Website erstellt, die interessant und perfekt für die Unterbringung all seiner Informationen ist.

Gavin Castleton Kopie

Bartle Bogle Hegarty

BBH ist offensichtlich eine der bekannteren Kreativagenturen der Welt. Wenn Sie den Erfolg, den sie haben, erreicht haben, fangen sie an, verschiedene Niederlassungen und Büros in verschiedenen Teilen der Welt zu schaffen. Anstatt für jeden Standort verschiedene Websites zu erstellen, haben sie eine Möglichkeit, auf der ganzen Welt nachzusehen, was sie tun. Ich mag die horizontale Navigation, weil es so ist, als ob man zu und von jedem anderen Ort reist.

Bartle Bogle Hegarty Kopie

Jens Lehmann

Jens ist offensichtlich ein Typ, der viele Titel trägt und viele Hüte trägt. Er möchte sie nicht alle zusammen vermischen, stattdessen hat er im Internet ein Zuhause geschaffen, in dem er die Dinge, die er macht, individuell präsentieren kann. Die horizontale Navigation dieser Site macht die Transformation von jedem Titel leicht zu verstehen und zu sehen.

Offizielle Homepage von Jens Lehmann | Offizielle Website von Jens Lehmann

James Joyce

Anders als bei der Reverse-Buro-Site können wir nicht jedes Werk einzeln auf dem Bildschirm sehen. Ich denke jedoch, dass es für James Joyce und seine Designs funktioniert, weil sie alle so ähnlich sind. Wir haben die Chance, seinen Stil wirklich zu sehen und zu genießen.

James Joyce

Hier Design

Ähnlich wie bei der oben genannten Website erhalten wir eine horizontale Website, um die Arbeit zu zeigen. Dieser erstellt ein großartiges Beispiel, wie Sie Ihre horizontale Ausrichtung beibehalten können, aber auch die anderen Informationen hinzufügen, die auf dieser Site notwendig sind.

hier Design

CL Holloway

Dies ist eine der offensichtlichsten Anwendungen des horizontalen Scrollens, die ich gesehen habe. Es ist ziemlich klug, da diese Person ein Künstler und Maler ist, der wahrscheinlich in verschiedenen Museumsausstellungen gewesen ist. Warum nicht online machen? Dadurch kann man besser verstehen, was Holloway macht und wie er gesehen werden möchte. Ich mag diese Seite wirklich.

Künstler, Maler, Corporate Art, Afrikanisch, Portraits: CL Holloway

WWF

Diese Seite wurde letztes Jahr erstellt, um auf die Earth Hour des WWF aufmerksam zu machen. Anstatt nur eine Seite mit einigen Grafiken und einigen Inhalten zu erstellen, entschieden sie sich, eine Geschichte zu erstellen. Diese Storyline scrollt horizontal und erinnert sehr daran, die Seiten in einem Buch zu drehen. Inzwischen ist dies eine sehr amüsante und interaktive Seite.

WWF

Blocklevel

Nein, diese Seite scrollt nicht explizit von links nach rechts. Es gibt jedoch einen Streifen, mit dem wir Inhalte von links nach rechts sehen können. Es ist wie ein hyperaktiver Slider, der gerade auf einer der geliebten Single-Page-Sites Sinn macht.

Blocklevel | Digitaal Produktbüro. Wij maken digitale campages für das Web.

Heißer Punkt

Hot Dot ist ein Web-Produktionsunternehmen, das behauptet, dass es extrem innovativ ist. Mit solch kühnen Behauptungen sollten Sie besser hoffen, dass sie eine Website haben, die das unterstützt. Zum Glück tun sie das. Nun sind wir an die Parallax-Scroll-Seiten gewöhnt, die nach unten scrollen, aber dieses Mal erhalten wir eine Parallax-Site, die von links nach rechts scrollt. Es ist so aufregend, wenn nicht sogar mehr als sein Vorgänger und sorgt für ein sehr innovatives Aussehen.

Hot Dot - Webproduktion

Rezo Zero Interaktiv

Ein großer Teil des Webdesigns und der Entwicklung ist die Benutzererfahrung. Es geht darum, einen interessanten Ort im Internet zu schaffen, der einfach und unterhaltsam für den Besucher ist. Rezo Zero ist eine dieser Seiten, die tolle Effekte hat, auf Details achtet, ein wundervolles Layout hat und vieles mehr. Nicht zu vergessen, dass sie eine Seitennavigation erstellen, die sich linear bewegt.

Interaktives Designstudio | Lyon | REZO ZERO

Suche nach dem perfekten Pop

Wenn Sie Schwarz-Weiß-Fotografie und Story Lines im Webdesign lieben, ist dies die Website für Sie. Die Suche nach dem perfekten Pop ist weitgehend dem Klang deines Bieres gewidmet, wenn du es auftauchst. Diese Seite ist eine Ode an das, eine sehr interessante Geschichte, die in Kürze verfügbar sein wird.

Suche nach dem perfekten Pop

Nerval

Ähnlich wie auf der obigen Seite haben Sie die Möglichkeit, durch diese Arbeit zu scrollen, als ob Sie in einem Museum spazieren gehen würden. Ohne die offensichtliche Grafik ist dies eine sehr saubere und elegante Art, dieses Gefühl zu erzeugen. Sie haben absolut nichts dagegen, Ihren Blick von der Arbeit abzulenken. Dies ist eine großartige Möglichkeit zu zeigen, wie sich der Minimalismus in diese Technik einfügt.

Nerval / Pierre Georges, Interaktionsdesigner.

Mein Platz

Einige von uns sind alt genug, um sich an "Myspace Tom" zu erinnern und die Argumente, die wir mit unseren Freunden hatten, dass sie nicht in unseren Top 8 oder 16 sind. Myspace hat beschlossen, ein Comeback zu machen, hat aber beschlossen, die Seiten mit Glitter und Teddy zu zertrümmern Bären fallen davon und stattdessen haben wir ein super sauberes und responsives Design, das von links nach rechts scrollt. Während andere soziale Netzwerke auf und ab gehen, macht Myspace etwas anderes, indem er eine horizontale Navigation erstellt.

Myspace ist ein Ort, an dem Menschen sich verbinden, entdecken und teilen.

Giellesse

Giellesse ist ein Möbel-Design-Unternehmen mit einigen super modernen Designs. Abgesehen von ihrer atemberaubenden Sammlung von Stücken, haben sie ein wirklich schönes Webdesign geschaffen, mit dem Sie horizontal von Seite zu Seite scrollen können. Das fühlt sich sehr an, als würde man eine Seite auf einem Handy wischen und würde natürlich gut auf mobilen Geräten übersetzen. Dies mischt die alte vertikale Seite mit einer neuen Navigationsmethode.

Giellesse | Zuhause

Fazit

Offensichtlich wird uns beigebracht, die Dinge einfach zu halten, aber wir werden auch aufgefordert, Lösungen für Probleme zu schaffen. Wie Sie sehen können, gibt es offensichtlich einen Platz im Internet für horizontale Seiten. Egal, ob Sie etwas zeigen oder ein sauberes und frisches Konzept erstellen möchten, das Bewegen von rechts nach links statt von oben nach unten kann von Vorteil sein. Wie werden Sie diese Technik nutzen?

Haben Sie eine horizontale Scroll-Site erstellt? Bevorzugen Sie horizontales Scrollen, vertikal oder gar nicht? Lassen Sie es uns in den Kommentaren wissen.