Du bist nicht angemeldet.

1

Freitag, 30. August 2002, 14:43

Siedlungsseite v2

X-POST: F4
Hallo Gemeinde,

ich würde ich mal wieder gerne dadrum bitten einige Kommentare zu meinem neuen Design zu veröffentlichen. Bin, wie immer, gespannt auf eure Resonanz.

Link

Tobias
P.S. Bis auf das Flash ist alles WC3-Conform
Signatur von »t-ob-i« {SIGNATUR}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »t-ob-i« (30. August 2002, 14:43)


2

Freitag, 30. August 2002, 17:16

Hi,

hier mal wieder das gewohnte auflisten von Auffälligkeiten:

Testsystem:
Internet Explorer 6
Auflösung: 1024x768 @ 19 Zoll
Windows Me
T-DSL


  • Das "e" von tetbusch gefällt mir nich, wirkt so verschwommen
  • Die Flashanimation lenkt sehr vom Inhalt ab und ruckelt auf meinem schlechten Rechner...die HTML Version ist in dem Fall wesendlich besser und sollte vielleicht als Standart gesetzt werden.
  • Der hover nach rot in der Navigation sieht ja noch ganz gut aus, aber in dem Text passt ein rot irgendwie nach meinem empfinden nicht wirklich...
  • Beim Fotoalbum würde ich keine "Diashow" benutzen sondern mit Thumbnails arbeiten, da hat der User dann einen viel besseren Überblick...
  • Die Rubrik Navigation in den Unterseiten kann man noch etwas verbessern, so sehe ich in der Rubrik Hierarchien oben nur "Tetbusch.de » Hierarchien" , da müsste aber auch noch etwas von Geschichte stehen. Außerdem wäre an der Stelle Links sinvoll
  • Entschuldige meine leeren Eintrag in Gästebuch ;)
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

3

Freitag, 30. August 2002, 18:12

Zitat

Die Flashanimation lenkt sehr vom Inhalt ab und ruckelt auf meinem schlechten Rechner...die HTML Version ist in dem Fall wesendlich besser und sollte vielleicht als Standart gesetzt werden.

Eigentlich hatte ich nie vor eine Flash-Version zu erstellen doch war es dem "Hauptmann" wichtig das nicht nur 4 Schützen oben zu sehen sind. So blieb nur die Animation.

Zitat

Beim Fotoalbum würde ich keine "Diashow" benutzen sondern mit Thumbnails arbeiten, da hat der User dann einen viel besseren Überblick...

Für die unerfahrenen User ist es - nach meiner Erfahrung - so einfacher. Die ältern fragten irendwie immer "kann man das Bild auch größer machen?" :)

Zitat

Die Rubrik Navigation in den Unterseiten kann man noch etwas verbessern, so sehe ich in der Rubrik Hierarchien oben nur "Tetbusch.de » Hierarchien" , da müsste aber auch noch etwas von Geschichte stehen. Außerdem wäre an der Stelle Links sinvoll

Da hast du recht! Werde ich wohl die nächste Zeit noch korrigieren.

Zitat

Entschuldige meine leeren Eintrag in Gästebuch

Ah du warst das. Naja ich habe die Anforderungen an einen Eintrag jetzt ein wenig erhört :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

4

Samstag, 31. August 2002, 21:50

Eigentlich bin ich ja sehr für aufgeräumte und übersichtliche Layouts, aber deine Seite ist ja fast schon klinisch sauber! ... ein bisschen mehr Gestaltungselemente, außer verschiedenfarbigen Tabellen-Zellen, würde gewiss nicht schaden.

Die Flash-Animation ist mir persönlich viel zu unruhig und wenn man die Seite lädt, denkt man zuerst, dass dort oben ein Bild stehen sollte, das der Browser nicht gefunden hat ... bis dann endlich die Animation kommt.

Das Fotoalbum ist für eine größere Anzahl an Bildern überhaupt nicht geeignet, es sei denn, deine Besucher bringen sehr viel an Zeit und Geduld mit.

