die-schwarzen-schwaben.de/New Site '07

fabarazzi · Stammuser [**User**] Anmeldung: 29.12.07 Beiträge: 32 Wohnort: Augsburg

Hi, ich mach fürn paar Freunde und mich eine neue Seite. Da ich nicht so viel Zeit habe, zieht sich das auch ganz schön in die Länge.
Die Seite(n) sind noch nicht fertig, aber trotzdem wollt ich mal wissen, was ihr davon so haltet. Hier die Seite mit den zwei Versionen:

http://die-schwarzen-schwaben.de/New%20Site%20'07
Die zweite Version, sieht noch ziemlich leer aus, da ich diese auf ein anderes Verwaltungssystem aufbaue, das ziemlich aufwendig zum schreiben ist.
Danke schon mal und greetz

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1595

Version 1:

Nicht mein Fall.
über 700 KB für nen Header sind viel zu groß, und dann noch mehrere verschiedene mit gleichem Datenvolumen - bitte nicht.

Dass die News auf der Startseite von alleine wechseln, ist ziemlich störend - da guckt man erst woanders hin, um sich erstmal zu orientieren, dann fängt man an, die erste News zu lesen, und plötzlich steht da ne andere -> doof.

Würde auch die Animation aus dem Header rausnehmen, Bewegung längt prinzipiell immer vom eigentlichen Content ab - daher bitte so dezent wie möglich.

Das Layout trifft nicht meinen Geschmack. Oben im Header zu viel grafisches drum-herum, unten dann zu wenig (eintönige Hintergrundfarben hellgrau, grau, dunkelrot).

Ergänze zur Schriftart "Verdana" in der CSS-Datei bitte noch ein sans-serif, bei mir wird die Seite in serifer Schrift dargestellt (Habe kein Verdana), sieht nicht ganz so schön aus.

Version 2:

Wieder der Header unnötig groß. Als jpg solltest du den locker ohne große Qualitätsverluste auf ~120KB bekommen.

Die Navigation wirkt noch etwas buggy, manche Auswahlmenüs klappen nicht wieder ein, manche nur nicht sofort Frage

Insgesamt würde ich bei beiden Versionen an der Farbgebung arbeiten, um das ganze ein bisschen harmonischer zu machen. Die Quelltexte wirken bei beiden ziemlich überfüllt, das mag aber am CMS liegen. Mit CSS ließe sich allerdings doch eine ganze Menge an Quellcode einsparen.

Ich habe die Seite mit Firefox 2 unter Ubuntu(Linux) betrachtet.

Auch wenn mein Feedback jetzt überwiegend negativ ausgefallen ist, hilft es dir vlt. im ein oder anderen Punkt weiter Winken

Schönen Gruß,

Chris

fabarazzi · Verfasst am: 06.02.2008, 19:04 Titel:

ja danke, aus fehlern lernt man..

Das menü (version 2) funzt no ned wirklich..muss i no dran arbeiten.

Die header muss ich noch ändern stimmt, danke..
Das mit den News auf der Home-Seite (version 1)..Diese News werden noch verlinkt, auf die jeweiligen News, aber ich möchte dem Besucher die ersten News nacheinander anzeigen, damit er eine kurze Übersicht bekommt. Ich kann diese natürlich noch länger anzeigen lassen..

Achja, der Quelltext. Als ich angefangen habe diese Seite(n) zu schreiben hab ich einfach mit Tabellen gearbeitet und ich hab jetzt keine Lust mehr diese in divs etc. umzuschreiben, weil ich sowieso nur so wenig zeit hab.. Winken

..

Danke für deine Kritik..greetz

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1595

gern geschehen Winken

eforium · Verfasst am: 06.02.2008, 23:52 Titel:

Version 1:
Zu breit für 1024x768. Und damit nicht konform.
Ausserdem: 1.47MB / 7.94s
Dass wäre optimal mit etwa folgendem:
0.50 MB / rund 3.0s

Version 2:
Ist gut für 1024x768. Damit konform.
Ausserdem: 310 KB / 2.77s
Ist in Ordnung.

fabarazzi · Verfasst am: 07.02.2008, 01:13 Titel:

ok, version 1 fast das dreifache an größe.. Winken

..(s*****e)..mit den maßen stimmt, des eine is zu groß, aber gibts dafür vorschriften?
greetz

umt · Beliebter [**User**] Anmeldung: 29.11.07 Beiträge: 279

Eine "Vorschrift" gibt es nicht.

1024x768 ist aber die am meisten verwendete Bildschirmauflösung.
D.h., die meisten Besucher sind gezwungen, seitlich zu scrollen, wenn sie alles sehen wollen.
Es gibt fast nichts ärgerlicheres, als seitlich scrollen zu müssen, bzw. die meisten Surfer machen es gar nicht erst, sondern verlassen die Seite schnell wieder und kommen nicht mehr zurück.

