Design im Web ist von Anfang an voll aufgegangen.

Es gab eine Wiederbelebung von einfachen, untertriebenen Website-Designs, die den Inhalt direkt in den Vordergrund stellten und die kühnen Grafiken und Gimmicks des letzten Jahrzehnts mieden, ähnlich wie die ersten Websites den Schwerpunkt auf Funktion und Inhalt legten.

Aber es ist wahrscheinlich, dass sich das Web und die Art, wie es entworfen wurde, zyklisch bewegen, wie es bei den meisten Trends der Fall ist. Irgendwann in naher Zukunft werden wir vielleicht wieder Sites mit offeneren "Designs" sehen, deren Inhalt ein wenig nach unten verschoben ist.

Sie werden in diesem Artikel feststellen, dass es Fälle gibt, in denen ich "Design" in Anführungszeichen gesetzt habe. Natürlich sind alle Websites in dem einen oder anderen Bereich gestaltet, und Design bedeutet nicht nur Grafik.

Die Zitate sollen zwischen offenen, visuell dominierenden Designs und der allgemeinen Designpraxis unterscheiden.

Am Anfang…

In den frühen Tagen des Internets gab es sehr wenig "Design". Die meisten Webseiten waren Text, vielleicht ein oder zwei Bilder, die für ein gutes Maß eingefügt wurden. Ein großer Teil davon war auf Bandbreitenbeschränkungen und Bedenken hinsichtlich der Ladezeit zurückzuführen (wenn jeder bei der Einwahl ist, zählt jedes Byte). Und vieles davon war, weil es nicht wirklich viele "Design" -Funktionen in Webstandards gab.

Fügen Sie Probleme mit verschiedenen Browsern hinzu, die Dinge auf völlig unterschiedliche Weise anzeigen, und Sie können sehen, warum fast niemand mit Design beschäftigt war, abgesehen von ein paar Textstilen. Der Inhalt regierte die Oberhand (neben dem gelegentlichen animierten GIF).

Das Internet war neu und die Leute näherten sich dem Druckdesign. Es gab nicht viele "professionelle" Webdesigner, und es gab tendenziell mehr Leute, die für das Web entwarfen, die eher aus einem Software-Hintergrund als aus einem Design-Hintergrund kamen. Aus diesem Grund wurden entweder visuelle Designs minimal gehalten, oder sie waren wirklich, wirklich schlecht.

Wir sollten hier die Prävalenz der "Sternennacht" Hintergrund in frühen Website-Designs erwähnen. Es ist theoretisiert dass die Prävalenz dieses Weltraums Hintergrund ist aufgrund der großen Anzahl von Science-Fiction-und Videospiel-Fans, die in den frühen bis Mitte der 90er Jahre online waren. Manchmal bestanden diese Hintergründe aus statischen Kachelbildern, während sie manchmal animiertes Flackern oder Funkeln hatten. In beiden Fällen waren sie auf frühen Websites unglaublich häufig.

Blinkender Text war einer der schlechtesten Trends der frühen Tage des Webdesigns. Rainbow-Text (insbesondere animierter Text, der die Farben in einer konstanten Schleife änderte) war ein weiterer Trend, der von professionellen Websites glücklicherweise verschwunden ist (obwohl er immer noch auf Amateur-Websites zu sehen ist) ein Hauch von Nostalgie). Dies waren die ersten großen Versuche des visuellen "Designs" im Internet.

Frames, Tabellen, Flash und die Spitze von "Design"

Es dauerte nicht lange, bis die Leute herausfanden, dass sie ihre Webseiten mit HTML-Tabellen formatieren konnten. Während dies viel dazu beigetragen hat, die Welt des Webdesigns voranzutreiben, hat es auch einige wirklich schreckliche Webseitenentwürfe zur Folge gehabt. Es fügte auch die Größe von Websites und Ladezeiten hinzu, da sie in den meisten Fällen mehrere Hintergrundbilder benötigten, um das Design zu erstellen.

