Ein Blick zurück auf 30+ Mehrere Jahre Website-Gestaltung

Das World Wide Web Design hat seit 1991, als die allererste Website veröffentlicht wurde, einen sehr langen Weg zurückgelegt. Diese Webseite, die sich vollständig auf Textinhalte konzentrierte, markierte den Beginn dessen, was sich zu einer elektronischen Revolution entwickeln sollte.

Und obwohl mich Erinnerungen an „im Bau“ befindliche GIFs und blendende Farben der Erfolgsgeschichte dafür dankbar machen, wie sehr sich das Internet entwickelt hat, gibt es einige historische Entscheidungen im Website-Stil, die im Wesentlichen ein Nicken des Respekts erfordern.

Internetseiten wie diese 1 haben beides schon lange nicht mehr gefehlt. Wenn Sie sehen möchten, wie eine Website angesichts der Tatsache, dass sie gestartet wurde, zu irgendeinem Zeitpunkt aussah, geben Sie ihren Domain-Titel in die Wayback-Maschine ein und wählen Sie einen Tag aus. Lassen Sie uns in diesem Artikel nur einen Blick darauf werfen, wie sich der Website-Stil entwickelt hat, von Schnittstellen mit reinen Textinhalten bis hin zu den glatten, modernen Designs, die wir heutzutage sehen.

Anfang der 1990er Jahre: Antike

Die frühen 90er markieren den Beginn unserer Website-Layout-Zeitachse. Zu diesem Zeitpunkt gab es so etwas noch nicht als schnellen Weblink. Es waren DFÜ-Modems, oder es war nichts. Daher mussten Websites für deutlich unterdurchschnittliche Verbindungsgeschwindigkeiten entwickelt werden. Sie erschienen hauptsächlich wie Textpartitionen – was wir heute als „Layoutformat“ als selbstverständlich ansehen, existierte nicht.

Obwohl später HTML-Varianten für weitaus fortgeschrittenere Designs zugelassen wurden, waren sie im Vergleich zu heute noch sehr grundlegend und bestanden hauptsächlich aus Tags für Überschriften, Absätze und eingehende Links. Sichtbare Komponenten und Styling wie Typografie, Bilder und Navigation waren Elemente der nicht allzu fernen absehbaren Zukunft.

Takeaways für moderne Internet-Websites:

Während die Funktionalität dieser frühen Websites rein informativ war, können wir einige Designkomponenten sehen, die derzeit verwendet werden. Diese alten Webseiten wurden extrem leicht und optimiert für eine allmähliche Internetverbindung, die wir alle von Zeit zu Zeit weiterarbeiten. Diese Design- und Stilfaktoren berücksichtigten die Arbeitserfahrung der Person, alles, was die heutigen Websites normalerweise nicht tun, selbst bei höheren Geschwindigkeiten.

Sicherlich kann das World Wide Web von heute mit mediengeladenen Internet-Websites fertig werden … aber es hat schon jetzt einige Grenzen. Große Mediendateien, gewichtiger Grafikstil und ungewöhnliche Animationen können alle zu höheren Absprungraten beitragen, wenn die Ladegeschwindigkeiten normalerweise nicht so hoch sind, wie wir es möchten. Behalten Sie Ihre Person im Kopf, wenn Sie komplizierten Stil und Design in Betracht ziehen, und denken Sie daran, KISS (Continue to keep It Very simple, Superhero).

Mitte der 1990er: Das Mittelalter

Die Hochzeiten der Netzstruktur wurden von On-Site-Website-Erstellern und Spacer-GIFs geplagt. (Größer als eine echte Plage, ideal?) Mitte der 90er Jahre hatte sich der Website-Stil sowohl in Bezug auf die Komposition als auch auf das visuelle Erscheinungsbild entwickelt. Designer begannen damit, hauptsächlich tabellenbasierte Layouts zu verwenden, um Material zu verwalten, was eine erhöhte Flexibilität und kreative Vorstellungskraft ermöglichte. Websites waren immer noch eher textueller Inhalt, aber Text könnte jetzt für eine viel bessere Lesbarkeit in Spalten, Zeilen und andere Navigationsmerkmale unterteilt werden.

Grafische Layoutfunktionen wurden auch sofort beliebter. Website-Zugriffszähler, animierter Text und tanzende GIFs sind nur einige der grafischen Merkmale, die diese Zeit im Netzstil kennzeichnen.

Takeaways für heutige Websites:

Im Moment gibt es viele Gründe, warum Desktop-abhängiges Design und Stil nicht die ideale Wahl für Ihre Website sind – der hohe Preisaufschlag, die langsamen Ladezeiten und die visuelle Inkonsistenz sind nur einige der Fallstricke.

