Was ist los mit der einseitigen Website-Design-Modeerscheinung?

Ich habe einen Zustrom von Websites gesehen, die ihren gesamten Inhalt auf einer Seite zusammengefasst haben, unter anderem auf dieser Website . Sogar die Websites auf einigen der Listen, die ich im Smashing Magazine sehe, tun dies ( wie diese mit scheinbar hundert Websites, von denen die meisten sie verwenden).

Als Programmierer nervt mich dieser Stil (aus einer Reihe von Gründen, hauptsächlich aus technischen Gründen, nicht zuletzt aus Wartung, SEO, Ladezeiten usw.), aber was noch wichtiger ist, ich bin gespannt, warum er bei diesen beliebt wurde Designer am Anfang?

Es gibt zwei verschiedene Trends.

Der erste ist der Trend zu einer einfachen Website. Wenn es sich um eine Broschürenseite handelt, werden wahrscheinlich keine vier separaten Seiten benötigt. Eine Bildlaufseite ist einfacher zu verwenden, zu navigieren und zu warten. Viele iPhone App-Websites verwenden dieses Modell. Wie viele kleine Unternehmen. Viele Websites können davon profitieren.

Der andere Trend ist, dass Flash-Entwickler endlich HTML, jQuery und AJAX entdecken und immer noch im alten Flash-Modell von 'one file = one site' denken. Dies unterscheidet sich vom ersten Trend darin, dass es sich um eine große Website handelt, auf der viele Inhalte auf einer Seite mit Daten / Interaktionen komprimiert sind. Wie Sie angeben, weist diese Methode alle möglichen Nachteile auf, obwohl sie mit dem richtigen Code überwunden werden können (sicherstellen, dass sich URLs ändern / mit Lesezeichen versehen sind, Google im Inhalt navigieren kann, Ladezeiten über AJAX verwaltet werden usw.).

Ich denke, eine der besten Ideen hinter einer einseitigen Website ist, dass sie eher einen narrativen Aspekt hat. Das beste Beispiel, das ich mir vorstellen kann, ist diese Seite : Eine Website für Verlobungs- / Hochzeitseinladungen. Dies ist eine unglaubliche Seite, und sie funktioniert aus vielen Gründen. Einer davon ist, dass alles so gut zusammenfließt. Es hätte nicht die gleiche Wirkung, die sich über mehrere Seiten erstreckt.

Diese Demo, die ursprünglich gemacht wurde, um IE9 zu demonstrieren, dreht sich alles um das Geschichtenerzählen . Fast wie ein Bilderbuch, aber mit Scrollen statt Blättern. Und deshalb ist es wirklich nahtlos und cool. Nicht wirklich praktisch für die Erstellung einer Business-Site, aber es zeigt einen Grund, warum die einseitige Stimmung nützlich ist.

Es funktioniert auch mit kleineren Seiten mit wenig Inhalt . Als ich heiratete, hatte ich alle unsere Informationen auf einer einseitigen Website, weil es einfach nicht genug Inhalt gab, um von Seite zu Seite zu wechseln. Es war einfacher, eine einseitige Site zu erstellen und zu warten, und die Ladezeit war nicht wirklich ein Problem.

Wenn es ums Geschäft geht, denke ich, dass es ein schwierigerer Fall ist. Ich dachte, ein denkwürdiges Beispiel wäre, als Google sein Nexus-Telefon auf den Markt brachte - sie haben es auf einer einseitigen Website gemacht. Seit sie ihr Tablet gestartet und ihr Q angekündigt haben, ist es nicht mehr so, also kann ich nicht verlinken, aber es war wirklich toll, alles an einem Ort zu sehen. Sie reduzieren Klicks und sorgen für ein noch intensiveres Erlebnis .

Ich denke, Sie werden viele Beispiele von Menschen sehen, die dies nur tun, um ihren Kodierungsmuskel zu spielen oder um zu versuchen, aus einem Trend Kapital zu schlagen. Aber das passiert in der Designwelt immer wieder. Halten Sie es auf dem Tisch, wenn Sie den Zweck Ihrer Website berücksichtigen, und verwenden Sie es gegebenenfalls!

Dies hat einen Vorteil (nur einen, an den ich denken kann!): Wenn Sie mit Ctrl+ suchen möchten F, befindet sich der gesamte Inhalt auf einer Seite, sodass Sie die gesamte Website auf einmal durchsuchen können (vorausgesetzt, der Inhalt ist durchsuchbar). .

Ich denke, es ist teilweise auf das Konzept zurückzuführen: "Lassen Sie den Benutzer nicht nach mehr Inhalten fragen - geben Sie sie einfach an ihn weiter." Wie bei Google, Twitter usw. werden automatisch weitere Ergebnisse erzielt, je weiter Sie nach unten scrollen.

Es lohnt sich, Aza Raskins GoogleTech-Vortrag aus dem Jahr 2008 "Lass mich nicht klicken" zu sehen .

Das ganze Gespräch ist sehr interessant, aber das verwandte Stück hier beginnt bei 29 Minuten. Hier hat er Firefox gehackt, sodass Sie alle Ihre Browser-Registerkarten auf eine fortlaufende vertikal scrollende Seite bringen.

Ich frage mich, ob dies der Vorläufer dessen war, was Sie jetzt sehen.

Zwei Wörter: Benutzererfahrung.

Grundlegende Portfolio-Websites sollten nicht erfordern, dass ein Benutzer auf mehrere Seiten klickt, um zu sehen, was sie zu bieten haben, wenn der Inhalt einfach und unkompliziert ist.

