WebStyleBoard

Hi,
ist auch dieser schreckliche Farbverlauf vorgegeben und der schlecht lesbare Farbkontrast gelb/violett?

Davon abgesehen: es fehlt eine Angabe zur Schriftfarbe und Zeichenkodierung.

Das Menü wirkt auf mich extrem plump. Unschön auch, daß die Menüpunkte bei schmalen Fester oder größerer Schrift in den Inhaltsbereich gehen und ggfls. dort vorhandene Elemente überlagern.
Gruß
Ingo

Hi Edicius Tsaf!

Zunächst einmal Hallo und Willkommen an Board des WSB! Nun ein paar "Takte" zu Deinem Projekt...

1. Farben

Also da muss ich Ingo Recht geben. Die Farbkombination ist eine visuelle Beleidigung. Aber leider hat man oft keine Wahl, da der Kunde bereits über Visitenkarten, Briefpapier, Flyer oder anderes Material verfügt, aus Basis dessen die Website dazu passen muss...

Wie auch immer... Derjenige, der letztendlich dafür verantwortlich ist, gehört eingekerkert.

Die Dunkelgelb / Violett-Kombination geht ja gerade noch, aber der Weiß-Blau-Verlauf im Hintergrund ist die Krönung... Kannst Du den nicht wenigstens weglassen?


2. Das Layout

Was zunächst als positiv hervorzuheben ist, ist die Tatsache, dass Dein Layout schön die zur Verfügung stehenden Platz nutzt. Selbst wenn ich mein Browserfenster maximiere, sieht die Seite bei meiner Auflösung (1.280 x 1.024) nicht verloren aus.

Allerdings musst Du auch den umgekehrten Fall in Betracht ziehen. Zwar sind hohe Auflösungen - nicht zuletzt durch den Erfolg der TFT-Displays - in zunehmender Verbreitung. Aber nicht aus den Augen verlieren darfst Du, dass eine nicht zu vernachlässigende Menge an Usern mit kleineren Auflösungen unterwegs sind.

Daher sollte man Sorge tragen, dass Webseiten bis zu einer Auflösung von 800 x 600 benutzbar sind. Betrachte Deine Seite mal bei dieser Auflösung, und Du wirst sehen, was ich meine. Dort wirkt die Startseite recht überfüllt...


3. Zugänglich- und Benutzerfreundlichkeit

Da Dir diese beiden Punkte - lobenswerterweise - ja besonders am Herz zu liegen scheinen, ein paar Anregungen hierzu:

3.1 Als erstes - auch wenn es abgedroschen klingt - check Deine Seite mal mit dem W3C-Validator. Standardkonformität ist ein wichtiger Schritt in Richtung Zugänglichkeit und Benutzerfreundlichkeit.

3.2 Wenn Du 3.1 ausprobierst, wirst Du unter anderem feststellen, dass Du keinen Zeichensatz angegeben hast. Dies solltest Du nachholen...

3.3 Dein Layout ist nur dann wirklich benutzerfreundlich, wenn Browserfunktionen, die der Benutzerfreundlichkeit dienen, funktionieren. Allen voran z.B. die freie Wahl der Schriftgröße. Betrachte Deine Seite mal im Firefox und vergrößere mit STRG und + die Schriftgröße. Dann wirst Du sehen, was ich meine.

3.4 Um ein Bild davon zu bekommen, wie Deine Seite ohne visuelle Darstellung wirkt, kannst Du sie Dir mit Webspeech - einem kostenlosen IE-Plugin - vorlesen lassen.

3.5 Um die Seite zugänglicher zu machen, könntest Du zur Navigation Accesskeys verwenden.

So, mehr fällt mir im Moment nicht ein...

Zitat

Also da muss ich Ingo Recht geben. Die Farbkombination ist eine visuelle Beleidigung. Aber leider hat man oft keine Wahl, da der Kunde bereits über Visitenkarten, Briefpapier, Flyer oder anderes Material verfügt, aus Basis dessen die Website dazu passen muss...

Wie auch immer... Derjenige, der letztendlich dafür verantwortlich ist, gehört eingekerkert.

Aber meinst du nicht das es zu den Kompetenzen gehört den Kunden davon zu überzeugen das es auf kurz oder lang mit diesen Farben und Farbverläufen keinen Eindruck erziehlen kann? Man hätte im Kundengespräch doch durchaus anbringen können das im laufe der Zeit ein Prozess der grafischen Optimierung wirklich lohenswert ist.. So hätte man doch unter Umständen direkt einen Folgeauftrag in der Tasche

Also wenn ich meine Meinung wirklich so anbringen darf. Du hälst dich zwar an alle Regeln in Sachen Usability etc aber Eindruck schindest du damit beim eigentlichen Kunden nicht... Eine Seite in den Grundfarben - die auch mit den Standartbrowsern benutztbar ist - kann man doch heute meist mit jeder WYSIWYG-Software erstellen..

Tut mir leid wenn es so hart ausfällt aber mir gefällt es einfach absolut nicht ..

Tobias

Hallo Edicius Tsaf,
auch von mir zu erst ein "Herzlich Willkommen" an Board .

Dann will ich auch mal was zu deiner Seite sagen. Ich verwende folgende Browser auf meinem Linux-System um deine Seite zu testen.

• Firefox 1.0.4
  
• Konqueror 3.4
  
• Opera 7.54
  
• links 2.1

