Hallo Roland,
Ich fasse hier alle Einreicher alphabetisch zusammen, um einen Anhaltspunkt zu bieten.
danke dafür. Ich habe aus Zeitmangel leider noch nicht alle Beiträge gelesen - und war deswegen unsicher, ob ich bestimmte Vorschläge noch nicht gesehen habe.
Hat vielleicht noch jemand Lust oder zündende Ideen?
Bei Design fällt mir Kritik üben leichter als "selbst besser machen", deswegen möchte ich mich rein auf eine zusammenfassende Kritik der bisherigen Vorschläge beschränken. Der Quellcode ist mir dabei egal, außer bei Dir habe ich mir ihn auch nicht angeschaut ;-)
Christoph:
http://user.uni-frankfurt.de/~cgaertne/self/self6/
Christophs Entwürfe haben sich ständig verbessert, so dass ich die älteren Entwürfe nicht diskutieren möchte. Seinen Entwurf empfinde ich als konservativ, durchaus angenehm. Besonders gut finde ich den optischen Abschluss sowohl oben als auch unten, der mir z.B. bei Jonathan einfach fehlt.
Wie die anderen Vorschläge mit Browsersymbolen hat er diese nach rechts verlagert, was sinnvoller und lesbarer ist als der aktuelle Zustand.
Jan:
http://www.loeper-online.de/krimskrams/selfhtml/layout01.html
Jans Seitenkopf gefällt mir recht gut, außer dem Kasten mit der Brotkrümel-Navigation. Dieser sollte besser die gleiche Breite haben wie der Kopf. Sein Entwurf, der links ausgerichtet ist und trotz Breitenbegrenzung keinen Abschluß nach rechts hat, sieht bei breiteren Browserfenstern etwas verlassen aus. Zentrierung wie bei Christoph, Jonathan und Wilhelm ist ansprechender. Auch bei Jan erinnern wie bei Christoph viele Elemente an das derzeitige Layout.
Jonathan:
http://home.arcor.de/jonha/selfhtmldemo/selfhtml.htm
Ich mag Blautöne, das gefällt mir an Jonathans Beispiel. Sein Javascript-Beispielcode ist für mich am leichtesten zu lesen, dazu trägt (neben der Syntaxhervorhebung[1] wie bei Jan) die im Vergleich zu Christoph (viel zu groß) und Jan verringerte Zeilenhöhe bei. Die für mich geringen zwei Leerzeichen Einrückung lassen mich an Christophs Code verzweifeln. Jonathans Entwurf zeigt, wieviel ein paar optische Elemente ausmachen. Ohne jegliche Grafiken wirkt die Seite langweilig, sie könnte aus jeder x-beliebigen Website stammen. Ich finde das Logo nicht so verstaubt - und sowohl Logo als auch die Browsergrafiken werten die anderen Entwürfe optisch deutlich auf, ohne vom Inhalt abzulenken. Bei dieser Seite fehlt mir einfach auch der Seitenanfang, der bei allen anderen Entwürfen vorhanden ist.
Orlando:
http://skop.net/self/layout-03.png (Screenshot)
Bei Deinem Entwurf überzeugt mich vor allem der Kopfbereich: Gelungene Brotkrümelnavigation als Seitenanfang mit der Suchfunktion (wie bei Jan), beste Idee, das Logo einzubauen. Ja, das hat was.
Sonst noch konservativer als Jan und Christoph kommt Dein Inhaltsbereich nicht an Jonathans Klarheit und Lesbarkeit heran (im PNG sowieso nicht).
Wilhelm:
http://www.turtschan.de/self/gedanken02.html (1 = 2?)
Wilhelms Entwurf benötigt durch die Sidebar zwar die größte Browserbreite von allen, die dort untergebrachten Links sind jedoch gut durchdacht[2] und werten meiner Meinung nach die Benutzbarkeit der Dokumentation enorm auf. Wenn man sich molilys Statistik anschaut, erscheint mir Wilhelms Maximalbreite sinnvoll gewählt. Seine Farbzusammenstellung kommt nicht ganz an Jonathans heran, die Reiter sind mir zu modisch verspielt und passen meiner Meinung nach nicht zum Design.
Richard:
http://richardwotzlaw.de/selfhtml/
Richards Ansatz kommt an die bisher diskutierten Vorschläge leider nicht heran. Es fehlt die Breitenbegrenzung (momentan schöpft mein Firefox 1400 Pixel in der Breite aus), seine Quicklinks haben nicht die Qualität wie Wilhelms, die Farbzusammenstellung beißt sich für mein Empfinden und sein Seitenkopf hat keine Chance gegen Orlandos.
Zusammenfassend:
- Seitenaufteilung nach Wilhelm mit einer am Kontext orientierten Sidebar
- Seitenkopf, Eyecatcher von Orlando
- Farbschema und Quellcode wie Jonathan
- Schriftgröße und Zeilenhöhe im Fließtext Christoph
- von Jan die Idee des Extrakts
- selbstverständlich mit Syntaxhervorhebung
... das könnte mir richtig gut gefallen.
Freundliche Grüße und Dank an alle, die bisher Entwürfe vorgestellt haben
Vinzenz
[1] über diese sollte man überhaupt nicht mehr diskutieren :-)
[2] hoffentlich ist die Orientierung am Kontext nicht zu schwierig umzusetzen.