Design Tagebuch

Basiskoffer

Basiskoffer Webdesign

Ich komme viel herum. Als passionierter Globetrotter habe ich eine ganze Menge Länder bereist. Mal hatte ich während einer Reise ein klares Ziel vor Augen, das es zu entdecken galt und mal lies ich mich treiben. Ähnlich bewege ich mich auch im Web. Als Designer und Blogger durchstreife ich Woche für Woche mehrere hundert Seiten. Angefangen von der Recherche für eigene Projekte oder Blogartikel, über Besuche der einschlägigen Nachrichtenportale, die man vermutlich als Trampelpfade bezeichnen könnte, bis hin zu ausgiebigen Einkaufstouren, bei denen man niemals Schlange stehen muss, was ich sehr schätze. Zahlreiche Linktipps meiner Leser führen mich zu Orten, die ich vermutlich aus eigenem Antrieb heraus niemals entdeckt hätte. Von kurios, über informativ oder gar essentiell wichtig, bis erheiternd ist alles dabei.

Das Medium Internet prägt mich spätestens seit meiner Diplomarbeit 1999. Ich habe für Konzerne wie Preussag und Salzgitter AG die allerersten Webauftritte auf den Weg gebracht. Damals waren das überschaubare Projekte und noch viel freier hinsichtlich ihrer Restriktionen und Konventionen als man es heute in den allermeisten größeren Projekten vorfindet. Einen krassen Beleg für die Konformität von Webauftritten sind aktuell sicherlich deutsche Nachrichtensites, die sich hinsichtlich des Aufbaus, des Inhaltes aber auch in Bezug auf das Design kaum noch unterscheiden. Dieser, auch durch das Werbemitteldiktat hervorgerufene, Einheitslook zahlreicher Nachrichtenmarken im Web ist aber gleichzeitig eine Chance für all diejenigen, die sich bewusst unterscheiden wollen. Ein Bruch mit dem bestehenden Raster erleichtert dies und ist unabdingbar, wenn man Eigenständigkeit und Wiedererkennbarkeit erreichen will.

Egal ob ich in den Flieger steige oder ob der Relaunch eines neuen Projektes ansteht, ich habe immer ein paar Sachen dabei, ohne die ich nicht losziehe. Packen wir doch einmal einen Koffer, mit dem sich ein Webauftritt in Bezug auf das Design und die Aufbereitung der Inhalte bestens realisieren lässt. Ich habe deshalb einmal einen “Basiskoffer” zusammengestellt, der mit elementaren Komponenten befüllt ist und mir bei jedem Projekt zur Seite steht.

Aufbau

Aufbau

Ein guter Aufbau ist die Basis, das Schuhwerk gewissermaßen. Der Aufbau folgt dabei dem Inhalt, nicht umgekehrt. Nur so wird kein Korsett sondern ein Maßanzug draus. Bevor der erste Griff in die Farbpalette erfolgt, sollte der “grobe Rahmen”, das Gerüst stehen. Während der Konzeptionsphase wird der gesamte Inhalt sondiert und hinsichtlich seiner Position innerhalb des Webauftritts geordnet und strukturiert. Dabei kann z.B. auffallen, dass weder eine rechte Spalte noch eine linke von Nöten sind. Der Wunsch des Kunden bezüglich einer emotionalen Ansprache könnte wiederum eine zentrale Bühne für großformatige Fotos erforderlich machen. Der zukünftige Aufbau entwickelt sich also aus dem Projekt heraus. In dieser Phase der Konzeption wird nach dem Ausschlussprinzip vorgegangen. Hier wird man bereits sehen können, wie der Auftritt später NICHT aussehen wird.

Trend & Wissen erstellt von Achim Schaffrinna am 15.06.2009 | 10:00
Tags: ,
9 Kommentare
Anzeige

9 Kommentare zu 'Basiskoffer'

