WebStyleBoard

Also ganz ehrlich:

Die vorherige Seite gefiel mir um längen besser, aber ist halt Geschmackssache.Testsystem:
Hardware:
AMD Athlon 1200 Mhz
32 MB-Grafikkarte
TFT-Monitor

Software:
IE 5.5
Win 2000
Auflösung: 1024x768


Design:

Schlicht gestaltet mit CSS formatiert. Farbgebung passt zusammen und bildet ein gutes Gesamtbild. Die Buttons gefallen mir mit dem roten Hintergrund nicht wirklich sollten einen transparenten Hintergrund kriegen und sich so ans schwarze anpassen. Der Mouseover passt nicht ins Gesamtbild, gelb zu rot, sieht nicht wirklich schön aus, aber wenigstens hast Du sanfte Töne gewählt. Aber das Gesamtbild passt wie gesagt.


Content / Funktionen:

Gute Schriftart gewählt, klare Texte, ganz nach den "goldenen Regeln". Zum Inhalt kann ich nicht viel sagen, da ich mir nicht alles durchgelesen habe. Die Links funktionieren einwandfrei, habe dabei auch keine Probleme feststellen können.


Ladezeit:

Die Ladezeit ist super


Quelltext:

Die Seite ist valides XHTML wie Du schon sagtest, nun werd ich das CSS nicht mehr testen, weil Du ja schon sagtest, dass da noch nicht alles valide ist.



Bewertung:

Design 3
Content / Funktionen 2
Ladezeit 1
Quelltext - (Lass ich jetzt mal weg)

Fazit:

Gut strukturiert, einwandfrei aufgebaut, Farbgebung in Ordnung, nur wie gesagt gefiel mir die alte Version wesentlich besser.

Hi GSS'ler (Achtung: Insider )

Also ich sag's mal so: Es gibt viel zu lesen, aber wo ist was für's Auge? Für eine private Seite ist mir das zu schlicht; würde eher zu einer Informationsseite passen ... bei einer "Privatvorstellung" darf meiner Auffassung nach das Design mehr optische Anreize bieten ...

Ich find's nur seltsam, dass viele Seiten, die valides HTML und CSS haben, recht ähnlich aussehen ... vergleiche deine Seite doch mal mit memowe.de ...

Zitat

Ich find's nur seltsam, dass viele Seiten, die valides HTML und CSS haben, recht ähnlich aussehen ... vergleiche deine Seite doch mal mit memowe.de ...

Da gebe ich Dir voll und ganz recht!

Zitat

Das Stylesheet legt dann das Aussehen fest...

Richtig aber Individualität ist gefragt und man kann nicht sagen ich benutze CSS und meine Seite kann nur so aussehen wie andere Seiten auch.

Ich denke was Duke z.B. meint ist der Mouseover bei den Links, was Mem genauso benutzt hat, nur mit einer anderen Farbe.

Es geht auch ==valides XHTML == valides CSS ==gutes Design

Yep, auch das meinte ich damit.

Ich find's schade, wenn der Fortschritt in Sachen HTML und CSS dazu führt, dass die Individualität lediglich aus ein paar verschiedenfarbigen Layout-Bereichen und Link-Formatierungen besteht.

Da ich mich in letzter Zeit auch intensiv mit validem HTML und CSS auseinandergesetzt habe, weiß ich deine Arbeit zu würdigen. Auch die Struktur deiner Texte ist logisch und sehr übersichtlich ... aber der 'technisch unbedarfte' Besucher sieht darin nur eine recht triste Seite ('Textwüste' ).

Klar, die Ladezeit deiner Seiten ist spitze - es gibt ja schließlich nicht viel zu laden. IMO ist deinen Besuchern die Ladezeit gar nicht wichtig, denn wer die Zeit findet, eine rein private Homepage ohne bestimmten Themenbezug anzusehen, kann auch die aufwendigsten Grafiken abwarten.