Unabhängig davon war dieser Fortschritt für die Entwicklung des World Wide Web-Stils von entscheidender Bedeutung: Er war der erste Schritt in Richtung eines nichtlinearen Seitenrahmens für Websites. Einzelne Elemente können jetzt in verschiedenen Abschnitten einer World Wide Web-Seite positioniert werden, und Designer erfahren, wie sie den effektivsten Weg finden, um vorhandene Daten für den Verbraucher bereitzustellen.

Die Webseitenstruktur bleibt entscheidend, wenn es um Navigation und geschriebene Inhalte geht. Es entscheidet weitgehend, wie der Benutzer Ihre Website erlebt und mit ihr interagiert. Auch wenn diese Faktoren während des gesamten Zeitalters der Webstruktur möglicherweise nicht im Vordergrund standen, stehen sie derzeit sicherlich im Vordergrund.

Ende der 1990er: Die Renaissance

Renaissance. Wiedergeburt. Der World-Wide-Web-Stil hat seinen beträchtlichen Anteil an Neuerfindungen erfahren, aber einer der ersten geschah mit der Einführung von Flash. Eingeführt im Jahr 1996, eröffnete Flash eine Fülle von Gestaltungsmöglichkeiten, die mit einfachem HTML nicht erreichbar waren. Es war die Verbindung von virtueller Grafik und Interaktion.

Während viele der gleichen Design- und Stilkomponenten aus früheren Perioden weiterhin vorhanden waren, wurden sie mit Animationen, gekachelten Verlaufsgrafiken, Neonfarben, 3D-Schaltflächen, Splash-Webseiten und anderen Multimedia-Elementen erweitert.

Flash markierte den Beginn von kundenorientiertem Stil und Design – Konstruktion und Navigation wurden zu entscheidenden Kriterien, und Designer begannen, Aussehen und Benutzerfreundlichkeit über reine Artikel hinaus zu verfeinern.

Takeaways für heutige Internetseiten:

Flash war ein Game-Changer, aber es würde nicht dauerhaft überall haften. Flash wird derzeit kaum angewendet und gilt als eine der größten Weboptimierungssünden aller Zeiten. Heutzutage ist es üblich, sich für alternative Lösungen wie CSS- und JavaScript-Animationen zu entscheiden, um gleichwertige Ergebnisse zu erzielen, oder Filme von Internet-Hosting-Websites für Videoclips einzubetten.

Anfang der 2000er: Die Aufklärung

Die frühen 2000er Jahre waren ein Zeitraum, in dem Benutzerfreundlichkeit und Anpassungsfähigkeit wirklich in den Vordergrund der World Wide Web-Struktur rückten.

Die primäre Nachfrage war CSS, eine Programmiersprache, die es Entwicklern ermöglichte, sichtbare Regeln in Informationen von HTML getrennt zu halten und geschriebenen Inhalt und Mode gekonnt zu trennen. Dies gab sowohl diesen Netzdesignern als auch den Entwicklern von geschriebenen Inhalten eine größere künstlerische Freiheit – Inhalte konnten nun vollständig aus dem Design entwickelt werden und umgekehrt. Mit CSS erstellte Websites sind einfacher zu warten (weniger Code und Komplexität), viel flexibler (div-Tags sind unabhängig voneinander) und schneller zu laden (kleinere Dateien).

Viel bessere Kenntnisse der Farbpsychologie führten auch zu einer verstärkten Verwendung von Weißraum und der Reduzierung von grellen Farbtönen wie Neons. Links wurden nicht mehr nur Textinhalten, sondern Auflösung und Pixelierung zu Symbolen hinzugefügt und wurden zu wichtigeren Themen, und die strategische Platzierung von Material gewann ebenfalls an Bedeutung.

Imbissbuden für heutige Internetseiten:

Männer und Frauen scannen normalerweise Websites auf der Suche nach den Informationen und Fakten, die sie benötigen, sodass jede Website, die diese Aufgabe vereinfacht, ein großes Testzeichen erhält. Versierte Webdesigner wissen, dass die meisten Endbenutzer nicht alles auf einer Website durchsuchen sollten und verstehen, wie das Publikum Informationen betrachtet.

Intuitiv aufbereitete Fakten, visuell akzentuierte Inbound-Links und einfache Navigation sind daher nur einige der besten Verfahren, die moderne Websites einhalten müssen. Generell Stil und Design mit Benutzerfreundlichkeit im Hinterkopf!

Mitte bis Ende der 2000er: Die industrielle Revolution

Die industrielle Revolution des Netzdesigns und -stils beginnt mit dem Beginn von Net 2. Zu dieser Zeit begannen sich die Dinge wirklich in Richtung des modernen World Wide Web zu bewegen. Der Fortschritt von Multimedia-Apps, der Aufstieg von interaktiven schriftlichen Inhalten und das Aufkommen von Social Media sind einige entscheidende Merkmale dieses Zeitraums.

Darüber hinaus diktierten diese Verbesserungen hauptsächlich die Art und Weise, wie die Website-Struktur … gut gemacht war. Ästhetische Änderungen bündelten eine verbesserte Farbverteilung, eine verstärkte Verwendung von Symbolen und eine bessere Aufmerksamkeit für die Typografie.

