Re: [Sg-webseite] Bitte um Tests von P3

[Wolfgang Wiese <pirat AT xwolf.de>]

Hi
> Fehler habe ich zunächst keine gefunden, allerdigs würde ich trotzdem
> gerne etwas los werden.
> (Bitte konstruktiv und nicht als Kritik aufnehmen)
> 

No Problemo - du schreibst mir bei vielem aus der Seele :)

> Von meinem Empfinden wirkt die Testseite recht unprofessionell, da sie
> Inhaltlich völlig überfrachtet ist. Es fehlen irgendwie Freiräume und
> man hat schwierigkeiten sich zu orientieren, bzw. eine optische
> Differenzierung der verschiedenen Inhalte vorzunehmen.
> 

Tja, das Problem ist: Besser wirds nur mit einem richtig neuen auf
Mediasite optimierten Design.

Gleichzeitig ist aber nunmal der Wunsch da, jetzt bereits
die Artikelströme entsprechend darzustellen. Das muss erstmal nur
umgesetzt werden, bevor es ein neues Design gibt.
Ergo kann ich allenfalls Kompromisse eingehen, sollte ich nicht
einfach selbst ein richtig neues Design machen :)



> Im Einzelnen:
> 
> Die Seite ist zu breit.

Äh, nein, sie skaliert mit der Breite.

Sie hat 4 Breakpoints. Der neue kommt bei 1350 Pixel und
sorgt erst ab errreichen dieser Breite dafür, dass noch eine
Spalte hinzukommt im COntentteil.

> Ich nehme als Grundlage mal die Webstatistik eines Forums mit ca. 10.000
> unique Visitors/Monat welches ich betreue.  Dort liegt die meistgenutzte
> Bildschirmauflösung bei 1366x768 (15%) gefolgt von 1280x1024 (10%) und
> 1280x800 (8%). Erst ab Platz 4 (5%) wird es mit 1600x900 breiter.
> 
> Ich selbst arbeite oft mit einem 11" MacBook (1366x786) und habe auf der
> Testseite schon eine horizontale Bildlaufleiste. Auch wenn die
> horizontale Verschiebung nur minimal ist, denke ich, man sollte das
> möglichst vermeiden. Leute mit 1280er Auflösung werden sicherlich
> Schwierigkeiten bekommen.
> 

Die kriegen diesen Breakpoint garnicht zu sehen :)


> Überschriften zu dominant.
Das liegt an der Schrift.

Ich hatte beim Test aktuell mal folgende Schriften an:

Überschriften = PoliticsHead
Menu = PoliticsHead
Text = Helvetica, Arial, sans-serif

PoliticsHead hatte ich mal eingestellt, weil Christophe es wünschte.

Ich hab aktuell mal wieder auf Georgia bei Überschriften, Bebas beim
Menü und Linux Libertine auf Schrift gestellt.

Siehe Screenshot im Anhang.
1. Politicsheads (Titel+Menu), Schrift Helvetica
  http://laderaum.piratenkleider.de/sonstiges/screenshot-p3-politicshead.jpg

2. Bebas (Titel+Menu), Schrift Helvetica
http://laderaum.piratenkleider.de/sonstiges/screenshot-p3-bebas.jpg

3. Georgia (Überschriften), Bebas (Menu), Lin Libertine (Text)
http://laderaum.piratenkleider.de/sonstiges/screenshot-p3-politicshead.jpg

Man kann die Schriften jeweils ändern.

Es gibt noch Awesome und DroidSans Schriften.

Ihr könnt euch ja mal die SCreenshots anschauen und auf die Schriften
achten und sagen, welche euch am Besten gefällt.


> Hier sollte die bisherige beibehalten werden. Bedenke bitte auch, dass
> manche Seiten ein recht umfangreiches Menü haben und diese sperrige
> Schrift nunmal ihren Platz braucht.
> Gleiches gilt für die Artikelüberschriften.
> 
ich tendiere auch dazu, es so zu belassen wie es war, wollte aber
das Christophe das auch mal sieht, wie Politicshead wirkt.

