molily: Bitte mal Eure Meinung

Beitrag lesen

Hallo, Hanjo,

<imho>

http://www.ulrike-rodust.de/

Wohlgemerkt: um designmäßiges geht und NICHT UM DEN SEITENINHALT.

Naja, das lässt sich nicht so einfach trennen, weil vom Seiteninhalt die Navigationsstruktur ausgeht. Und *das Design* muss es leisten, diesen Ansprüchen gerecht zu werden, das macht später die Usability und den Erfolg der Seite aus.

  • position:fixed ist völlig unangebracht, du bringst dich in *arge* Schwierigkeiten, selbst auf 1024x768 sieht man nur die Hälfte der Seite. Ich würde dir empfehlen, position:fixed völlig wegzulassen. Mit dem starren, pixelgenauen Layout bringst du dich in Teufels Küche[tm], die Seite ist ganz und gar nicht skalierbar.
  • Schriftgröße in pt ist fatal, da es vom pixels per inch-Wert des jeweiligen Benutzersystems abhängt. font-size:8pt; kann bei 72ppi niemand lesen. Bitte verwende px und mindestens eine Größe von 10-11 Pixeln für den kleinsten Text. Lesbar ist der aber noch längst nicht.
  • Der breadcrumb trail ist schön, aber die >> verbrauchen zuviel Platz, sie stören, das liegt vermutlich an Verdana. Verwende besser nur ein ">" oder kleinere Schrift für diese Trennzeichen.
  • Kann es sein, dass ich mich schon einmal zu der Seite geäußert habe? Einige Fehler kommen mir bekannt vor. Solche Konstruktionen sind mehrfach redundant:
    padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; --> padding:0;
  • Das XHTML-Button kann weg, wie Armin sagt. Die Farben sind auch zum Teil kontrastarm, wurde auch schon gesagt. Was mich aber grundlegend stört, ist das Layout, das heißt die Flächenaufteilung. Zuerst einmal ist die komplette linke Spalte so wie sie ist fehl am Platze. Wieso muss auf jeder Seite das Foto sein? Dort würde prächtig die primäre Inhaltsnavigation hinpassen, das wäre intuitiv zu bedienen und du hättest eine um die Querachse des SPD-Logos gespiegelte Entsprechung des Textes. Das Logo sollte auf die Home-Seite führen, nicht auf spd.de. Das Foto würde ich auf der Startseite in einer rechts floatenden Box unterbringen. Der Bereich links neben und südwestlich des Logos erscheint mir in keinem Verhältnis zu den übrigen Bildelementen, es finden sich keine Entsprechungen, keine Ordnung, kein Verhältnis. Was macht der Platz über Home bis zum Logo? Soll Home auf der Höhe von h2 sein, wieso? Der zweite Teil der Primärnavigation ist zwar in der Mitte des oberen blauen Streifens positioniert, steht aber in keiner Wechselwirkung mit dem Logo. Der breadcrumb trail ist unharmonisch positioniert, er sollte innerhalb des durch die schwarze Linie in Fortsetzung der Unterkante des Logos geschaffenen Rechtecks mittig positioniert werden. Die Oberkante des SPD-Schriftzuges passt auch nicht auf die Unterkante des oberen blauen Bereichs. Das Landtagslogo braucht weißen Raum um sich herum, damit der Text nicht an den blauen Hintergrund stößt. Ich würde vorschlagen, eine Zäsur zu machen und bis zum Fensterende den blauen Streifen weiß auszufüllen und das Logo horizontal rechtsbündig und vertikal mittig zu positionieren. Der magische Punkt, auf welchen alle Kompositionslinien zeigen, ist ohne Frage die rechts untere Ecke des Logos beziehungsweise der Treffpunkt der beiden dominierenden horizontalen und vertikalen Linien, welcher sich beim "D" innerhalb des Logos befindet.
    Ich weiß nicht, was ich noch konkret nennen kann, ich finde die Komposition im gesamten unausgewogen... Ich habe mir durch eine Grafik verdeutlicht. Es geht mir vor allem darum, dass sich die Proportionen wiederfinden sollten, dass es wohldurchdachte Flächenverhältnisse gibt.

JPEG, 78 KB, manche Linien sind schlecht sichtbar:
<img src="http://home.t-online.de/home/dj5nu/fanhost/rodust.jpg" border="0" alt="">

Mir fehlt der klare Bezug des Logos und allen damit zusammenhängenden Elementen auf die Außenränder und sich selbst. Der rote Bereich ist übrigens der Ausschnitt, welchen man bei 800x600 zu Gesicht bekommt... ohne Opera-Werbebanner oder große Toolbars oder Taskleisten. Dank position:fixed wird der Rest abgeschnitten.
Eine wichtige Linie habe ich vergessen, nämlich die des Quadrates des Landtagslogos, welche in einem Verhältnis zum rechten Seitenrand stehen sollte (wie gesagt rechtsbündig mit ungefähr dem Abstand, wie es nach oben und unten hat, oder in einem dementsprechenden Verhältnis). Die Ellipsen könntest du wunderbar in einer Relation zur durchgehenden horizontalen Begrenzungslinie setzen - durchbreche sie, zumindest mit dem Schwung der Bewegung, ein dynamischer Gegenpol in der rechten oberen Ecke würde das Bild auflockern.
Ich finde, dass man viel aus der Grundidee machen kann...

Bitte sie alle Anmerkungen als konstruktive (konstruktiv gemeinte ;)) Kritik, und alles ist natürlich nur meine Meinung, ein "es sollte" u.ä. heißt nur, dass ich es gerne so möchte, nicht dass es die ultimativ einzig richtige Wahrheit[tm] ist... Das dürfte klar sein. Da in einem anderen Thread mal wieder einer klagt, er sei bei seiner Seitenkritik ungerecht behandelt worden, sage ich es besser nocht einmal ausdrücklich.

</imho>

TIA

Tja, tja. ;) "thanks in advance", oder was heißt das? :)

Grüße,
Mathias

--
Remember: KING KONG Died For Your Sins!
"Wie ein gefoppter Nachtmahr der auf Tücke sinnt..." (Hugo Ball, "Die Katze")