Am wichtigsten ist jedoch, dass Stil und Design immer mehr zu Inhalten wurden, und schriftliche Inhalte zu Forschungsmotoroptimierung. Da die Person jetzt fest im Mittelpunkt des Layouts steht, wurden Marketinglösungen (zumindest ausdrücklich) zum sekundären Merkmal von Websites – jetzt ging es nur noch darum, sie aufzudecken.

Takeaways für heutige Internetseiten:

Wie bereits erwähnt, wurde bei der Entwicklung der Website 2. die Weiterentwicklung der Weboptimierung als eine zu berücksichtigende Sache beobachtet. Obwohl diese Methoden im Laufe der Jahre angepasst wurden, ist das Nachdenken über Ihre Website im Sinne der Weboptimierung immer noch eine wichtige Prämisse für die meisten florierenden Unternehmenswebsites.

SEO erfordert schriftliche Inhalte, und schriftliche Inhalte wurden in dieser Zeit meist zum Schwerpunkt des Website-Stils und -Designs. Keyword-Optimierung, Inbound- und Outbound-Linking, Authoring, Tagging und Syndication-Know-how wie RSS wurden zu reinen Layout-Elementen. Während URL-Spamming und Search Term Jamming diese Methoden schnell ausgenutzt haben, sind diese Verfahren nicht mehr lange effektiv und (hoffentlich) weitgehend verpufft.

2010 bis heute: Die modische Ära

Heute, rund zwei Jahre nach Erscheinen der ersten Internetpräsenz, hat sich das Netzlayout allein als unersetzlicher Bestandteil jeder guten Werbe- und Marketingstrategie fest etabliert. Jüngste Analysen haben ergeben, dass 50 % der heutigen Verbraucher davon ausgehen, dass der Stil einer Website für das Geschäftsmodell von entscheidender Bedeutung ist.

Unter den Bedingungen der zeitgenössischen Ästhetik haben wir die Verbreitung des Minimalismus miterlebt: spärliche Artikel, flache Grafiken (so langwierig, 3D-Buttons!), einfachere Farbpaletten und große und kühne Visuals. Darüber hinaus hat UX die mittlere Stufe eingenommen und bietet diese Layoutoptionen als unendliches Scrollen und Design und Stil von Einzelseiten an.

Wie Sie vielleicht bemerkt haben, hat unsere Internetseite all diese Eigenschaften in ihrem neuesten Layout übernommen:

Ein wichtiger Schritt in der Entwicklung von Web-Design und -Design ist das mobile Internet. In Anbetracht der Einführung des Iphone im Jahr 2007 gab es eine erneute Analyse der Art und Weise, wie Internetseiten strukturiert sind, um der wachsenden Zahl mobiler Internetnutzer Rechnung zu tragen. Dies umfasst verschiedene mobile Frameworks, die eine „Mobile-First“-Strategie wählen, und ein noch größeres Ziel bei der Optimierung der Mobilfunkgeschwindigkeit, wenn man bedenkt, dass Telefone normalerweise nicht die Verarbeitungsgeschwindigkeit oder Beziehungsleistung Ihres typischen Desktops haben.

Diese digitale Revolution hat auch zu einem Anstieg des responsiven Layouts geführt, bei dem Seitenaspekte automatisch an die Breite des Browserfensters angepasst werden, sodass Websites auf jedem Computer oder Display gut sichtbar sind. Jetzt ist ein reaktionsfähiges Design erforderlich, um sicherzustellen, dass eine zufriedenstellende Begegnung mit mobilen Benutzern gewährleistet ist, da über 50 % der Website-Besucher weltweit von Mobiltelefonen kommen.

Wohin werden Internetseiten als nächstes gehen?

Wenn es ein bestimmtes Element gibt, das jeden Einzelnen nur zu einer dieser Entwicklungen erzogen hat, dann ist es geschriebener Inhalt. Jeder einzelne Strukturbestandteil unten wurde so angepasst, dass er das am besten geeignete Material auf die produktivste und effektivste Weise zur Person bringt. Vorstellungen von Zugänglichkeit, Anpassungsfähigkeit und Benutzerfreundlichkeit definieren diese Periode des World Wide Web-Layouts wirklich.

Obwohl wir derzeit sicherlich viel mehr mit Internetdesign tun können, ist es angenehm, einen Auftritt in der Region zu betrachten, aus der wir kommen. Wenn man sich ansieht, wie weit das Website-Design so weit fortgeschritten ist, ist es wirklich aufregend zu wissen, wo es in den nächsten 20 Jahren sein wird.

Hinweis des Herausgebers: Diese Veröffentlichung wurde ursprünglich im Juli 2013 veröffentlicht und ist aus Gründen der Vollständigkeit auf dem neuesten Stand.