Zitat

Original von t-ob-i: Für die unerfahrenen User ist es - nach meiner Erfahrung - so einfacher. Die ältern fragten irendwie immer "kann man das Bild auch größer machen?"
Warum beantwortest du die Frage nicht einfach, indem du auf der Seite mit den Thumbnails eine Erklärung platzierst? ... z. B. Klicken Sie auf das Bild, um eine größere Ansicht zu erhalten. (sollte doch damit wirklich jeder kapieren ;) ) Eine Möglichkeit wäre auch, die Entscheidung, wie die Bilder aufgerufen werden sollen, dem Besucher zu überlassen ... also unterhalb der jetzigen "Diashow" zusätzlich noch die Thumbnails zu platzieren.

Was mir bei deiner Seite positiv aufgefallen ist: das voll an das Seiten-Design angepasste Gästebuch. Ich finde es schade, dass auf vielen Seiten immer noch Standard-Gästebücher verwendet werden, die nichteinmal geringfügig angepasst wurden.

Nicht wirklich tragisch, aber doch etwas unschön: schau' dir die horizontalen Linien im Fließtext mal mit Opera, Mozilla oder Netscape an -> ohne Hintergrundfarbe, also quasi weiße Vierecke mit schwarzem Rand. Ansonsten sehen die Seiten aber in allen von mir getesteten Browsern identisch aus.

5

Sonntag, 1. September 2002, 00:43

Zitat

Eigentlich bin ich ja sehr für aufgeräumte und übersichtliche Layouts, aber deine Seite ist ja fast schon klinisch sauber! ... ein bisschen mehr Gestaltungselemente, außer verschiedenfarbigen Tabellen-Zellen, würde gewiss nicht schaden.


Hast du irgendeinen Vorschlag?

Zitat

Die Flash-Animation ist mir persönlich viel zu unruhig und wenn man die Seite lädt, denkt man zuerst, dass dort oben ein Bild stehen sollte, das der Browser nicht gefunden hat ... bis dann endlich die Animation kommt.

Die Flash-Ani ist zwar nicht mein persönlicher Geschmack aber sie musste sein - wie gesagt: alle haben das Recht auf ein Foto von sich dort oben :D Wegen der Ladezeit: Ist es dann wohl besser wenn ich eine Art "Wird geladen" einbaue.

Zitat

Was mir bei deiner Seite positiv aufgefallen ist: das voll an das Seiten-Design angepasste Gästebuch. Ich finde es schade, dass auf vielen Seiten immer noch Standard-Gästebücher verwendet werden, die nichteinmal geringfügig angepasst wurden.

Das Gästebuch ist nicht "angepasst". Ich habe es nämlich einfach eben geschrieben :D

Zitat

Nicht wirklich tragisch, aber doch etwas unschön: schau' dir die horizontalen Linien im Fließtext mal mit Opera, Mozilla oder Netscape an -> ohne Hintergrundfarbe, also quasi weiße Vierecke mit schwarzem Rand. Ansonsten sehen die Seiten aber in allen von mir getesteten Browsern identisch aus.

Ja, das lag wohl dadran das ich nur color angeben hatte und nicht background-color.

Zitat

also unterhalb der jetzigen "Diashow" zusätzlich noch die Thumbnails zu platzieren.

Ich habe eine sperate Seite mit Thumbnails erstellt :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

6

Montag, 2. September 2002, 10:30

Dann will ich mich mal äußern... :)

Testplattform (Update, wow! ;))
Mozilla 1.1 @ etwa 1000x1000px
DSL

Erster Eindruck
Ich habe die Seite schon vor Euch gesehen, der erste Eindruck basierte auf einem falschen Stylesheet und war entsprechend wirr. :D