Ich werde selbst oft mit meinem Haupt-Projekt http://sv-einigkeit.de auf den Boden der Tatsachen zurückgeholt ... was für einen technisch interessierten Webmaster die optimale Navigation, das optimale Layout oder was auch immer ist, stellt den 'normalen' Surfer oft vor ein unlösbares Problem.

Einige dem User geläufige Dinge muß der Webmaster (gerade bei Vereinsseiten) beibehalten, auch wenn sie nicht unbedingt optimal für's Web sind ... siehe z. B. auf http://sv-einigkeit.de die Bildunterschriften (die ist der durchschnittliche User einfach von der Zeitung her gewöhnt und kommt daher wunderbar damit klar, auch wenn es nicht gerade das Non-plus-ultra in Sachen universelle Zugänglichkeit ist).

So, zurück zum Thema:

Die Seite ist gut gelungen, aber IMO könnte etwas mehr Individualität nicht schaden.

Wenn mich jetzt - drei Stunden nach dem Betrachten der Seite - einer von Euch fragen würde, was ich auf marvins Seite gesehen habe, so würde ich antworten:

Rot, viel Text und marvin als Logo! - Nicht sehr viel, oder?!

PS: Die beste Technik ist nicht immer das, was auf dem Markt die größte Nachfrage erzielt. - Denn wenn dem so wäre, müssten wir alle japanische Autos fahren ... aber einen SLK bevorzuge ich dann doch ...

Hoi

Hm... was soll ich sagen, mir gefällt/gefiel die alte Page auch besser. Das alte Design hatte was - nun, egal. Ich weiß, das nach einer Zeit einem das Design zu den Ohren raus kommt und man was anderes machen/sehen will.

Was mir aber beim neuen Design aufgefallen ist, ist der platz nach Unten (Screenshot: Klick! ).
Kannst du den roten Hintergrund nicht irgendwie bis nach unten "ziehen"??? Das sähe auf jeden fall besser aus, als das Grau.

Mfg Nash

So, dann will ich mich auch mal dazu äußern.

Zitat

Original von marvin
Ist übrigens der erste aus einer langen Reihe von Versuchen, eine neue Webseite zu kreiren, der mir auch am nächsten und übernächsten Tag noch gefallen hat!

An dieser Stelle wäre es interessant, einige ältere Entwürfe als Screenshots zu sehen...

Zitat

Verwendet: XHTML 1.0 (Auf allen Unterseiten valide, glaube ich), CSS2 (fast valide, habe drei Mozilla-Only Deklarationen reingepackt, beeinflussen die Benutzung aber nicht im Geringsten, von daher geht das denke ich in Ordnung), ein kleines bisschen PHP.

Ja, das geht in Ordnung. Ich hatte die -moz-Eigenschaften auch mal drin, aber in meinem Fall haben sie nicht so gepasst. valides (X)HTML und Trennung von Markup und Style betrachte ich mittlerweile einfach mal als Voraussetzung.

Zitat

Wie gefällt die Seite?[/list]

Mir gefällt sie Gans gut.

• Sie ist natürlich sehr rot. In Anbetracht dieser gewaltigen Rotmenge aber von Augenbluten zu sprechen, wäre böse, repräsentiert diese sehr intensive Farbe doch einfach Deine Individualität. Jedenfalls warst Du bei der Farbwahl angenehm konsequent.
  
  
• Ob der weiße Fließtext auf mittelhellrot-rosanem Hintergrund wirklich guten Kontrast ermöglicht, muss ich mir noch überlegen, aber ich kann es gut lesen.
  
  
• Der schwarze Balken hat zwar Wiedererkennungswert und ich mag auch eigentlich schwarze Balken, aber in Deinem Fall verdecken Sie das lustige Bild. Das wirkt ein bisschen störend, da Dein schwarzer Balken einfach so ins Bild ragt. Wenn Du ihn in der Form behalten willst, solltest Du ihn IMO press an den Rand anliegen lassen.

Zitat

Was sagt ihr zur Übersichtlichkeit und Funktionalität (insbesondere zur Navigation...)

