Hallo zusammen,

ich habe da ein Layout zusammen gebastelt, das ich für meine Webseite verwenden möchte. Im Augenblick ist kein CSS für das Drucken dabei, kommt erst mit Umsetzung meiner vorhandenen Webseite.

MultiOS Browser Test, vorläufiger Entwurf

Könnt ihr mal eure Meinung dazu sagen

__________________
Personal stuff

Der Code sieht ganz gut aus... evtl. könntest du die DIVs um die ULs weglassen.
Optisch spricht mich die Seite ehrlich gesagt nicht wirklich an, v.a. von den Farben. Zum Beispiel der grüne Rollover der Hauptnavigation finde ich überhaupt nicht passend

__________________
PHP und Webdesign Blog

Welche Farbe würdest du vorschlagen? Design ist nicht so mein Ding.

__________________
Personal stuff

Hmm, ich habe gerade gesehen, dass alle Links einen grünen Rollover haben. Das Problem ist wahrscheinlich, dass es zuviel verschiedene Farben sind (orange, blau, grün und gelb)... 2-3 Farben sind genug.

Design ist leider auch nicht so mein Ding, deshalb kann ich dir auch nicht genau sagen was schuld ist, dass mich persönlich das Design nicht so ganz anspricht.

__________________
PHP und Webdesign Blog

Dieses Gelb spricht mich vom Grundsatz her auch nicht besonders an. Es ist irgendwie nervös, leprös, eierschalenfarbig, fast langweilig wie die angebliche Mode für Senioren (erstaunlich), hat für mich also keine positiven Assoziationen und verschwindet bei einem Grauverlaufstest fast vollkommen.
Von der Fläche her meines Erachtens zu viel eingesetzt.
Bei einem TFT überstrahlt es auch ein wenig. ( keine Modifikationen vorgenommen)

Gelb und Orange empfinde ich auch als keine glückliche Kombination.
Mag sein, dass Farbenblinde verschiedenster Couleur (?!) diesen Farbton verlässlich erkennen, aber das wäre mir nicht Rechtfertigung genug. Wenn es auf die Erkennbarkeit ankommt, wird diese auch auch anders erreicht werden können.

Ich habe drei verschiedene Gelb ( oder Beige-)töne entdeckt: Header, der Schnellauswahlkasten und die Info-Grafik, welche sich vom Ton her auch noch unterscheiden ( also keine Abstufungen im Grauwert) Das ist mindestens einer zu viel.


Der Grauverlaufstest zeigt (mir) auch , dass deine Seite keine eindeutigen Schwerpunkte setzt.

Dein Schnellauswahlkasten erleichtert die Nutzung nicht besonders. Die einzelnen Punkte sind nicht deutlich genug voneinander abgegrenzt, alles läuft ineinander. Beim Hovern ins Grüne leidet die Erkennbarkeit des gehoverten Links erheblich. Im Header hattest Du immerhin weiß hinterlegt, dennoch erscheint mir selbst dort das Grün als etwas zu hell.

Mir wäre nicht ganz klar ( kenne deine Seite ja schon länger ) als neuer Besucher, wo denn nun der thematische Schwerpunkt der speziellen Seite gesetzt ist. Die Überschriften des Contents wirken wegen fehlender Unterstrichelung weniger wichtig als der Subcontent rechts. Ausserdem verwendest Du die Strichelung im Content am Ende eines thematischen Absatzes, während des beim Subcontent als Unterstrich der Überschrift erscheint. Über diese Differenz sollte man nochmal nachdenken.

Allgemein würde ich dem Subcontent, welcher bei Dir doch auch erhebliche Textmengen bietet, eine etwas kleinere Schriftgröße zuweisen ( 80-90%), das ist üblich und wird daher erwartet, ergibt also ein klares Signal.
Die Skalierbarkeit deiner Seite erlaubt im Extremfall ja erhebliche Vergrößerungen.


Die Headergrafik ist zu blass, dafür massig ( in die Breite gezogen). Lieber etwas mehr Akzent, dafür etwas kleiner. photocase und andere Anbieter haben doch auch schöne Bilder (und Ausschnitte) zu bieten, die auch thematisch was hergeben können.

Oder eine hübsche Grafik, die dein Anliegen unterstützt.

Das wäre es für heute morgen

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Erst mal vielen Dank für die ausführliche Antwort.

Ich dachte mir, wenn ich meine vorhandene Seite komplett farblich verändere, wäre kein Wiedererkennungswert vorhanden. Deshalb wahrscheinlich das viele Gelb.

Hm, das war eigentlich nicht das, was ich damit erreichen wollte. Peinlich sollte ich auf jeden Fall überdenken.

Diese Unterstreichung im Content (meine bestehende Seite) wollte ich ändern, man siehe meinen Entwurf. Vielleicht sollte ich das im Subconent auch verschwinden lassen. Muss ich mal durchprobieren.

Bisher dachte ich, das man immer die gleichen Schriftgrößen verwenden sollte, ausser bei bestimmten Links wie "weiter zum Thema" oder "zum Seitenanfang". Danke für den Hinweis, werde das ausprobieren.

Mein großes Problem. Ich kann zwar gut zeichnen (von Hand auf Papier) aber mit Design hat das nichts zu tun. Bedingt durch eine Farbschwäche habe ich so meine Probleme mit einer passenden Farbwahl. Meine Familie findet das immer ganz amüsant. Vielleicht sollte ich ja meine Farbwahl mal komplett ändern, wie zu Anfang meiner Seite (2003: Blau/Weiss und Schwarz für Text).

Du hast recht, Erkennbarkeit läßt sich auch anderst erreichen. Bei Designfragen werde ich mit Sicherheit noch öfters daneben liegen

Über weitere Kommentare/Hinweise/Vorschläge würde ich mich freuen...

__________________
Personal stuff

So, jetzt habe ich eine komplett neue Farbwahl gebaut, die Headergrafik verkleinert, versucht einen Schwerpunkt zu setzen, die Sidebar etwas unscheinbarer gemacht (hoffentlich) und die Überschriften geändert.

MultiOS Browser Test, vorläufiger Entwurf

Bin jetzt auf eure Kommentare gespannt

__________________
Personal stuff

Du könntest die ID des <h1> entfernen. Du kannst außerdem die <div>s "aadmpaper", "mainnavigation", "changelanguage", "footer" und "footernavi" weglassen und die childs eine Ebene höher ansetzen.

Danke für die Anregungen

Habe ich umgesetzt, funtz ganz gut.

Hier brauche ich noch etwas Zeit, die ersten zwei Versuche haben leider nicht so funktioniert, wie ich mir das vorgestellt habe (CSS Erfahrung fehlt halt noch )

Aber dafür hat der Entwurf jetzt UTF-8 Codierung. Hierbei ist mir allerdings folgendes aufgefallen:

W3C Validator meldet UTF-8
Schneegans meldet auch UTF-8
Opera übrigens auch

Der Web-Sniffer von Netspy meldet aber gar keine Codierung, dafür aber:
Dort steht was von iso-8859-1, utf-8 und so weiter. Ist es dann reales UTF-8 oder brauche ich noch explizit eine .htaccess wie hier im Forum schon mal beschrieben?

__________________
Personal stuff

Das ist bloß die Anfrage des Sniffers. Er sagt bloß was er gerne haben möchte.