Von der Idee bis zur fertigen Seite

Wie läuft das ab? Ich möchte Ihnen hier einen Überblick über die Schritte geben, die von Ihrer Idee bis zur fertigen Seite führen:

Im Anschluß an die einzelnen Schritte besprechen wir Änderungswünsche und das weitere Vorgehen. „Besprechen“ ist dabei weitgefaßt: persönlich, am Telefon, per E-Mail oder mit der Kommunikationsplattform Adobe Acrobat.com. Mit diesem neuen Tool können wir live zusammenarbeiten.

Analyse und Informationsarchitektur

Als ersten Schritt höre ich Ihnen genau zu: Welche Ideen haben Sie, welche Wünsche oder gar Befürchtungen? Haben Sie schon eine klare Vorstellung im Kopf? Was ist Ihnen wichtig, was nicht so sehr?

Ich nächsten Schritt schaue ich mir Seiten Ihrer Konkurrenz an. Sie können sich nur von der Masse abheben, wenn Sie die Masse auch kennen. Vielleicht haben wir ja etwas noch gar nicht berücksichtigt?

Zum Abschluß dieses Schrittes erarbeite ich ein Inhaltsverzeichnis für Ihre Seite. Das alles passiert noch ohne Computer. Stift, Papier und Kopf sind die Werkzeuge der Wahl.

nach oben

Wireframes

Wireframes bezeichnen eigentlich die Drahtgitterdarstellung von dreidimensionalen Objekten. Was hat das nun mit Webseiten zu tun? Wireframes im Webdesign sind Modelle der Webseite, wobei die Inhalte durch Kästchen verschiedener Graustufen dargestellt werden. Was ist wirklich wichtig auf der Seite? Wie werden die Seitenelement angeordnet? Mit solchen Fragen nähert man sich der Grundstruktur der Seite. Der Vorteil: man verliert sich nicht schon in Detaillösungen des Designs.

Wireframes können am einfachsten als Skizze auf Papier entwickelt werden. Bei größeren Projekten können sie mit speziellen Programmen wie z.B. Adobe Fireworks erstellt werden. Hier können sogar Interaktionen eingebaut werden.

nach oben

Design

Sind die wesentlichen Inhalte beschrieben und Grundstrukturen erstellt, geht es an das eigentliche Aussehen der Seite. Hier sind wichtig: Farbpaletten, Schriftarten, Bilder, usw.

Das Design einer Seite entwerfe ich in Adobe Photoshop oder Adobe Fireworks.

nach oben

Seitenprogrammierung

Programmierung ist eigentlich ein falscher Begriff, denn HTML ist keine Programmiersprache, sondern eine Beschreibungssprache. Doch das ist für Sie nicht entscheidend.

Ich erstelle meine Seiten mit HTML und CSS. In HTML werden die Seiteninhalte strukturiert und semantisch gegliedert. Mit CSS wird das Aussehen der Seite festgelegt.

Diese Trennung von Inhalt und Aussehen hat viele Vorteile. Es erleichtert die Seitenpflege, ist eine Voraussetzung für suchmaschinenfreundliche Seiten und macht ihre Seite fit für zukünftige Browser.

nach oben

Anwendungsentwicklung

Oft können einfache HTML-Seiten die Ansprüche nicht erfüllen, dann sind weitergehende Anwendungen notwendig wie z.B. Content Management Systeme (CMS), Blogs, spezielle Applikationen. Als Content Management System setze ich vor allem Redaxo, Typolight und ModX ein.

Der Einsatz eines Content Management Systems muß gut überdacht werden. Die Integration einer Seite in ein CMS und die individuellen Anpassungen sind aufwendig. Nicht immer ist dieser Aufwand gerechtfertigt. Bei sporadischen Änderungen lohnt sich eher ein Supportvertrag. Sie übermitteln einfach Ihre Änderungswünsche.  Ihr Vorteil: Sie müssen sich nicht mit der Technik einer Interentseite befassen und können sich auf Ihre eigentlichen Aufgaben konzentrieren.

nach oben

Text und Redaktion

Printtexte ohne Überarbeitung in Webseiten zu übernehmen ist ein häufig gemachter Fehler. Onlinetexte werden anders gelesen als gedruckte Texte, daher müssen sie auch anders geschrieben werden.

Ich überarbeite ihre Texte oder unterstütze Sie beim Neuschreiben.

nach oben

Test und Qualitätsmanagement

Schon während der Entwicklung wird die Seite auf Herz und Nieren geprüft. Zum Testprogramm gehören: Validierung von HTML und CSS und die Tests in verschiedenen Browsern.

Leider werden Internetseiten nicht in allen Browsern gleich dargestellt. Das müssen sie aber auch nicht! Es ist wichtiger, daß die Seiten in allen Browsern nutzbar sind. Denken Sie bitte nicht nur an Ihren Internetbrowser, sondern auch an Handys oder Textbrowser. Die Reichweite Ihrer Seite wird größer, wenn die Seite entsprechend erstellt wurde.

Ich entwickele Seiten so, daß sie in sogenannten standardkonformen Browsern korrekt dargestellt werden. Standardkonforme Browser halten sich an die Regeln, die das World Wide Web Consortium vorgibt. Zu diesen Browsern gehören zum Beispiel Firefox, Opera oder Safari.

Der am weitesten verbreitete Browser Internet Explorer (IE) ist dagegen das Sorgenkind der Webdesigner. Gerade die älteren Versionen des IE sind fehlerhaft in der Webseitendarstellung. Eine Webseite in allen Browsern gleich darzustellen ist ein enormer Aufwand. Angesichts der sinkenden Marktanteile ist dieser Aufwand nicht gerechtfertigt.

Ihre Seiten werden auch in alten Browsern funktionieren, das heißt die Informationen sind auch mit diesen Browsern zugänglich. Nur die Verpackung ist vielleicht etwas schlichter.

nach oben