• Ich sage zunächst mal was zur Optik der Navigation: die gelben Hovers sind Mift, da weißer Text auf gelbem Grund sehr schlecht lesbar ist. Ein Linktext sollte beim Hovern mit der Maus besser lesbar werden, nicht schlechter. Die Unternavigation gefällt mir insofern nicht, als dass gestrichelte Linien da überhaupt nicht reinpassen. Es wäre an dieser Stelle optisch klarer und angenehmer, den Rahmen solid zu lassen.
  
  
• Das Konzept zweier horizontaler Navigation zur Umsetzung einer baumartigen Seitenstruktur ist nicht unmittelbar ergründlich, aber man findet es schnell heraus und dann ist die Navigation auch gut benutzbar. Vom Markup-Standpunkt her ist das hingegen nicht so gut. Wenn Du schon gutes (X)HTML schreiben willst, dann auch richtig. Du müsstest für eine Baum-Navigation eigentlich eine verschachtelte Liste verwenden, die sich, wenn ich mich nicht irre, ebenso stylen lässt, indem Du die Unterliste ("#navigation li ul" etwa als Selektor) aus der übergeordneten "heraus"-positionierst.

Zitat

Was sollte ich (wenn möglich "wie") verändern?

Einiges habe ich ja oben schon erwähnt. Du könntest Dir eventuell noch einen schönen Schriftzug für den Header einfallen lassen, das "» planetdemon.de" sieht bei mir doch ein bisschen verpixelt und zu alleinstehend aus.

Eine Wertung, ob die neue Seite "besser" sei als die alte, kann ich mir nicht abringen. Mir ist die neue ein bisschen zu rot-dunkel, aber ansonsten schön schnell, informativ, gut benutzbar.

HTH!
Mirko

Zitat

Original von DukeXP
Ich find's schade, wenn der Fortschritt in Sachen HTML und CSS dazu führt, dass die Individualität lediglich aus ein paar verschiedenfarbigen Layout-Bereichen und Link-Formatierungen besteht.

Das siehst Du aber merkwürdig. Das ist so als würde ich sagen, dass der Bau von immer moderneren Autos mit stärkeren Maschinen dazu führt, dass man langsamer fährt. Das hängt aber in Wirklichkeit damit zusammen, dass es wesentlich mehr Autos gibt und daher die Straßen verstopft sind.

Genauso bei der Seite. Es liegt nicht an validem (X)HTML/CSS, dass Marvins Seite nicht mit grafischen Orgasmusauslösern und cineastischen Videoz-Ergüssen aufwartet, sondern einerseits daran, dass er, wie er selbst schreibt, mit 1337en Grafiken nicht dienen kann, und andererseits, dass man heutzutage im Web verdammt gut daran tut, seine Webseiten klar und schnell zu halten. So ähnlich wie bei den Autos. Es gibt im Web eine solche Fülle von überladenen Webseiten, dass es einem hin und wieder sehr angenehm erscheint, mal sofort mit Information versorgt zu werden ohne erst hunderte kB Flash oder Grafiken herunterladen zu müssen. Eine schlanke Webseite ist in diesem Fall nicht nur genau das, was Marvin wollte, sondern bietet eben auch den Vorteil, dass sie schnell und zugänglich ist.

Damit will ich nicht abstreiten, dass eventuell mehr Grafik "schöner" (wo ist das einklich definiert?) aussähe. Aber was der Nutzer wirklich will, wissen wir erstens nicht, und zweitens steht es hier nicht zur Debatte. Marvin hat eine zugängliche, klare und schnelle Webseite geschrieben, nicht, weil ihn die Befolgung irgendwelcher Standards dazu gezwungen hat, sondern weil es sinnvoll ist und er es auch noch wollte. Auch damit kann man Individualität zeigen. Für private Webseiten gibt es IMO noch viel weniger ein Kochrezept oder eine Layoutanweisung wie für kommerzielle Webangebote.

Zitat

