Hallo, liebe Seitentester,

endlich habe ich meine erste tatsächlich online geschaltete Website fertiggestellt (kein Wunder, ist ja auch meine eigene ;-) ). Hier der Link:
http://www.print-and-screen.de

Was haltet ihr davon? Bin schon gespannt auf eure (hoffentlich zahlreichen) Kommentare.

Grüße,
Lady S.

Hallo Lady S.,

• Das Farbkonzept macht mich nicht wirklich glücklich. Ich mag das Gelb, aber das Grün nicht. Vielleicht irgendwas wärmeres zum Gelb?

• Die Raumaufteilung. Auch auf einem grossem Bildschirm sehe ich nur ein kleines "Website'chen". Dafür darf ich scrollen. Suboptimal.

Vielleicht der gelbe Bereich viel grosszügiger. Die grüne "Fessel" ganz weglassen. Und den Platz auch brauchen (bei denen, die in haben).

Grüsse r a c

Hallo Lady S.,

mir persönlich gefällt die Site, auch der olivgrüne Hintergrund (ist sicher Geschmackssache).

Auch das "Fenster" finde ich gelungen. Einmal eine Site, die den Bildschrim nicht "zumüllt", weniger ist hier m.E. wirklich mehr. Das wenige Scrollen stört mich nicht.

Letztlich auch die schmalen s/w-Bilder an der linken Seite, irgendwie dezent und halt persönlicher Stil.

Hallo r a c, hallo Ralf,

eigentlich wollte ich gestern abend schon geantwortet haben, aber da war irgendwie keine Serververbindung möglich :-( Aber egal, kommen wir zum Wesentlichen: Erstmal vielen Dank euch beiden für eure Einschätzungen zu meiner Site.

Was das Farbkonzept anbelangt, mag ein Gefallen oder Nichtgefallen tatsächlich Geschmackssache sein. Ich selbst emfinde das gewählte Grün überhaupt nicht als zu kalt, eher im Gegenteil, ich habe es extra gewählt, weil ich es für eine warme, sommerlich-herbstliche Farbe halte, die eben deswegen hervorragend zu den anderen Farben passt. Ich habe mir die Farben auch extra auf verschiedenen Monitoren (PC und Mac) angeschaut, um hier böse Überraschungen zu vermeiden und habe auch von anderer Seite bislang nur positive Rückmeldungen dazu erhalten. Außerdem handelt es sich dabei sozusagen um unsere Geschäftsfarben, mit denen wir schon recht lange arbeiten, und vor einem weißen Hintergrund ist das gelbe Rechteck ohnehin viel zu kontrastarm.

Dass die Größe des mittleren gelben Bereichs hingegen nicht unbedingt jedermanns Sache ist, kann ich nachvollziehen. Das Problem war mir beim Anlegen der Seite auch durchaus bewusst und ich habe lange überlegt, wie ich mich entscheiden soll. Letztlich habe mich dann für eine 800x600-Pixel-Optimierung entschieden, weil ich es weitaus lästiger finde, an einem Monitor mit geringer Auflösung einen schlechten Überblick über eine Seite zu haben, als mit zuviel Freiraum an hoch aufgelösten Monitoren zurechtzukommen. Ich werde diesen Punkt aber durchaus noch einmal überdenken und die einzlnen Seiten, sobal ich die Zeit dazu finde, horizontal eventuell so weit verlängern, dass die internen Scrollbalken nicht mehr unbedingt nötig sind.

Viele Grüße,
Lady S.

Antwort auf [ Lady Stardust ]

...hervorragend zu den anderen Farben passt. Ich habe mir die Farben auch extra auf verschiedenen Monitoren (PC und Mac) angeschaut, um hier böse Überraschungen zu vermeiden und habe auch von anderer Seite bislang nur positive Rückmeldungen dazu erhalten.

hier gleich noch ein kompliment obendrauf :) mir gefällt die
optik mit dem strukturierten-papier-mässigen gelben hintergrund.
das grün dazu ist ein gelungener hintergrund, weder lenkt es
sonderlich ab noch ist es zu unauffällig.