> Eyecatcher im Menü.
> Diese zusätzlichen Eyecatcher (YEAH!, LETS GO EU!) halte ich persönlich
> für etwas kitschig, was aber sicherlich Geschmackssache ist.
> 

Das sind jetzt nur Beispiele wo ich gestetet hab.
Wir brauchen das für den EU-Wahlkampf, da soll eine neue Leiste oben
rein, die mit einem Eyecatcher versehen weren soll.
Das wird dann hoffentlich nur einer sein!



> Teaser
> den fand ich vorher auch wesentlich hübscher. Diese recht große schwarze
> Fläche über dem Titel (rechts neben dem Artikelbild) in Verbindung mit
> dem schwarzen Balken unter dem Menü, erinnert an eine Traueranzeige.
> 

Das ist in der Tat eine blöde stelle da. ich hatte ja schon vor tagen um
Hilfe da gebeten.
Bei der Verbreiterung muss ich die Lücke nunmal mit irgendetwas
füllen. Ich weiss nicht mit was, damit es gut ausseiht.
Die jetzige Variante ist unter den schlechten Lösungen IMHO noch die
beste.
Wenn du mal auf eine Seitenansicht gehst, wo man also kein Slider hat,
wird der Hintergrund voll orange sein.


> Ich würde mich freuen wenn das Ganze etwas aufgelockert wird. Man muss
> sicherlich nicht gleich ALLES auf die Startseite packen. Irgendwie
> schaut das aus als wenn man das aktuelle Design durch so einen
> Weihnachtsbaum-Trichter geschoben hat um noch mehr Masse auf gleichen
> Raum zu verpacken. Der allgemeine Trend im Screen-Design ist aber genau
> anders herum, wofür es sicherlich gute Gründe gibt.
> 
> Brauchen wir denn diese zusätzliche Spalte unbedingt?

Wie gesagt kommt die nur, wenn man auch wirklich >1350 Pixel Anzeige des
Browserfensters hat.
Ansonsten bleibt es zweispaltig.

> 
> Aber wie erwähnt, Design ist nunmal Geschmackssache. Von meinem
> persönlichen Empfinden gehen wir hier jedoch in die falsche Richtung.
> Schau Dir doch mal das Design unserer Regierungsparteien an, die dafür
> sicherlich viel Geld ausgegeben haben.


ja, etwa 300.000 Euro im Schnitt waren das.
Und zur BTW hatten die tw. 15 leute im Team.

Aber das ist nicht das Ding. Unsere Seite war trotzdem besser
als die, weil wir unser Herzblut reinstecken und die
nur Geld ;)


> Das aktuelle Design ist von der Aufteilung also schon sehr gut.
> Bemängeln würde ich nur den orangenen Hintergrund, der für die Seite
> ziemlich erdrückend wirkt. Ein neutraler weißer Hintergrund wirkt (für
> mich zumindest) recht seriöses und vertrauenserweckend.
> 

Weiss hab ich da auch schon probiert bei der Lücke.
Du kannst ja auch mal mit Firebug rumspielen, vielleicht kommst du auf
das was ich übersheen hab. Auch Übergänge die man mit CSS machen
kann, passen da nicht, weil man ja nicht wiess, welche Bilder
im Slider mit welchen Farben kommen...
ich bin da nicht glücklich wie es jetzt ist, weiss aber auch nicht
wie man es besser machen kann.


> Uch weiß dass das aktuelle Design nicht von Dir ist, von daher hoffe ich
> mal das Du o.g. Punkte auch nicht persönlich nimmst. Die SG kann
> wirklich stolz sein so einen begnadeten Programmierer zu haben. Das muss
> auch mal gesagt werden.


Danke.

Ciao,
 Wolfgang