Einzeln betrachtet
  • Bei der Flash-Navigation ist das "e" in ...tet... falsch. Das Loch hat keinen Border. Dass ich ansonsten Flash nicht sehr mag, weisst Du ja. Wenigstens übernimmt es hier überhaupt keine Funktion, die abhanden kommen könnte.

  • Tja. Ein Tabellenlayout. Die Optik ist sehr schlicht, ich würde fast sagen, dass sie etwas einfallslos ist. Der zur Verfügung stehende Platz wird imo etwas sparsam genutzt. Die Navigation dürfte ruhig etwas weniger winzig aussehen. Was mir da spontan durch den Kopf geht, ist eine Navigation mit Balken, deren Farbe sich auch beim hovern leicht ändert, das sähe bestimmt um einiges stylisher aus und ist einklich nur eine CSS-Änderung.

  • Warum die "-" vor den Navigationspunkten? Warum nicht eine richtige Liste und stattdessen eine, die nur so aussieht und beim Vergrößern an den falschen Stellen umbricht?

  • Das Rot der Navigations:hover passt IMO überhaupt nicht ins Design. Mach lieber eine leichte Farbänderung und dafür bei :active etwas auffälligeres.

  • Auf der Startseite und auf den meisten anderen Seiten verwendest Du zuviele unterschiedliche Schriftgrößen und -formatierungen. Warum etwa der Zusatz in <h1><span>...</span></h1>? Dass man auf tetbusch.de ist, weiss man ja, es steht direkt darüber. Und wenn es da stehen soll als eine hierarchische Kurznavigation gehört tetbusch.de verlinkt. Warum ist h2 größer als h1? Bei den Listen solltest Du IMO den Text unter der ersten Zeile nicht noch weiter einrücken. Das impliziert eine nicht vorhandene Baumstruktur. Die Unterstreichung an der Stelle ist nicht ganz optimal, da man denken könnte, es sei ein Link.

  • Fußzeile: die Flash/keinFlash-Auswahl gehört unter die Navigation und nicht dorthin, wo man eher ein Kurzimpressum vermuten würde. Den Link zur Administration kannst Du Dir sparen oder besser verstecken. Du kannst ihn etwa in ein DIV mit ein paar verlinkten geschützten Leerzeichen packen (unsichtbar) und dieses DIV an eine Stelle positionieren, wo man normalerweise nicht mit der Maus hinkommt. Wenn Du dann noch cursor:pointer drauf anwendest, sieht man den Link nur in Textbrausern und wenn man mit Tab durch die Links auf der Seite rollt. Beim normalen Surfen fällt das nicht auf. Ein Klick in eine Ecke und Du bist drin.

Ansonsten gefällt mir die Seite ganz gut. Sie ist imo ein bisschen zu grau und normal, da könntest Du noch ein bisschen gewitzter stylen. Viel Erfolg! :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

7

Montag, 2. September 2002, 19:58

Zitat

Den Link zur Administration kannst Du Dir sparen oder besser verstecken. Du kannst ihn etwa in ein DIV mit ein paar verlinkten geschützten Leerzeichen packen (unsichtbar) und dieses DIV an eine Stelle positionieren, wo man normalerweise nicht mit der Maus hinkommt. Wenn Du dann noch cursor:pointer drauf anwendest, si


Der Tag war recht streßig deswegen kommentier ich den Rest jetzt mal nicht :D
Jedenfalls ist es so das wenn ich den Adminlink verstecke ich allen Schützen sagen müsste, jedenfalls denen die Termine und News posten können, wo sie zu klicken haben. Ich denke das würde bei den meißten unerfahrenden ein ziemliches durcheinander verursachen und deswegen lieber etwas deutlicher :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

8

Montag, 2. September 2002, 23:35

Zitat

Original von t-ob-i

Zitat

Den Link zur Administration kannst Du Dir sparen oder besser verstecken. [...]
[...]
Jedenfalls ist es so das wenn ich den Adminlink verstecke ich allen Schützen sagen müsste, [...] wo sie zu klicken haben.
Das hatte ich nicht bedacht. Zumal der Adminlink dann noch von der CSS-Fähigkeit des Brausers abhinge. Lass es so. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D