gestern auf'm powerbook / safari war das layout gut
aber:
heute (winXP, internet explorer 6) sind die flaggen irgendwie
zu hoch oben (sind in der oberen textzeile... als würden sie
mit "deutsch englisch" auf einer schriftlinie stehen...)

gruss
stefan

hallo Lady S.,

ich kann mich Ralf nur anschließen: Gefällt mir sehr gut. Denn hier sieht man, dass sich typografische Ansprüche und Webdesign nicht ausschließen müssen.

Wenn Du aber das Format der gelben Fläche änderst, geht die Harmonie flöten. Ich würde eher vorschlagen, um den Scrollbalken wegzubekommen, eine Weiterleitung auf eine nächste Seite zu erwägen. Das Klicken auf einen Pfeil oder auf das Wort *Weiter* empfinden User nicht so störend wie das Betätigen eines Rollbalkens.

Hallo Stefan, hallo xpressio,

vielen lieben Dank für euer Lob! Nachdem mir das Erstellen der Seite doch das ein oder andere Kopfzerbrechen bereitet hat, freut es mich natürlich umso mehr, dass das Endergebniss von den meisten Usern doch eher positiv aufgenommen wird. Allerdings will ich an dieser Stelle auch selbst mal ein dickes Lob aussprechen an all die fleißigen Helfer und Helferinnen hier bei HDS, die mir - direkt oder indirekt - schon bei vielen Problemen geholfen haben. Ohne HDS hätte ich die Seite so nicht hinbekommen wie sie jetzt ist!

Nun noch kurz zu euren Anmerkungen.

@Stefan
Ja, das mit den Fahnen hab ich jetzt auch gesehen. Da scheint mal wieder so eine nervige IE-spezifische CSS-Umsetzung am Werk zu sein. Voreingestellt ist nämlich definitiv, die Bilder zentriert zum Text zu setzen. Werd mal schauen, was sich da machen lässt.

@xpressio
Über die Sache mit den Pfeilen oder einen "Weiter"-Button hatte ich auch schon nachgedacht. Allerdings ergibt sich dann das Problem, dass das gesamte Layout in dem Moment gesprengt wird, wo jemand eine höhre Schriftgröße einstellt, als die von mir vorgegebene (wer's testen mag: am Mac in allen mir bekannten aktuellen Browsern mit Befehl + bzw. Befehl -). Da mein Layout ohnehin schon recht statisch aufgebaut ist und sowohl Menü und Footer schon rasch über ihre optischen Begrenzungsrahmen hinausragen, wenn die Schriftgröße erhöht wird, wollte ich wenigstens den Haupttext der Seite lesbar halten. Und dabei helfen mir halt die Scrollbalken.

Grüße,
Lady S.

Hallo,
also ich habe jetzt hier nichts großartig Konstruktives beizutragen, außer:
Ich finde die Seite wirklich schön und gut gelungen. Kompliment.

Antwort auf [ whitelady ]

...nichts großartig Konstruktives beizutragen, außer:
Ich finde die Seite wirklich schön und gut gelungen. Kompliment.

gibt es denn für einen kreativen etwas "konstruktiveres" als
ein kompliment? (konstruktive kritik vielleicht...) :-)

ich habe die seite nochmal angeschaut und habe doch noch die
eine oder andere anregung gefunden.

die erste betrifft die AGB: diese sind ja recht lang. wäre es nicht
sinnvoll, diese als PDF zum download bereitzustellen? ich sehe hier
auch vorteile wenn ich die AGB drucken will o.ä. da man beim
drucken aus browsern nie weiss wie es gedruckt wird...

dann vielleicht noch zu den bildern links: diese sind teils recht
dunkel ("düster") im vergleich zur hellen, lockeren homepage.
ein gutes beispiel dafür ist der punkt "übersetzung". dabei wirkt
der linke rand recht wichtig und schwer...

und die seite an und für sich finde ich immer noch sehr gut :)
eine der wenigen seiten die auf typografischen grundlagen
aufgebaut zu sein scheint.

gruss
stefan

Hallo Lady S.,

mir ist da etwas aufgefallen, es ist auch nur eine Kleinigkeit - aber halt aufgefallen.
Bei mir im IE7 sind die Flaggen etwa 2-3 Pixel in den Text geschoben, d.h. etwas zu hoch gesetzt.
Ich weiss jetzt nicht, ob das nur bei mir so aussieht, oder alle anderen nicht den IE7 verwenden?