Das Design und die Farben sagen mir persönlich nicht wirklich zu. Das Lila/Gelb erinnert mich direkt an alte IBM Lotus Suite-Boxen - kann aber nur Zufall sein. Der Farbverlauf im Hauptteil der Seite stößt leider auch bei mir eher auf Nase rümpfen. Dort wäre wirklich ein dezenterer, besser lesbarer Hintergrund nötig, denn die schwarze Schrift kann man auf dem hellblauen Hintergrund nur sehr schlecht bzw. mit Anstrengung lesen.

Das auf die Spitze gestellte Viereck auf der Startseite ist eine nette Idee, aber meiner Meinung nach, nicht so toll umgesetzt. Die gelbe Schrift kann man auch nicht so gut lesen. Man kann es zwar, aber es ist nicht der optimale Lese-Kontrast gegeben.

Die Hover-Farbe der Menü-Links oben finde ich wirklich schlimm. Das Lila beißt sich irgendwie mit dem Lila des Designs.

Was ich aber ganz hybsch finde, ist dass kleine Logo auf den Unterseiten links oben. Das Gefällt mir .

Sonst fällt mir auch noch auf, was den anderen schon aufgefallen ist. Es fehlt eine Zeichensatz-Angabe und Schriftfarbe. Ich fände es auch noch gut, wenn du für den Fließtext eine Serifen-Lose Schrift nehmen würdest, da man diese auf dem Bildschirm besser lesen kann. Serifen-Lose-Schriften sind etwa Verdana oder Arial. Bei Verwendung in CSS natürlich nicht die generische Schriftfamilie "Sans-Serif" vergessen.

In meinem Opera 7.54 unter Linux sieht die Seite fast genauso aus, wie im Firefox. Einziger Unterschied: das "E" von "AGAKAN.DE" am linken Rand geht etwas in den gelben Bereich hinein.

Im Konqueror gibt es schon den ein oder anderen Fehler mehr. (Konqueror ist von daher interessant, da er dieselbe Render-Engine [KHTML] besitzt, auf der der Mac-Browser "Safari" aufbaut.) Da du keine Schriftfamlie angegeben hast, wird die Seite mit der Standart-Einstellung meines Systems angezeigt (die ich bei zeiten mal ändern könnte ...). Dadurch wird die Schrift auf der Startseite im Viereck total verwurschtelt (Siehe Screenshot).
[img_upload=AGAKAN.DE im Konqueror]506_agankan_01.jpg[/img_upload]
Dann mein letzter Test im Textbrowser "links". Die Seite kann man ganz gut benutzen, auch wenn ich mir für das Menü lieber eine Liste wünschen würde, die ist im Textbrowser besser zu handeln und auch übersichtlicher ist. Was komisch wirkt und auch vom Markup nicht gut ist, ist der Name "AGAKAN.DE", der im Design immer links zu sehen ist. Dort wäre vielleicht ein Bild mit dem Schriftzug angebrachter, als den Namen der Seite immer mit Breaks, nach jedem Buchstaben, in den Quelltext zu setzen. Und ich denke mal, den Suchmaschinen wird dies ebenfalls nicht dienlich sein. Dazu auch noch ein kleiner Screenshot:
[img_upload=AGAKAN.DE in links]506_agankan_02.jpg[/img_upload]

MfG Arne .

[q=Edicious Tsaf][..]aber nichteinmal den Validator am Schluss zu verwenden, dafür gehört mir beinahe eine Kugel in den kopf gesetzt.[/q]
Die Tatsache, dass Du Dir selbst eine Kugel im Kopf wünschst, gepaart mit Deinem Nick machen mir echt Sorgen... Du wirst doch wohl nicht...

[q=Edicious Tsaf]Danke für die Mühe die ihr euch gemacht hat, sobald ich die gröbsten Sachen verändert habe werde ich das anmerken. Der Thread kann eigentlich jetzt geschlossen werden...[/q]
Ich denke nicht, dass wir den Thread schließen sollten. Poste einfach hier eine Nachricht, wenn Du das Design überarbeitet hast. Außerdem könnte ja noch jemandem etwas in der Zwischenzeit einfallen...

[q=Edicious Tsaf]am liebsten hätte ich das ganze Web in S/W[/q]
Jo, oder noch besser: bernsteinfarbend... :grin:

Ja, im IE hab ich bei einer Auflösung von 1024*768 einen horizontalen Scrollbalken.
Bei Firefox, Opera oder Netscape ist dies nicht der Fall.

Wenn du Transitional anstatt strict nimmst, sollte das behoben sein ...

Zitat von »Nash.Bridges«

Was ich aber ganz hybsch finde, ist dass kleine Logo auf den Unterseiten links oben. Das Gefällt mir .

Dem kann ich mich irgendwie nicht anschliessen. Einfach nur das Grosse auf 100x84 zusammengeschoben und dabei allerdings auch die Qualität. Das sieht einfach nur aus wie gewollt und nicht gekonnt.

Was mich weiterhin verwirrt ist die gleiche Formatierung für Links und den Wörtern mit <span class="hilfe" ...>.

Was die Farben angeht kann ich dir leider auch nicht helfen ... ich bin dahingehend auch so ein Vollplonk :grin:

Naja, ich weiß ja nicht. Der nur hellblaue Hintergrund wirkt für mich persönlich jetzt zu stark. Irgendwie beißt sich der Hingergrund mit dem Lila des Menüs.

Im Konqueror ist jetzte auch der Fließtext auf allen Seiten in einer Serifen-Schrift, allerdings nicht im Menü und im spitzgestellte Viereck auf der Startseite.

MfG Arne .