Da ich mich in letzter Zeit auch intensiv mit validem HTML und CSS auseinandergesetzt habe, weiß ich deine Arbeit zu würdigen. Auch die Struktur deiner Texte ist logisch und sehr übersichtlich ... aber der 'technisch unbedarfte' Besucher sieht darin nur eine recht triste Seite ('Textwüste' ).

Woher willst Du wissen, dass der Benutzer immer gleich viel Grafik will? Erstens kann Marv damit nicht dienen, zweitens steht bei seiner Seite nicht die Optik, sondern der Inhalt (etwa die Texte und die vielen Fotos) im Vordergrund, soweit ich das einschätzen kann. Wem das bisschen Text wie eine "Textwüste" vorkommt, die zu lesen er sich überfordert sieht, sollte vielleicht lieber ins Kino gehen oder mal ein gutes altes Bilderbuch anschauen.


Mirko

Zitat

Original von Investorman
PS: Die beste Technik ist nicht immer das, was auf dem Markt die größte Nachfrage erzielt.

Eines muss ich hierzu sagen: velwexere nicht die Technik mit der Präsentation. Ob eine Seite ein grafiküberladenes Animationsspektakel oder eine Textwüste ist, hat rein garnichts mit der verwendeten Technik zu tun.

Es ist bloß so, dass die Leute, die sauberes (X)HTML/CSS schreiben (können) auch meist Freunde von einfachen, klaren Seiten sind, wohingegen die Freunde aufwändiger Bilderorgien zumeist ihre Seiten nur mit "esfunktioniertdoch"-HTML schreiben (können).

Mirko

Zitat

Zitat

Original von Investorman
Die beste Technik ist nicht immer das, was auf dem Markt die größte Nachfrage erzielt.

velwexere nicht die Technik mit der Präsentation. Ob eine Seite ein grafiküberladenes Animationsspektakel oder eine Textwüste ist, hat rein garnichts mit der verwendeten Technik zu tun.

Zitat

Original von memowe
Es ist bloß so, dass die Leute, die sauberes (X)HTML/CSS schreiben (können) auch meist Freunde von einfachen, klaren Seiten sind ...

Nun, man sollte sich überlegen, ob man eine Seite für sich oder ob man eine Seite für seine Besucher machen möchte ...

Zitat

Original von memowe
Es liegt nicht an validem (X)HTML/CSS, dass Marvins Seite nicht mit grafischen Orgasmusauslösern und cineastischen Videoz-Ergüssen aufwartet ...

Hat einer hier auf dem Board behauptet, dass die Seite das soll? Hier haben lediglich einige Leute angemerkt, dass ein paar Grafiken sicherlich nicht schlecht für die Optik wären.

Zitat

Original von memowe
... dass man heutzutage im Web verdammt gut daran tut, seine Webseiten klar und schnell zu halten.

Das ist Deine Meinung; also stell das bitte nicht so hin, als wäre es ein Gesetz des Webdesigns. – Denn was bringt mir eine schnellladende Seite, die mir keinen Anreiz zum Wiederkommen gibt?

Zitat

Original von memowe
Es gibt im Web eine solche Fülle von überladenen Webseiten, dass es einem hin und wieder sehr angenehm erscheint, mal sofort mit Information versorgt zu werden ohne erst hunderte kB Flash oder Grafiken herunterladen zu müssen.

Beim Argumentieren gegen nicht von Dir vertretenen Auffassungen gehst Du immer vom Extremen aus. Wie wär’s, wenn Du mal vom Standard respektive Durchschnitt ausgehst?!

Zitat

Original von memowe
Aber was der Nutzer wirklich will [...] steht es hier nicht zur Debatte.

Ach nein? – Wozu braucht man denn dann Meinungen anderer User? Schließlich werden Websites dazu erstellt, sie anderen zugänglich zu machen. Ergo sollte man unbedingt darauf achten, was der Nutzer der Seite will ...

Zitat

Original von memowe
Marvin hat eine zugängliche, klare und schnelle Webseite geschrieben, [...] weil es sinnvoll ist [...]. Auch damit kann man Individualität zeigen.