Wollte dich nur darauf hinweisen, ansonsten gefällt mir die Site recht gut. Eine schöne Arbeit!

Gruss und schönes WE

minou

Antwort auf:

Allerdings ergibt sich dann das Problem, dass das gesamte Layout in dem Moment gesprengt wird, wo jemand eine höhre Schriftgröße einstellt, als die von mir vorgegebene

Wenn Du bei Deinen Kunden wirklich punkten willst, ergänzt Du Deine Site mit einer *barrierefreien* Alternative.

D.h., Du erstellst dann eben das ganze nochmal, mit neuer Navigation auf der linken Seite, mit oder ohne Bilder, Text etwa doppelt so groß – Schrift für diese Seiten vielleicht besser Verdana statt Trebuchet.

Dann können Sehbehinderte hier ohne Probleme Größe und Schrift noch weiter verändern, und alle anderen werden die Original-Site nehmen, wie sie ist.

Hallo an alle,

ihr gebt euch ja wirklich Mühe mit meiner Seite. Danke, danke, danke!

@Nadine
Wie Stefan schon sagte: Auch wenn du meinst, inhaltlich nicht viel gesagt zu haben, freue ich mich sehr über deine Reaktion - sie (wie auch die der anderen) zeigt mir, dass ich auf dem richtigen Weg bin.

@Stefan
Danke für den Tipp mit dem pdf. Ich werde sehen, wie ich das umsetzen kann. Das Ausdrucken sollte bei der Site dennoch kein Problem darstellen, hoffe ich. Ich habe nämlich ein separates Stylesheet für den Druck eingerichtet. Du kannst es gerne mal ausprobieren. Auf dem Mac kannst du ja einfach in eine pdf-Datei drucken (spart Papier und Tinte ;-) ).

@minou
Beim IE7 streiken die Fahnen also auch. Interessant, werde mich dem Problem widmen, sobald ich Zeit habe. Im Moment stecke ich leider in einem ziemlich aufwändigen Projekt, sodass ich diesen Fehler vorerst hintanstellen muss. Solange man die überlagerte Zeile noch einigermaßen lesen kann, ist das hoffentlich kein Problem.

@xpressio
Ich konnte die Seite nicht mit einem Screenreader testen, habe sie aber so aufgebaut, dass sie in einem Textbrowser, auf denen die Screenreader so weit ich weiß aufbauen, einigermaßen übersichtlich gestaltet ist (selbiges gilt für Mobilgeräte, da sieht die Site nicht schön aus, aber sie kann gelesen werden). Da Sehbehinderte nicht wirklich zur Zielgruppe der Site gehören, sollte das meines Erachtens reichen. Allerdings vergrößern nicht nur Sehbehinderte auf Websites vorgegebene Schriftgrößen, ich selbst tue das des Öfteren, wenn ich sehr lange am Rechner gesessen haben und meine Augen entsprechend müde sind. Lange Wiki-Artikel sind so beispielsweise viel besser zu lesen. Die Texte auf meiner Site sind natürlich nicht unbedingt lang, aber nach einem langen Arbeitstag vor dem Computer, wer weiß... Außerdem haben genügend Surfer in ihren Browsern Mindestgrößen für die Textdarstellung eingestellt, die meine Vorgaben eventuell auch sprengen können. Insofern denke ich, stehe ich mit den Scrollbalken auf der sicheren Seite, auch wenn sie ästethisch gesehen einen Kompromiss darstellen.

Grüße,
Lady S.

Ich finde die Seite schön gestaltet. Etwas zu klein für meinen Geschmack, es entstehen oft Scrollbars, wo keine sein müssten. Das wirkt dann für mich ein bisschen wie ein Korsett.

Die Alternative für Besucher mit deaktiviertem JS ist suboptimal:
"Für die Hauptnavigation hier klicken" -> neues Fenster
Das würde man eleganterwerse so lösen, dass halt die Navigation gleich innerhalb von <noscript> wäre, nicht bloss ein Link zu einer Text-Navi. Das sind zwei Klicks für den User zu viel.