Du solltest also in deinem eigenen Interesse darauf achten, dass die Site in dieser Auflösung in der ganzen Breite angezeigt wird.

jeronimo · Verfasst am: 07.02.2008, 13:16 Titel:

also wie gesagt die oben genannten Punkte - was mir jeddoch soffort ins auge fiel ist die heftige rote Farbe - **Autsch** - da würde ich vielleicht etwas weniger Anstrengendes nehmen - man soll sich ja wohlfühlen. Wobei mir Version 2 auch eher zusagt - aber mal im Ernst das waren doch Fertig-Temlates -> also das zweite auf jedenfall oder ?

fabarazzi · Verfasst am: 07.02.2008, 18:04 Titel:

ne, alles selber erstellt..deswegen brauch ich ja so lange, und werde nicht fertig..dazu kommt, dass ich immer wieder was dazu lerne und dann wieder was neues anfange, weil ich merke, dass ich bei der einen version nur mist zusammen geschriebe habe..bzw. dass man das besser schreiben kann..du verstehst schon..

das rot bei version 1 gefällt dir nicht..hm..ok, ich dacht, dass des ned schlecht ausschaut, aber ich bin eben kein webdesigner.. Winken

danke+greetz

jeronimo · Verfasst am: 07.02.2008, 18:13 Titel:

ich mein du willst ja das die Besucher eine Weile (besser noch den halben Tag) auf deiner Seite verweilen - und dafür ist mir die Farbe etwas zu heftig. Schau dir doch mal

http://themes.wordpress-deutschland.org/ ich finde denen Ihre Designs recht schlicht und dennoch clean - vielleicht ne kleine Orientierungshilfe Winken

PS - wo spielt ihr denn immer nicht zufällig auf einem großen Beton-Sportplatz in Stuttgart - oder?

fabarazzi · Verfasst am: 07.02.2008, 18:16 Titel:

danke für den link, werd ich mir mal anschaun.
kennst du vl auch seiten auf denen es lizenzfreie bilder zum weiterverarbeiten gibt? Oder ne Seite mit Photshop Brushes? Ich weiß, da gibts viel, aber ich hab da immer nur so Seiten gefunden, mit viel Inhalt, aber meistens nur mist..

Ne..wir spielen in Augsburg.. Smilie

..auch auf betonplätzen, aber nicht in stuttgart.. Smilie

..
danke
greetz

jeronimo · Verfasst am: 07.02.2008, 18:27 Titel:

auf

http://www.flickr.com findest teilweise Bilder welche weiter verwendet werden dürfen - allerdings mußt du die Nutzungsbedingungen des einzelnen Fotographen ausführlich lesen - manche grafiken darf man beispielsweise nur verwenden wenn man die Quelle angibt (was sich nicht unbeding immer gut macht) - manche Bilder dürfen uneingeschränkt verwendet werden (aber immer genau lesen!)

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1595

Bilder:

www.aboutpixel.de

www.pixelquelle.de

Hilfreich ist es generell, bei Google nach Stock Photos zu suchen - die kosten aber auf den meisten Seiten was. (Hatten wir hier im Forum nicht auch mal ne Liste, oder war das wo anders?)

Photoshop allerlei:

www.psd-tutorials.de (ggf. anmelden, lohnt sich auf jeden Fall!)
speziell:

http://www.psd-tutorials.de/downloads-cats-18-photoshop-pinsel.html

http://browse.deviantart.com/resources/applications/psbrushes/

Photoshop (Tutorials / einfach so lohnenswert):

www.fxencore.de/

www.photoshoptutorials.de

www.ulf-theis.de

Gute Seite für Tutorialsammlungen (allerdings Englisch):

www.pixel2life.com

www.good-tutorials.com

Schöne Seiten für Inspirationen:

www.csszengarden.com/tr/deutsch/

www.oswd.org

www.deviantart.com

Viel Spass Sehr glücklich

Schönen Gruß,

Chris

fabarazzi · Verfasst am: 07.02.2008, 18:42 Titel:

wow..jetz bin ich bedient.. Winken

..werd mich da mal durchlesen

Vielen Dank, greetz Cool

Lizman · Verfasst am: 13.02.2008, 18:29 Titel:

ja von den beiden versionen (da mehr nich zur auswahl steht) gefällt mir nur der zweite..
aber auch nur weil der erste nicht nennenswert is Sehr glücklich

üb mal fleißig weiter.. ich denke die ideen hast du ...
alles weitere kommt schon..