Aufbau

Wie sollte denn so eine Webseite aufgebaut sein?

In erster Linie sollte Sie Ihnen gefallen. An 2. Stelle sollte es für den Besucher übersichtlich gehalten sein, Ihre Handschrift darf bzw. sollte jedoch ebenfalls erkennbar sein. Machen Sie sich vom Start weg über vieles schon einmal intensive Gedanken, wie z.B.:
  • Über Ihre Inhalte die Sie damit transportieren möchten, daraus ergeben sich oft schon Umrisse für Ihren Auftritt.
  • Schriftart(en), Schriftgröße(n), Farben für Hintergrund und Schriften
  • Farben Ihrer Broschüren oder des Logos
  • Darstellung, geht es vom Format her in Richtung Quer oder Hoch? Hochformat ist eher für Inhalte geeignet als das Querformat. (Mit Ausnahme von einem Spaltenlayout!)

Welche Fehler sollte man vermeiden

Sich überhaupt keine Gedanken machen, einfach drauf los hacken, Seiten ohne Inhalt (z.B. "Unsere Präsentation wird ständig erweitert und Ausgebaut, in kürze steht Ihnen hier...") interessiert keinen Besucher. Ein Hinweis auf einer (mindestens) wöchentlich aktualisierten Neuigkeiten Seite ist das bessere Ergebnis. Grelle Farben, schlechte Kontraste (hellgraue Schrift auf weißem Grund). Ausnahmen = "Es wäre gewollt". Sehen Sie sich die Webseite auf verschiedenen Rechnern, Monitoren und Browsern an (Bekannte, Freunde, Geschäft, ...). unterschiedliche Auflösungen, Einstellungen und Plugins wie z.B. Toolbars von Yahoo oder Google beeinträchtigen ganz enorm die Größe des verbleibenden Browserfensters und/oder die Darstellung der Seite. Verwende für das Layout nach Möglichkeit keine Tabellen, diese sollten wenn nötig zur Darstellung des Inhaltes, aber nicht zum Einrichten/Formatieren einer Seite dienen.

Beispiel

Diese Seite kann noch mit einer Auflösung des Browserfensters von 800x600px angezeigt und gelesen werden. Sie ist übersichtlich strukturiert, der Besucher wird nicht schon beim Besuch der ersten Seite mit Informationen zugeballert. Die Information der Seiten entspricht dem was die Firma bietet und kann. Künftige oder geplante Angebote werden mit einem ungefähren Zeitpunkt angegeben. Die angebotenen Bilder sind Großformatig und noch akzeptabel von der Ladezeit und Qualität. Weitere Informationen sind ebenfalls als Broschüren hinterlegt. Der Kunde weiß im Groben schon vorab was Ihn erwartet. Jede Seite ist mit nützlichen und informativen Inhalten befüllt. Die Seiten werden kontinuierlich ausgebaut und optimiert.

Fehler die es zu vermeiden gilt

Eines vorweg, wäre dies ein Kunde von uns und er wollte es trotz einer Beratung so umgesetzt wissen, hätte er es ebenfalls so bekommen. Jedoch kann ich es mir aber nicht vorstellen, dass nach einer guten Beratung mit gründlicher Ausarbeitung so etwas dabei heraus gekommen wäre. Bestimmte Elemente wären bestimmt mit eingefossen, aber bestimmt keine 08/15 Standard-Schablone einer veralteten Autoren Websystems.

Offensichtliche Fehler
Hier wurde ein Geschäftsauftritt realisiert, bei der es sich laut eigener Aussage um den "Pionier einer Intranet- und Internet-Agenturen mit über 20 Jahren Erfahrung" handelt. Man muss gesthene, dieser Auftritt ist sehr Mutig, steht er doch für alles andere als Kompetenz für 20 jährige Erfahrung in diesem Bereich. Wobei ! ! !   vor 20 Jahren wäre dieser Auftritt eventuell ein starkes Stück gewesen

Home als Titel, Headline und Navigationspunkt für eine Seite ist schon Grenzwertig. Und offensichtlich kennt man sich nicht unbedingt mit HTML aus, was schon starker Tobak ist für eine Agentur des Internets die zu den Pionieren gehört und seit 20 Jahren sein Handwerk versteht. Oder meinte man da mit Inder-nett eher soviel wie Outsourcing?. In diesem Fall hätte man diesen Auftritt ebenfalls einem Fachmann überlassen sollen. Aber weiter im Text, zufällig kenne ich das Original-Logo der Firma und dieses ist von den Proportionen und den verwendeten Schriften doch sehr stark abweichend (hat sich dies denn überhaupt keiner angesehen und sich über das Corporate Design/Identity Gedanken gemacht???). Ein toller, sehr dezenter Mouseover-Effekt beim überfahren der Navigation hat schon etwas, etwas absolut unnötiges. Hier werden auch noch Grafiken für die Wörter und den Effekt verwendet. Die Links unterhalb des Seiteninhaltes selbst bekamen überraschender Weise überhaupt keine Formatierung zugeteilt (wozu denn dann externe Stylesheets?).
Wie schon erwähnt handelt es sich um einen "Pionier einer Intranet- und Internet-Agentur" und man spricht hier auch offen von Emotionalem Design und der irritierte Besucher fragt sich: "Soll ich nun Mitleidig lächeln oder Betroffen weinen?" (am besten betreten Schweigen). "Wenn Sie Fragen haben oder mit einem Repräsentanten von ... über unsere Produkte und Services sprechen möchten" Was für Fragen? Was für Produkte? Was für Services? Mit der folgenden Personenbezogenen Email wird bei mir der Eindruck erweckt, es handelt sich um eine Einzelperson. Als Kontakt-Telefon wird eine 0700er Nummer angeboten, bei der kein Mensch den Zusammenhang zur Firma sieht oder versteht. Und was eine Kinderschrift (MS Comic) auf einem Geschäftsauftrit zu suchen hat, wird einem keiner der Verantwortlichen auch nur annähernd erklären können.

Aber betrachten wir einmal den Quelltext dieser Seiten und uns wird so manches klar.

Aus diesem geht hervor, daß die Seite mit einem sagen wir einmal fürchterlich schlechten WYSIWYG-HTML-Editor aufgebaut wurde, dies ansich ist ja noch nicht einmal verwerflich, aber genau dieser kann derartige Entgleisungen der Gestaltung nicht verhindern. Anscheinend wird zu allem Elend ein Editor verwendet, der die loose.dtd des W3C nicht kennt. Schaut man dann weiter, sieht man eingebundene Stylesheets und Javascript Dateien und man fragt sich WOFÜR? Der Aufbau des (nicht wirlklich vorhandenen) Seitenlayout wird mit einer Tabelle umgesetzt, dies ist meist ein weiteres Zeichen für nicht vorhandene Kenntnisse in der Darstellung von Webseiten!

Unser Fazit: Offensichtlich hat man sich nicht besonders viel Gedanken über seine Eigendarstellung als "Intranet- und Internet-Agentur" gemacht. Weder über das Design, noch die Inhalte noch um sein CI/CD. Und für den Fall daß doch, wurde es absolut grottenschlecht umgesetzt!

Machen Sie sich bitte mehr Gedanken über Ihre Eigenwerbung oder überlassen Sie es einem Fachmann der sich dafür begeistert und sich mit Leib und Seele reinhängen wird.