Und was bringt das alles, wenn sie langweilig ist?

Zitat

Original von memowe
Wem das bisschen Text wie eine "Textwüste" vorkommt, die zu lesen er sich überfordert sieht, sollte vielleicht lieber ins Kino gehen oder mal ein gutes altes Bilderbuch anschauen.

Hmm, dann schau Dir doch mal an, wie viel User es so sehen wie Du und wie viel es anders sehen ...


PS: Wieso eigentlich drei Post direkt hintereinander binnen einer halben Stunde, Mirko?

Zitat

Original von marvin
Und ganz ehrlich... den Begriff "Textwüste" finde ich doch ein wenig überzogen... oder nicht?

Ja, der Begriff ist überzogen. Die Seite ist prinzipiell wirklich sehr gut.

Bei weniger professionell gestalteten Seiten werden normalerweise behutsame Tipps gegeben, die den Webmaster auch nicht überfordern oder deprimieren sollen ... aber bei einem Webmaster wie dir, der IMO einer gewissen Professionalität gerecht werden will, muß man halt einige Punkte etwas überspitzt darstellen um auch die letzten 'Makel' zu entlarven.

Zitat

Original von memowe

Zitat

Original von DukeXP
Ich find's schade, wenn der Fortschritt in Sachen HTML und CSS dazu führt, dass die Individualität lediglich aus ein paar verschiedenfarbigen Layout-Bereichen und Link-Formatierungen besteht.

Das siehst Du aber merkwürdig. Das ist so als würde ich sagen, dass der Bau von immer moderneren Autos mit stärkeren Maschinen dazu führt, dass man langsamer fährt. Das hängt aber in Wirklichkeit damit zusammen, dass es wesentlich mehr Autos gibt und daher die Straßen verstopft sind.

Hier geht's nicht um Autos sondern um Webseiten ... außerdem: Ist ein moderneres und schnelleres Auto automatisch schöner und individueller als ein Oldtimer?

Jetzt mal ohne Zitat ... Individualität hat nichts mit dem massiven Einsatz von Grafiken zu tun - aber ein paar Eyecatcher können nicht schaden ...

Zitat

Original von Investorman

Zitat

Original von memowe
Es liegt nicht an validem (X)HTML/CSS, dass Marvins Seite nicht mit grafischen Orgasmusauslösern und cineastischen Videoz-Ergüssen aufwartet ...

Hat einer hier auf dem Board behauptet, dass die Seite das soll? Hier haben lediglich einige Leute angemerkt, dass ein paar Grafiken sicherlich nicht schlecht für die Optik wären.

Das mag ja sein. Ich habe damit auch garnicht darauf geantwortet, was hier von "einigen Leuten" gesagt, wurde, sondern auf das, was Du bezüglich eines Zusammenhanges zwischen verwendeter Technik und Präsentation vermutetest.

Zitat

Zitat

Original von memowe
Aber was der Nutzer wirklich will [...] steht es hier nicht zur Debatte.

Ach nein? – Wozu braucht man denn dann Meinungen anderer User?

In der Auslassung steht, dass wir das nicht wissen können (ohne repräsentative Befragungen) und Mutmaßungen hierüber anzustellen bringt uns nicht weiter.

Und hier wird nicht nach der Meinung von "anderen Usern" gefragt, sondern nach der Meinung von Webautoren. Die Leute hier schauen in erster Linie (ob sie wollen oder nicht) vom Standpunkt des Webauthoring: Wie wurde die Seite erstellt? Welche Farben wurden verwendet? Mit welchen Mitteln? Aufbau und Usability werden von uns gezwungenerweise theoretischer und von einer ganz anderen Perspektive betrachtet, als etwa von einem Durchschnittsanfänger, der einfach nur (ja, was nur?) will. Will er Bilder von Marvin sehen? Will er Marvins Texte lesen? Will er die Grafiken bewundern? Das wissen wir nicht.