Frames waren eine weitere Möglichkeit, mit der viele Website-Ersteller ihre Inhalte formatierten. Ein Rahmen würde Navigationselemente enthalten, während ein anderer den Hauptinhalt enthalten würde. Der Navigationsrahmen bleibt statisch, wenn neuer Inhalt geladen wird. Frames wurden auch verwendet, um Off-Site-Links anzuzeigen, während der ursprüngliche Site-Header oder andere Informationen beibehalten wurden (diese Technik wird heute noch von einer Reihe von Websites verwendet, vor allem Über.com ).

Flash kam ebenfalls zur gleichen Zeit auf und wurde verwendet, um vollständig interaktive, animierte Websites zu erstellen. Ladezeiten für Flash-Sites waren in vielen Fällen länger, aber als Breitband-Internet häufiger wurde, wurden Ladezeiten weniger wichtig.

Das Internet wurde damals von "Design" dominiert. Der Inhalt stand in vielen (meisten?) Fällen hinter dem visuellen Stil zurück. Designer (Profis und Hobbyisten gleichermaßen) wollten ihre Designfähigkeiten zeigen, und der Inhalt und die Benutzerfreundlichkeit litten darunter. Aber das Internet war noch relativ jung, und es war für Milliarden von Menschen kein Teil des täglichen Lebens, so wie es jetzt ist.

Informationsarchitektur und Usability waren noch in ihren frühen Tagen online und wurden von vielen Designern weitgehend ignoriert. Glocken und Pfiffe standen im Vordergrund, unabhängig davon, ob sie tatsächlich die Benutzerfreundlichkeit verbesserten.

Web 2.0: Ausgleich von Inhalt und Design

Mit dem Aufkommen von Web 2.0, Blogs und mehr nutzergenerierten Inhalten wurden Inhalte immer wichtiger. Fettes Design war immer noch wichtig und immer noch sehr durchdacht, und in einigen Fällen hatte es immer noch Vorrang vor dem angezeigten Inhalt.

Squidoo ist ein großartiges Beispiel für Designstile, die in der Web 2.0-Ära üblich sind.

Es gab während dieser Zeit ein paar Seiten, die den Fokus mehr auf den Inhalt legten (Wikipedia wäre wahrscheinlich der prominenteste von diesen), aber das offene Design spielte immer noch eine Hauptrolle in den meisten.

Dem Web 2.0 kann die Hervorhebung von Inhalten zugeschrieben werden, die schließlich der Funktion mindestens ebenso wichtig ist wie der Form. Die meisten Web 2.0-Sites waren relativ benutzerfreundlich und legten den Schwerpunkt auf Benutzerfreundlichkeit. Es gab immer noch eine Prominenz für "Design" -Elemente und Grafiken, aber im Allgemeinen nicht auf Kosten des Inhalts und der Benutzerfreundlichkeit der Website.

MySpace Design

Das Schlimmste, was aus der Web 2.0-Ära kommen wird, ist das, was ich "MySpace Design" nennen werde. Glitzer-Grafiken. Regenbogen und Einhörner. Schreckliche, unlesbare Farbkombinationen. Seiten mit animierten alles. Und all die Generatoren, die es Menschen ohne Designhintergrund und ohne HTML- oder CSS-Kenntnisse ermöglichten, Profilseiten zu erstellen, die schrecklicher waren als jedes Amateur-Design, das jemals in den frühen Tagen des Internets erstellt wurde. Und um die Verletzung noch schlimmer zu machen, wurden sie meistens in schlecht formatiertem HTML und CSS geschrieben.

Glücklicherweise sind diese Arten von völlig übertriebenen und übertriebenen Seiten und Seiten größtenteils auf der Strecke geblieben. Sicher, sie werden immer noch häufig auf den MySpace-Profilen von 14-jährigen Mädchen gesehen (neben vielen anderen demografischen Merkmalen), aber glücklicherweise sind sie nicht sehr häufig ins allgemeine Web übergelaufen. Mit Ausnahme von Cornify , Na sicher.