Die Kommentare per RSS abonnieren oder TrackBack senden.

  1. Christoph
    1
    am 15. Juni 2009 um 15:26 Uhr

    Gefällt mir sehr gut. Außerordentlich gut sogar. Es ist genau so beschrieben, wie auch ich es ‘lebe’ bzw. wie auch ich es hätte erklärt.

    Gerade wie die Basis erkärt ist … oder auch die Navigation, gefällt mir sehr. Denn gerade an der Basis scheitert es bei vielen schon. Da wird oft mit Schritt 2 begonnen und dann wird das Ergebnis oft nicht 100 Prozent. Auch wird mir in einigen Bereichen zu viel neues probiert und dabei das alt Bewährte und Erforderliche schlicht weg vergessen. Neue Sachen sind schön und ich lasse mich auch gern von neuen Sachen überraschen und inspirieren. Aber bestimmte Sachen sind nicht umsonst überall zu finden. Das hat den Grund, dass man sie benötigt und dass es ohne sie nur schwieriger wird.

    Das Bild mit der Rolltreppe ist sehr schön. :)

    Nach diesem Reisekonzept sollten alle arbeiten oder sich davon leiten lassen. Also die, die es nicht eh schon wissen und tun.

  2. Martin
    2
    am 15. Juni 2009 um 16:05 Uhr

    Finde ich auch gut und direkt verwendbar um Neulinge heranzuführen. Dies sind kleinere Grundsätze mit denen man anfangen kann.

    Ein Problem habe ich nur mit dem Wort “Pages” in der Navigation und dem etwas “kunterbunten” Markup dieser Website hier. Bisschen div-Suppe hier und da und (also nicht self-closing) gibt es eigentlich nicht (mehr) bei XHTML. Ist kleinlicher Unsinn aber den muss man ertragen wenn man andere diesbezüglich belehren möchte :)

  3. linda
    3
    am 16. Juni 2009 um 21:01 Uhr

    richtig! design und usability sind keine no-no-combination! ein altes vorurteil…

  4. Mike
    4
    am 18. Juni 2009 um 10:06 Uhr

    Sehr inspirierend.
    Da kann man seine eigene Arbeitsweise mal wieder überdenken. Aber jeder der mal für Kunden eine Website entwickelt hat wird sich in diesem Ablauf wiederfinden und sicher festellten wo man beim nächsten Projekt effizienter arbeiten kann. Super. Vielen Dank!

  5. Artikeltipp: Basiskoffer für Web-Projekte - Netzlogbuch
    5
    am 19. Juni 2009 um 10:57 Uhr

    [...] Einen wirklich guten Artikel darüber, was man grundlegenden bei den Meilensteine eines Web-Projekts zu beachten hat, hat neulich Achim Schaffrinna in seinem aktuell für den Grimme Online Award nominierten Design Tagebuch veröffentlicht. [...]

  6. Webdesign – Ein Handwerk mit Plan und Konzept | Webzeugkoffer Webdesign
    6
    am 24. September 2009 um 20:38 Uhr

    [...] Basiskoffer für die Reise durchs Netz: Beschreibt was man auf der Projektreise immer bei sich haben sollte. [...]

  7. Präsentieren mit Prezi | Design Tagebuch
    7
    am 12. Dezember 2009 um 22:56 Uhr

    [...] habe mir die Anwendung mal angeschaut und den Inhalt des Artikels Basiskoffer für die Reise durchs Netz übertragen. Zugegeben, das Artwork (griechisch-römisch?) ist nicht der Hit, die [...]

  8. Web Designer´s Sketchbook | Design Tagebuch
    8
    am 22. Januar 2010 um 10:48 Uhr

    [...] rundum inspirierendes Handbuch für Webdesigner, zu dem ich auch einen Artikel beigesteuert habe: Basiskoffer für die Reise durchs Netz. Zu beziehen ist das 176 Seiten umfassende Buch mit reichlich Platz für eigene Ideen und Scribbles [...]

  9. Sabrina
    9
    am 21. August 2010 um 15:53 Uhr

    Hallo,

    das ist ein interessanter Beitrag. Er fängt sehr vielversprechend an, doch endet leider zu schnell. Nach ein paar Worten zum Aufbau ist Schluss…
    Gibt es nicht mehr den kompletten Betrag zu lesen? Oder habe ich nur den “weiter-lesen-Link” übersehen?

    Viele Grüße
    Sabrina


Konstruktive Kommentare bevorzugt

Nichts gegen kurze Einschätzungen. Floskeln wie "sieht aus, als wärs vom Praktikanten" oder "Griff ins Klo" sollten allerdings im Sinne einer sachlich geführten Diskussion vermieden werden. Auch beim Kommentieren darf jeder gerne kreativ werden. Das wird in diesem Blog sogar ausgezeichnet.

Unterstützend können die folgenden HTML-Schnipsel verwendet werden.

fett <b>Text</b>
Link integrieren <a href="http://www.beispieldomain.de">Beispieltext</a>
Bild/Grafik einfügen <img src="http://www.beispieldomain.de/grafik.gif">