Oder genauer gesagt, der Aufruf zum Handeln ist einzigartig. Wenn das Ziel der Website lautet: "Hire Me", kann die Website kontraproduktiv sein, wenn ihre Sitemap unnötig komplex ist.

EDIT: einige Beispiele unten ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/

Aus SEO-Sicht ist das einseitige Website-Design eine Modeerscheinung.

Dies wird wahrscheinlich Ihre SEO-Leistung beeinträchtigen, insbesondere wenn Sie in einem hart umkämpften Geschäftsumfeld arbeiten. Ich weiß, dass Grafikdesigner dies selten berücksichtigen, und andererseits haben Kunden nicht genügend Kenntnisse über SEO, aber wenn Sie einen SEO-Spezialisten fragen, werden sie dasselbe sagen.

Mein Tipp? Bitten Sie Ihren SEO-Spezialisten, eine Keyword-Recherche durchzuführen und Ihnen einen Überblick über Ihre Website-Struktur zu geben.

Sie können mehr über Search Engine Land lesen, diese Leute kennen sich mit SEO sehr gut aus;) https://searchengineland.com/single-page-websites-seo-182506

Es sieht so aus, als wäre es ein Versuch, alles "über die Falte" zu bringen - den kostbaren, kostbaren Bereich, in dem der durchschnittliche Betrachter mit kurzer Aufmerksamkeitsspanne bleibt. Verschiedene Usability-Studien haben dies gezeigt, so dass die Leute versuchen, das "wichtige" Zeug dort abzulegen. Es sieht so aus, als hätte dieser Designer das Gefühl, "alles ist so wichtig".

Ich denke nicht, dass es mehr ist als jemand, der den neuesten auffälligen Trick benutzt, um Leute dazu zu bringen, eine Website zu lesen.

Nehmen Sie zum Beispiel die Nike-Website in @ Shaunas verlinktem Artikel. Ehrlich gesagt, gibt es noch viel Innovation im Laufschuhdesign und in der Werbung für dieselben Laufschuhe? Dieser Inhalt hätte genauso gut in eine Broschüre oder in Flash eingefügt werden können, wenn sie die Parallaxe wollen. Stattdessen können sie aufgrund des neuen Navigationsschemas ohne die Belastung durch Flash einen raffinierten Parallaxeeffekt hinzufügen .

Ich würde sogar so weit gehen zu vermuten, dass es auf der Website des Smashing Magazine ein HTML5 / CSS-Tutorial gibt, das zeigt, wie dies gemacht wird, das die gezeigten Websites hervorgebracht hat.

Ich denke tatsächlich, dass das erste Element (die Driftleiste), das Sie verknüpft haben, einen coolen Faktor hat: Es sieht in Bewegung gut aus.

Es machte für mich keinen Sinn, bis ich tatsächlich auf einen der Menü-Links geklickt habe, und jetzt sehe ich, dass die Animation die einzige treibende Kraft für die gesamte Idee war. Es ist eine Art Old-School-3-Flugzeug-Kameraeffekt wie ein alter Popeye- oder Disney-Cartoon.

Ich denke, die Bildlauffähigkeit auf dieser Seite ist entweder ein Fehler oder eine Funktion, die sie nicht loswerden konnten.

Ein Problem ist, dass es bei den Kunden beliebt sein könnte! Diese Websites erinnern an die Tage der Flash-Microsites für ein neu veröffentlichtes Produkt. Parallax scheint diesen Job im Moment zu erledigen. Für eine Produkt-Microsite sind sie meiner Meinung nach in Ordnung, für eine Website mit tatsächlichem Inhalt sind sie definitiv nicht geeignet. Ich denke, eine andere Sache ist, dass Designer gerne zeigen, dass sie auf dem neuesten Stand und im Trend sind. Eine Website in einer beliebten neuen Modetechnik könnte von Vorteil sein. Alle oben genannten Informationen beziehen sich auf das Internet auf ähnlichen Websites.

Ich denke, Sie haben Ihre Frage im Titel ziemlich genau beantwortet - das heißt, es ist eine Modeerscheinung.

Genau wie vor Jahren, als Javascript (und dann AJAX) erschien und die Leute alle möglichen ausgefallenen Dinge damit machten, hat eine bessere Unterstützung für Jquery und CSS 2/3 und eine bessere Rendergeschwindigkeit in Browsern eine ganz neue Runde des Experimentierens mit neuen Methoden ausgelöst Websites zu erstellen, die in der Vergangenheit aufgrund bestimmter älterer Browser möglicherweise nicht so praktisch waren.

Aber genau wie bei CSS, Javascript und AJAX wird die Modeerscheinung reifer und sanfter und mit der Zeit geschliffener, angenehmer und nützlicher. Ihr erstes Beispiel ist einfach kopfschmerzauslösend mit seinem verrückten, unzusammenhängenden Scrollen (wenn Sie beispielsweise am Anfang stehen und "Galerie" drücken). Meiner bescheidenen Meinung nach ist es zu weit gegangen, und es ist nicht glatt genug, um die Trennung vom Normalen zu rechtfertigen. Dies bedeutet nicht, dass alle Websites, die ähnliche Techniken verwenden, schlecht sind.

Es ist wichtig, dass Designer mit neuen Methoden experimentieren, um Dinge mit neuen Technologien zu tun. Ich würde nicht für einen Moment vorschlagen, dass dies niemals versucht werden sollte. Aber es ist was es ist - experimentell.