Der Fokus ist zurück auf Inhalt

In den letzten paar Jahren gab es ein Wiederaufleben in einfachen, sauberen Designs. Sogar Designs, die als "grungy" oder "Web 2.0" -ish gelten würden, haben oft eine gewisse Einfachheit. Der Fokus wird direkt auf den Inhalt gelegt.

Das Frieze Magazine hat ein sehr sauberes und einfaches Design, mit dem Schwerpunkt auf den Inhalt.

Einer der Gründe für diesen Trend ist die Anzahl der Menschen, die im Internet auf Smartphones surfen. Benutzer, die von einem iPhone oder einem anderen Smartphone mit großem Bildschirm aus navigieren, möchten nicht unbedingt eine mobile Website anzeigen. Aber eine Website zu durchsuchen, die übermäßig komplex ist, ist auf einem kleinen Bildschirm mühsam.

Typographica ist ein weiteres großartiges Beispiel für eine Website, die den Inhalt in den Mittelpunkt stellt.

Diese neuen Designs liefern Inhalte und verschwinden nahtlos in den Hintergrund. Sie erleichtern es den Besuchern, nach Inhalten zu suchen und zu suchen, und verbessern das Gesamterlebnis. Aber sie sind nicht offensichtlich oder protzig, und die meisten Leute bemerken sie nicht bewusst. Es ist eine große Abweichung von den Designs, die seit den späten 90er Jahren bekannt sind.

Inhalt vs. Stil

Designer und insbesondere ihre Kunden betrachten Content und Stil (oder Design) zu oft getrennt voneinander. Sie betrachten die beiden als getrennte Entitäten, die irgendwie dazu gebracht werden müssen, zusammenzuarbeiten. Oder zumindest koexistieren im selben Raum.

Das ist der falsche Weg, um sich einem Projekt zu nähern. Ihre Inhalte sollten durch den visuellen Stil Ihrer Website verbessert werden. Und die visuellen Elemente sollten erstellt werden, um den Inhalt zu unterstützen und ihn für Ihre Besucher nutzbar zu machen. Behandeln Inhalt und Design als zwei getrennte Dinge führt zu einem Endprodukt, das oft fehlt.

Sehen Sie sich die Inhalte an, die Ihre Website integrieren muss, und überlegen Sie, wie Sie diese Inhalte am besten im Design präsentieren können. Ein ganzheitlicher Ansatz führt eher zu einem Design, das mühelos Inhalte liefert, ohne auf sich aufmerksam zu machen.

Die zyklische Natur des Designs

Während Design sich ständig weiterentwickelt, bewegt es sich auch in ziemlich regelmäßigen Zyklen. Wir haben uns von den Anfängen des Webdesigns bis hin zu Inhalten, die den Schwerpunkt von Websites bilden, vollständig geschlossen. Und dennoch sind wir in den frühen Tagen des Internets so stark gewachsen, dass niemand eine gut gestaltete Website von 2010 mit einer aus dem Jahr 1995 entworfenen Website verwechseln würde.

Offenes, dominierendes visuelles Design wird wahrscheinlich in den kommenden Jahren ein Comeback erleben, aber es wird wahrscheinlich so weit fortgeschritten und verbessert sein, dass es der Benutzererfahrung nicht mehr abträglich ist.

Mit der Verbreitung von Video- und anderen Nicht-Text-Inhalten kombiniert mit den neuen Möglichkeiten, die von CSS3 und HTML5 präsentiert werden, macht es nur Sinn, dass Grafiken wieder im Mittelpunkt stehen.


Geschrieben exklusiv für WDD von Cameron Chapman

Wie sehen Sie die Beziehung zwischen Design und Inhalt und den in diesem Beitrag dargestellten Lebenszyklen? Bitte teilen Sie Ihre Ansichten unten ...