Und darum sollte man es auch nicht so hinstellen, als würde dem "Durchschnittsanfänger" ein Klotz in den Weg gelegt, indem die Seite schnell lädt und grafisch eher unauffällig ist. Der wahre Grund ist doch: weil Marvin es so wollte bzw. weil er mit Grafik nicht so versiert ist, eine eher grafiklastige Seite zu bauen.

Zitat

Schließlich werden Websites dazu erstellt, sie anderen zugänglich zu machen. Ergo sollte man unbedingt darauf achten, was der Nutzer der Seite will ...

Wie will man das denn erfahren?

Zitat

Zitat

Original von memowe
Marvin hat eine zugängliche, klare und schnelle Webseite geschrieben, [...] weil es sinnvoll ist [...]. Auch damit kann man Individualität zeigen.

Und was bringt das alles, wenn sie langweilig ist?

Was erwartest Du persönlich denn von der Seite (abgesehen von mehr Grafik), damit Du sie nicht mehr langweilig findest?

Zitat

PS: Wieso eigentlich drei Post direkt hintereinander binnen einer halben Stunde, Mirko?

Der Übersicht halber. Ich habe auf drei verschiedene Leute zu ganz unterschiedlichen Themen geantwortet.

========================================================== (so besser?)

Zitat

Original von marvin

Zitat

Original von memowe

Zitat

Original von marvin
Ist übrigens der erste aus einer langen Reihe von Versuchen, eine neue Webseite zu kreiren, der mir auch am nächsten und übernächsten Tag noch gefallen hat!

An dieser Stelle wäre es interessant, einige ältere Entwürfe als Screenshots zu sehen...

Besser, URL's :
http://www.planetdemon.de/other/dermarvin/

Na, das kenne ich doch noch! Damit hattest Du doch damals in #html.de diverse Probleme, die keiner Lösen konnte/wollte.

Zitat

Dann habe ich noch einige, von denen nicht mehr so viel übrig ist, weil ich sie am nächsten Tag durch Änderungen meist komplett zerschossen habe

Schade, denn gerade für die Kritiker des "einfachen" Layouts wären Alternativen vielleicht interessant gewesen.

Zitat

Zitat

Original von memowe
Das wirkt ein bisschen störend, da Dein schwarzer Balken einfach so ins Bild ragt.

In diesem bereich des lustigen Bildes gibt es nichts zu sehen

Es würde dann einfach ein bisschen konsistenter aussehen. Ein bisschen weniger "durcheinander".

Zitat

Zitat

Original von memowe
Wenn Du ihn in der Form behalten willst, solltest Du ihn IMO press an den Rand anliegen lassen.

Ich finde es so ehrlichgesagt schöner...

Dein Empfinden, Dein Geschmack, Deine Seite --> lasse ich Dir.

Zitat

Zitat

Original von memowe
... Die Unternavigation gefällt mir insofern nicht, als dass gestrichelte Linien da überhaupt nicht reinpassen. Es wäre an dieser Stelle optisch klarer und angenehmer, den Rahmen solid zu lassen.

Schau dir die Seite evtl mal mit einem Nicht-Gecko-Browser an, die "Boxen" mit den abgerundeten Ecken sind "normalerweise" auch mit gestricheltem Rahmen, und dazu passt es wiederum ganz gut denke ich (man könnte sich auch über gestrichelte Rahmen generell streiten, mir gefallen sie in diesem Fall besser als durchgezogene).

Ich finde die einfach zu unruhig. Gestrichelte Linien haben immer so einen Skizzencharakter und wirken auch IMO nur als dezente Haarlinien halbwegs gut. In anderen Fällen erinnert mich ein dicker gestrichelter Rand immer an die gestreiften Baustellenschilder. Aber wenn Du sie gerne magst, darfst Du sie gerne verwenden.

Zitat

Außerdem habe ich im Menü bei den nicht-aktiven Punkten absichtlich einen gestrichelten Rahmen verwendet, um das Im-Hintergrund-liegen zu unterstreichen.

Das würde ich eher farblich kennzeichnen.

Wie auch immer -- halte uns über Veränderungen auf dem Laufenden.

Mirko