Neues Design auf dem Spiegelfechter
geschrieben am 10. Oktober 2009 von Spiegelfechter
Hallo liebe Leser und Leserinnen,
ab heute liegt der Spiegelfechter nicht nur auf einem neuen Server, sondern erstrahlt auch noch in einem neuen Layout. Mir ist klar, dass solche Relaunchs beim Stammpublikum meistens nicht so gut ankommen, wie beim Macher selbst ;-)
Im Laufe des Tages folgen noch einige kleinere Ergänzungen und Korrekturen, so dass das fertige System erst in ein paar Stunden steht. Wenn Ihr Anregungen, Fehlerhinweise oder auch Kritik habt – ich habe bekanntlich ein dickes Fell -, so zögert nicht, sie anzubringen.
An dieser Stelle noch mal einen herzlichen Dank an Patrick (der mit dem Igel ;-)), der nicht nur das Stylesheet entworfen hat, sondern auch unzähligen Verbesserungsvorschlägen von mir und den Betatestern folgen musste.
Um einige potentielle Kritikpunkte vorwegzunehmen: Die Hintergrundfarbe Weiß ist freilich gewöhnungsbedürftig und nicht so mollig “warm” wie das alte hellbeige – daran müsst Ihr Euch gewöhnen, Weiß ist mittlerweile Standard im Netz und sowohl technisch als auch von der Handhabung her von Vorteil. Um all zu große Kontraste und Leseschwierigkeiten zu vermeiden, habe ich mich für eine relativ große und serifenlose Schrift entschieden, die gut lesbar sein dürfte.
Mit dem Layoutwechsel habe ich auch das alte eMail-Abo-System in den wohlverdienten Ruhestand geschickt. Ab heute wird diese Funktion über den Feedburner-Dienst übernommen – was qualitativ deutliche Vorteile bringt. Abonnenten des alten Systems erhalten weiterhin die Benachrichtigungen und müssen sich daher nicht neu anmelden, wenn sie dies nicht wollen.
Und was am wichtigsten ist – am Inhalt ändert sich nichts! ;-)
Update: Wer sich in den Kommentaren über Hinweise nach der Ausrichtung (linksbündig/zentriert) wundert – die Ausrichtung haben wir erst im Laufe des Nachmittags “mittig” gemacht.
Viel Spaß mit dem neuen Layout
Euer Spiegelfechter
Jens Berger
Vertrauen Sie Deutschlands Nr. 1
Wissenschaftlich fundierter Test!
www.PARSHIP.de
Auf jeden Fall Fließtext nutzen und das Design wieder mittig auf den Bildschirm. Ansonsten sieht es gut aus!
Jo bitte wieder mittig ausrichten. Ist unangenehm wenn man nur am Bildschirmrand liest und dann dauernd durch die zwei Leisten im Lesefluss unterbrochen wird. Lange Text werden so zu Qual.
Schliesse mich den Vorrednern an: Bitte den Text wieder mittig ausrichten.
Wenn wir das Design mittig ausrichten beliebt dann aber trotzdem der Text eher rechts, oder meint ihr wies früher war mit Sidebox – Hauptteil – Sidebox. Hier wäre der Leseteil dann genau in der Mitte.
Natürlich sind wir uns aber auch klar das man es nie allen recht machen kann. ;)
@all
-> Mittig ausrichten
Das einzige, was wir mittelfristig machen könnten, wäre eine Zentrierung des gesamten Blogs – das nützt allerdings “nur” Lesern an Monitoren mit hohen Auflösungen. Aber – ja – das ist machbar.
Also ehrlich, mich stört es nicht, wenn der Text linksbündig zu lesen ist. Der Inhalt machts.
Ansonsten Glückwunsch.
Übrigens. Linksbündig liegt im Trend oder doch nicht?
Doch schon. Ist natürlich für viele Lese erstmal ne Umstellung da der Blick beim Laden des SF erstmal auf die Mitte beschränkt ist und dort jetzt nur Werbung erblickt.
mir gefällt das neue layout. sieht halt noch “professioneller” aus. es war gute entscheidung, das design zu wechseln.
Glückwunsch zum neuen Design, gefällt mir ausnehmend gut.
Da ich den Spiegelfechter auch gerne am Laptop konsumiere freue ich mich über die neue, linksbündige Ausrichtung.
Und am Ende ist ja eh der Inhalt entscheidend.
Das Layout ist ist angenehm übersichtlich. Das Design hat Stil und wirkt seriös. Prima.
In der mitte aufm bildschirm siehst aber nochmal besser aus.
Mittelfristiges mittiges Ausrichten braucht nur eine kleine Änderung im CSS. ;)
#wrap {margin: 0 auto; /* margin so ändern */
border:1px solid gray; /* Rahmen hinzufügen */
}
Das macht es bei mir im FF3 schön mittig mit nem schicken Rand drumrum. Alle anderen halbwegs modernen Browser sollten das genauso darstellen.
Na wenn dann aber mit hübschen Schatten auf beiden Seiten statt nen grauen Rand. ;)
Hi Jens & P@trick,
schraubt mal oben am Menü noch etwas, dort wo “Home”, “Newsletter”, etc steht.
Die Schriftart passt gar nicht, die Ausrichtung auch nicht (die Höhe der Schriftlinie).
Selbiges bei dem Suchfeld. Könnte einfach oben anstossen ohne den Weisbereich dazwischen. Oder eben wie das RSS rechts daneben (CSS der Widgets..).
Evtl. solltet ihr auch alle Schriftgrössen mal überdenken und sich auf 3-4 beschränken.. es ist doch etwas wirr durcheinander im Moment.
Da ich meist abends auf meinem “kleinen” 12″ Notebook les, verschwindet die rechte Spalte fast vollständig.
Ich weiß schon gar nicht mehr, wie’s vorher aussah… Mit anderen Worten: es gefällt.
@Peter
Yep – wir werden die Zentrierung angehen. Aber – wie Patrick schon sagte -, erst müssen die Grafiken dafür umgestellt werden.
Hallo Jens. Das neue Design ist super. Habe vor 3 Tagen Linux installiert, das alte Design wurde in Linux-Mozilla nicht wirklich korrekt angezeigt. (Suchen-Feld verschoben und Text verschwommen). Heute Spiegelfechter-Lesezeichen geöffnet und sieh da!!! Super, gefällt mir sehr gut das Design. Und ich muss sagen, in der letzten Zeit ist auf deiner Seite immer mehr Werbung zu sehen (was wahrscheinlich nicht vermeidbar ist) und mir gefällt es dass diese jetzt rechts steht. Was ich aber vermisse :-) sind die chinesischen Zeichen da oben neben ?Der Spiegelfechter? Vielleicht zwischen “Der” und “Spiegelfechter” einbauen?
Ansonsten ist natürlich der Inhalt am wichtigsten.
Lob an Patrick (der mit dem Igel :-)) sieht sehr gut aus.
Ist alles kompakter und griffiger geworden. Das ist gut. Auch weiss ist in Ordnung. Aber das Design ist an vielen Stellen zu eng. Links fehlt sehr viel Luft, man möchte immer nach links scrollen?
Das »Der« im Logo wird durch die Hausfarbe Rot arg betont und erhält einen Zierstreifen links. Zudem ist das Wort »runtergeruscht«. Macht gestalterisch wenig Sinn.
@Burnie
Stimmt – das habe ich verbockt, als ich gestern in einer Nacht- und Nebelaktion alle(?) Schrifttypen geändert habe … ohne zu wissen, was genau ich das eigentlich mache ;-)
@Patrick
Kannst Du Dich diesen zwei Punkten vielleicht mal annehmen – wenn ich das mache, gibt es wieder nur Kraut und Rüben ;-)
@ConnyLo
Das wird dich durch die Zentrierung erledigen. Dann haben alle einen Vorteil – die “Großmonitorleser”, weil die Artikel mittig sind und die Note- und Netbookleser, weil der Text auch ohne ewiges Scrollen zu lesen ist.
Stimmt – dem nehm ich mich an
Der alte Spiegelfechter hatte ein einzigartiges, aber gut wiedererkennbares Gesicht, der “neue” leider irgendwie nicht. Rein technisch gesehen sieht es super aus, gut lesbar, klar, aufgeräumt – aber leider irgendwie beliebig. Es gibt tausende andere Seiten, mit denen man ihn jetzt verwechseln könnte. Klar, letzten Endes kommt es auf die Inhalte an, richtig schlecht im klassischen Sinne ist der Relaunch ja auch nicht, ich hätte mir halt nur gewünscht, wenn das alte Gesicht irgendwie wiedererkennbar gewesen wäre.
Also hier bei mir ist alles genau mittig. Welchen Browser benutzt du?
Das würde dann nicht zum restlichen Design passen. Zwischen Überschrift und Inhalt ist immer ein Stückchen frei.
Bei einen Blog mit Artikeln im Mittelpunkt brauchst du recht viele Größen um auch ein bisschen die Aufmerksamkeit zu lenken. zB wäre es quatsch wenn die Überschrift eines Artikels genauso groß wäre wie eine Überschrift auf der Seitenleiste.
Stimmt, dann musst du scrollen wenn du die Links lesen willst. Das Ziel war auch den Artikeln mehr Platz zu gönnen, mit 2 weiteren Seitenleisten muss man da aber Abstriche machen.
Glückwunsch, sieht super aus, das neue Design!
Erspare mir die Fehlersuche einzelner, möglicherweise falsch stehender Pixel;-))
Auf einem 20″ Monitor kommt die Schrift sehr gut. Übrigens: Bei gleicher Größe ist eine Schrift mit Serifen meist besser lesbar, aber das nur am Rande! Beispiel: Die Rubrik Neues aus der Nachbarschaft. Habt ihr die Seite komplett selbst gestrickt, oder basiert sie auf einem schon existierenden Template? Grüsse und weiterhin viel Erfolg, almabu.
Vielen Dank für das neue Design. Die neue Schrift ist super. Endlich muss ich den Spiegelfechter nicht mehr im Feedreader lesen. Beim alten Design war die Schrift im Opera unter Ubuntu fast unlesbar. So ist es viel besser.
Gefällt mir gut, allerdings gibt es kein Max- und Min-Width, richtig? Das wäre vielleicht eine ganz gute Idee, damit auch kleinere Bildschirme die Seite gut anzeigen können (mein 12″-Monitor schneidet rechts die Hälfte der zweiten Sidebar ab. Nicht schlimm, aber auch nicht schön ;)
Generell find ich alles ganz hübsch, finde es aber schade, dass ihr die Seitenbreite für eine Auflösung über 1024 px optimiert habt. Allein dadurch, dass Inhalt über den rechten Rand hinausragt, wirkt alles etwas überladen und unruhig.
Die Serifen wurden ja WEGEN der besseren Lesbarkeit erfunden. Doch das ist nur eine marginale Anmerkung. Ansonsten Glückwunsch!
@Thomas
Die Diskussion hatten wir auch schon – ich kenne das Problem, da ich recht häufig mit meinem Netbook mit einer 1024×600 Auflösung unterwegs bin. Das Relevante (der Inhalt) ist aber auch so sehr gut zu erkennen. Schmaler geht es leider nicht, wenn man den Textblock auf 600px halten muss und zwei Sidebars unterbringt, in denen die Inhalte auch lesbar sind. Darum haben wir uns für diese Kompromisslösung entschieden.
@Klaus
Jaaa, hast ja recht – aber ich mag nun mal keine Serifen … ich bin ja nicht die altehrwürdige Times ;-)
Ich lese dein Blog sehr gern. Altes oder neues Layout spielt für mich keine Rolle, Hauptsache inhaltlich wird das hohe Niveau gehalten.
Sicher erst einmal ungewöhnlich; das alte Layout wirkte “heimliger”. Dass die Seite nicht voll auf 1024 Pixel passt ist schade, schließe mich da Thomas an.
Das neue Design ist für mich auf den ersten Blick sehr gelungen. Da ich den Spiegelfechter regelmäßig lese, bin ich für Übersichtlichkeit und gute Lesbarkeit sehr dankbar. Eine Frage bzw. Bitte hätte ich dennoch: Gibt es eine Möglichkeit, Benachrichtigungen über neue Kommentare zu abonnieren, ohne dass man vorher etwas zur Diskussion beigetragen hat? Die Diskussionen zu einem Beitrag sind oftmals sehr erhellend, da sich auch der Autor mit den Anmerkungen der Leser auseinandersetzt. Es ist für mich viel komfortabler, wenn ich die neuesten Nachrichten via Email erhalte, anstatt mehrmals täglich nachzuschauen.
Ja, bessere Lesbarkeit – auf Papier. Es ist eine Frage der Auflösung bzw. Schriftgröße. Serifen machen am Bildschirm erst ab einer bestimmten Größe und/oder Auflösung (DPI) Sinn. Aber wann – darüber kann man natürlich wieder streiten. Pauschal besser lesbar stimmt am Bildschirm aber nicht.
Hab das alte SF Theme als Ausgangspunkt genommen, aber man kann schon sagen das es von Grund auf neu Gestalt wurde.
Also bei mir ragt nix über irgendeinen Rand hinaus. Oder hab ich was missverstanden? (falls nein, welchen Browser benutzt du?)
Ich kenne auch viele die nicht so gern mit Serifen lesen. Persönlich mag ich sie und hab sie hier und da auch eingebaut. Das alte Lied: Man kann es nicht allen Recht machen.
Das stimmt, aber wie schon geschrieben wollte ich den Inhalt auch mehr Raum lassen. Bei 3 Leisten ist das fast ein Ding der Unmöglichkeit alles mit ausreichend Platz auf 1024px unterzubringen.
@Patrick
Das hat was mit der Auflösung zu tun – auf meinem Netbook (1024×600) ragt es “natürlich” auch raus – bei größeren Auflösung am Desktop natürlich nicht ;-)
Ach da war gemeint. ;)
Bitte alle mal die Seite aktualisieren!
@Patrick
Aaaaah – sehr schön!
Diese Leute sind ja nicht gezwungen, das Browserfenster auf die volle Breite von 2000 Pixeln aufzuziehen. Das ist doch Verschwendung von Monitorplatz und eher eine Angewohnheit aus Zeiten, wo 800×600 noch Standard war. ;-)
Aaah, alles mittig hier! Jetzt mehr Platz schaffen zwischen Header und Überschriften ;-)
Kann meine Subscriptions nicht abbestellen?
To unsubscribe to one or more posts, click the checkbox next to the title, then click “Remove Selected Subscription(s)” at the bottom of the list.
Remove Selected Subscription(s) fehlt.
@ConnyLo
OK – darum kümmere ich mich mal. Das ist nicht gut ;-)
Wow! Ich dachte, ich wäre in einem falschen Film gelandet.
Gut gemacht !
Sehr übersichtlich !
Meinen Segen hast Du.
Prost, aufs Glück !
Hübsch :)
Und wird sogar in allen Browsern, sofern ich es auf die Schnelle beurteilen kann, korrekt dargestellt (jetzt sogar in konqueror … na ja fast, aber egal). Zumindest mozilla-Ableger und IE-8 tun es so wie es gedacht ist.
Dass das Forum immer noch kaputt ist, weißt du ja wohl.
Und im Logo oben vermisse ich wieder dein Markenzeichen :))
Toi-toi!
An P@trick, #34
Nee, da reicht aktualisieren nicht aus – da muss man Cache löschen.
Unter Win zeigte mir FF die Seite zunächst im fast alten Gewand an :))
@ConnyLo
Bis auf die “Kleinigkeit”, dass der Abohaken unter Opera nicht aktivierbar ist, funktioniert jetzt alles … und sogar in Deutsch und mit Doubble-Opt-In.
Auch beim Stammpublikum kommt es gut an! Jedenfalls bei mir… : ) Das sieht einfach viel seriöser aus! Und zu einem seriösen Inhalt, wie wir es gewohnt sind, gehört eben ein seriöses aber nicht langweiliges Design!
@Zetterberg
Das wundert mich ehrlich gesagt ;-)
Sehr gut gemacht.
Ich sehe alles mittig. Nutze SeaMonkey und habe rechts immer Sidebar mit allen Lesezeichen angezeigt.
Ich glaub, ich muß mich erst ein wenig dran gewöhnen. Es sieht nicht schlecht aus, ich muß halt nur noch realisieren, daß das jetzt der Spiegelfechter ist. Wird aber schon kommen :-).
Mein Opera 10.0 zeigt mir das Textfeld leider noch links an und die 2 Sidebars rechts :(
Abgesehn davon ist das neue Design gut geworden.
edith..
Ich musste den Kommentar absenden indem ich ins Namesfeld klicke und Enter drücke.. irgentwie fehlt mir ein Absendenbutton, kann das sein?!
das hat auch seine Richtigkeit. Das ganze Design ist jetzt nur zentriert.
hopla sry das geht auf meine Kappe. Jetzt ist er wieder da.
Hab mich schon gewundert wieso keine Kommentare mehr kommen. Peinlich…
Hoffentlich gibts auch weiterhin viele lustige Bildchen zu den tollen Texten. =D Ansonsten gefällt mir das neue Design sehr gut.
Hier mal noch ein Logo Vorschlag.
http://img185.imageshack.us/img185/1420/logo2vk.png
Besser?
Als ich heut morgen hier ankam hatte ich ja spontan den Gedanken Spon hätte das Layout geändert^^
Rot-Schwarz-Weiss sieht halt eben einfach klassisch gut aus.
Solang sich hier am Inhalt nichts ändert !
Daher gefällt mir der neue Auftritt der Seite auch sehr gut. Wirkt professionell und frisch.
Farbgebung, Schriftbild, Aufteilung, Hintergrund – ich finds rundum gelungen, seit das Ganze auch noch mittig ist.
@ 50 ja, wichtig – weil Markenzeichen
Ich fand die alte Farbe zum lesen angenehmer, vieleicht könnte man den Hintergrund wieder wenig “gelber” gestallten. Sonst alles IO.
Hallo Jens und P@trick
1. Gefällt mir gut!
2. Die Seite lädt viel schneller
3. Auf meinem Opera 10 scheint die Seite zu funzen, nicht aber so ganz der Kommentar:
4. Das Schreiben dieses Texts erscheint mit ziemlicher Verzögerung: ich meine den Aufbau des (soeben) Geschriebenen. Der Cursor hängt sehr nach.
5. Nur zwischen Punkt 3 und 4 habe ich eine Leerzeile eingegeben, in der Vorschau erscheint auch eine zwischen Punkt 2 und 3 – und jeweils eine zwischen 5 und 6, und 6 und 7
6. Das Abschicken dieses Kommentars ist somit ein Test in Echtzeit
7. Wenn es klappen würde: der Sendebutton fehlt
Diesen Kommentar schicke ich über den sonst nie benutzten IExplorer
update:
der Sende-Button ist jetzt da, allerdings nervt der Kursor weiter (ne echte Verzögerung von ca. 1 sec). Besonders nervend, weil das Manövrieren und Verändern im (eigenen) Kommentartext zu neuen Fehlern führt…
Aber ich glaube, Opera macht immer wieder mal Schwierigkeiten auf manchen Seiten, bei jeder neuen version wieder neu. Wahrscheinlich nur Regietheater ;-)
Hallo Jens,
zumindest auf meinem Monitor funktioniert bei den Kommentar-Texten die Trennung nicht richtig, d.h. die Wörter werden ganz willkürlich getrennt.
Mhhh… ich oute mich dann wohl mal als einer derjenigen, denen es nicht gefällt. Wie hier in den Kommentaren auch schon erwähnt wurde: Das Design wirkt zwar professionell, in seiner Gesamtwirkung in meinen Augen aber ziemlich beliebig. Das alte Design hatte einen riesen Wiedererkennungswert und wirkte zumindest auf mich aufgeräumter. Die beiden Infoleisten rechts gehen IMO z.B. mal absolut gar nicht an. Das wirkt chaotisch.
Davon abgesehen war ich ein riesen Fan der alten Farbgebung. Das war mir schon damals als erstes positiv aufgefallen, als ich auf deiner Seite gelandet bin. Schade schade, dass du das aufgegeben hast. :(
Kann aber auch am Vorschau Plugin liegen.
Bei mir wird ein seitlicher Scrollbalken angezeigt, da die rechte Spalte (RSS Feeds, Werbung usw.) nicht mehr auf den Bildschirm passt.
Surfe hier mit Opera 10 auf Win XP mit einem 15-Zoll-TFT bei 768*1024 Pixeln. Gleiches Problem auch bei FF3, Avant und Abolimba. Hab ich da Pech gehabt, weil zu klein, oder kommt da noch was in Sachen Korrektur?
# 56
“Kann aber auch am Vorschau Plugin liegen.”
Kann ich das beeinflussen? Kann ich das abstellen?
Also in Opera 10 kommt es mit der Vorschau nur manchmal zu ner Verzögerung bei Copy+Paste. Aber sonst gibts auch da keine Probleme bei mir. Mir erschließt sich der Sinn des Plugins ja sowieso nicht, aber das musst du mit den Cheffe ausmachen.
Nö, du hast Pech gehapt. Mit 1024 Pixel solltest du alles wichtige sehen können bis auf die äußerste Spalte. Da dort sowieso die Links und die Werbung sind ist es doch nun wirklich kein Beinbruch wenn du diese nicht siehst. ;)
Ein klares und angenehm sachliches Layout, gewiss. Aber: Der (alte) Spiegelfechter hatte ein prägnantes, unverwechselbares Gesicht mit hohem Wiedererkennungswert, das ihn auch optisch von anderen Medien und Blogs deutlich abhob. Jetzt sehe ich den gleichen Standard wie z.B. beim Freitag, der ZEIT, dem SPON (dort allerdings seitenverkehrt) usw. Schade eigentlich.
Mir gefällts im Großen und Ganzen auch auch. Pluspunkt ist ein hoher Kontrast durch weißen Hintergrund. Ebenso dass man jetzt beim Klick auf Kommentare gleich zu den Kommentaren springt und nicht erst in der Artikeleinzelansicht dahin scrollen muss.
Aber auch ein paar Minuspunkte:
- Beim dreispaltigen Design finde ich besser, wenn der Textteil in der Mitte steht
- Muss die Werbung sein? Sprint doch sehr ins Auge und macht die Seite unruhig. Vielleicht doch lieber ab und zu um eine Spende betteln?! (hab schon zweimal gespendet)
Danke für den Hinweis, Patrick.
Ein Beinbruch isses sicherlich nicht, irritiert das Auge aber ganz schön. Von daher gefällt mir das alte Layout besser.
Muss ich den Spiegelfechter eben mit 90% Zoom lesen … der Inhalt isses allemal wert ;-)
@P@trick
Ich kuck grad mit dem Safari 4.0.3 drauf…
und ich hab mich scheinbar unklar ausgedrückt noch ein Versuch:
Warum kann die Überschrift Spalte 2 “Suchen” nicht genauso hoch positioniert sein wie Überschrift Spalte 3 “RSS” ? Also die rote Linie (Unterstrich) auf einer Höhe sein?
Und dass nicht alle Headlines in allen Bereichen identisch sind/ sein sollten, ist schon klar ;)
bis auf ein paar kleinigkeiten finde ich ist der design-relounch gut gelungen.
Auf nem macbook 15,4″ unter MAC OS X (10.5) und mit safari (4.03) stimmt die gesamtdarstellung und die seite lädt sehr fix.
Was mich optisch stört ist, dass oben das feld suche inkl. der roten linie wenige millimeter tiefer steht als in der spalte daneben das “rss feeds” inkl. roter linie. Das macht nicht nur keinen sinn, es sieht einfach nicht gut aus. Falls ihr einen screenshot sehen wollt dazu lasst es mich wissen.
Ein griff ins klo für mich persönlich ist die schattierte serifenschrift oben bei “home, newsletter, über mich und forum” Die fände ich eindeutig ohne schatten besser (serifenschrift ist ok). Um einen ähnlichen optischen effekt zu erzielen reicht es die in grau darzustellen. Außerdem denke ich es sähe noch nen tick besser aus, wenn die menuepunkte nicht mittig zentriert ausgerichtet wären in der höhe sondern auf der hohe der buchstabenunterkante von der spiegelfechter stehen würden.
Der logo vorschlag aus # 50 gefällt mir sehr gut, würde den mal im fertigen layout eingebaut sehen wollen.
Zur hintergrundfarbe. Ich kann mit dem weiß gut leben, finde allerdings dass eine art alleinstellungsmerkmal des SF aufgegeben wurde. So ähnlich wie man am kiosk in einer flut zeitungen sofort die FTD erkennt wegen des lachsfarbenen papiers, ging es mir immer beim SF. Selbst bei zig geöffneten sich teils überlagernden browserfenstern konnte ich zielsicher “blind” den SF erkennen.
Zum thema 2 spalten rechts neben dem großen frame sage ich erstmal nichts sondern probiere die usability erst mal praktisch aus. So ganz optimal ist mein erster eindruck noch nicht.
Ich freue mich jedenfalls auf weiterhin so gute inhalte im neuen gewand
Tja kA wieso das so ist. Ich kann dir versichern das liegt einzig und allein an Safai. Du kannst ja hier mal schaun:
http://browsershots.org/http://www.spiegelfechter.com/wordpress/
noch als ergänzung:
Unter safari werden die kommentare nicht korrekt dargestellt sondern willkürlich umbrochen an den unmöglichsten stellen. Das lässt sich vermutlich für nicht mac-user so nicht nachvollziehen, denn auf nem anderen compi unter windows xp und mit firefox 3.5.3 erscheint mein kommentar ohne die umbruchfehler einwandfrei….
Kann euch auch dazu bei bedarf gerne auch nen screenshot erstellen.
@ 65 p@trick
nene, das selbe problem sehe ich z.b. auch beim screenshot Konqueror 4.2 / Debian Testing (Lenny) siehe
so in etwa sieht es unter safari auch aus….
Hallo Spiegelfechter!
Der Kontrast ist viel zu hoch!
Du solltest entweder die Schrift dunkelgrau machen, oder den Hintergrund dunkler.
Da viele deiner Leser logischerweise länger auf deiner Seite lesen, solltest du sie nicht schon nach 15min unterbewusst mit Augenschmerzen vergraulen. Auch viele Onlineausgaben von Zeitungen machen diesen Fehler. Ich empfehle mittelgrau auf weiß.
Die Seite erscheint mir auch ein wenig unübersichtlich. Die einzelnen Abschnitte (Werbung, Blogroll, Newsroll, Artikelspalte) sind zu wenig klar voneinander getrennt. Du könntest anstatt die Spalten nur mit einem Schlagschatten zu trennen, sie auch durch Grauabstufungen trennen. Spalte 1 Weiß ? Spalte 2 hellgrau ? Spalte 3 mittelgrau, zum Beispiel. Positivbeispiel: nzz.ch
Meiner Meinung nach könntest du die Schrift auch ein klein wenig, nur ein klein wenig, kleiner machen. Bei mir in Safari sieht die Schrift ziemlich groß aus trotz sehr hoher Auflösung.
Blocksatz im Web finde ich auch lesbarer als Flattersatz.
Ich habe dir mal einen Vorschlag angehängt :-). Der Blocksatz sollte dann aber nicht so breit sein.
Liebe Grüße aus Wien,
Tobias, Grafik-Student, erzählt dir keinen Schwachsinn :-)
Vorschlag Link
Doch kann ich sehr gut nachvollziehen und zwar mit GoogleChrome welches dieselbe Engine benutzt.
Der Fehler ist jetzt beseitigt. Es lag am Befehl word-break:break-all; der ab einer Wortlänge die über die vorgeschriebene Breite hinausgeht einen Umbruch erzwingt. Das ist vor allem bei langen Links wichtig die sonst das Design sprengen. Safari macht aber aus den word-break ein “line-break”.
In Safari 4.0.3 am Mac zeigen sich bei den Kommentaren wundersame Word-Trennungen. Im redaktionellen Teil tritt der Fehler nicht auf.
Camino und Opera zeigen dieses Phänomen auch bei den Kommentaren nicht. Dort ist alles korrekt.
HAT SICH ERLEDIGT. JETZT STIMMT DIE WORDTRENNUNG AUCH IN SAFARI.
Geh ich mit jetzt haben wir #333 auf #FFF. Aber das reicht jetzt auch! ;)
Ganz ehrlich ich finde die Seite nzz.ch nicht übersichtlicher dadurch. Das erste was mir ins Auge fiel war das Wetter. Gerade die hellblaue Leiste zieht doch schon so ziemlich alles an Aufmerksamkeit auf sich. Seis wies ist ich überden die Abtrennung nochmal und mach vielleicht rechts neben den zwei Schatten noch nen 4px breiten grauen Rahmen zB.
Kleiner als 12px möchte ich die nicht machen, da das ja dann auch über die Augen geht. Ich will auch keinen benutzer zwingen vor dem Bildschirm zu kleben.
@ 69 p@trick
yep, sieht sehr gut aus und danke für die erklärung der ursache ;)
@ P@trick # 50
Das Logo mit den zwei Masken ist viel besser
Hab ich was mit den Augen oder ist der Hintergrund des Lesebereich gerade ein bisschen gelber/milchiger gemacht worden?
Ich kann dich beruhigen deine Augen funktionieren bestens. ;)
Da bin ich ja erleichtert. MMn auch besser den Lesebereich etwas abzudunkeln, schont die Augen. Klasse Design insgesamt. Schonmal in Erwägung gezogen das als Theme für WordPress frei zur Verfügung zu stellen?
EDIT: wieder ein bisschen heller gemacht?
Ja klar, sobald hier keiner mehr meckert. :p
Das ist aber durchaus ernst gemeint.
Das wäre der Hammer! Bitte undebingt ankündigen, falls Du den Plan in die Tat umsetzt.
Wenn du die Kommentarbox meinst, dann ja, ansonsten ist es Einbildung. ;)
@SF:
Na? Gefällt es dir hier? Mein Zeitkonto ist gerade ein bissle mau, aber sobald ich wieder kann melde ich mich…
LG
Hi Jens,
ist doch eigentlich ganz super, das neue Outfit.
Zur “Mittigkeit” des Textes – gut möglich, dass für High-End-Monitorauflösungen der Istzustand nervig ist, für all jene, die mit einem Netbook arbeiten, ist der momentane Stand der Ausrichtung allerdings ideal – ich habe mit 1024×600 deinen Text bildschirmfüllend und die beiden Leisten rechts nur dann, wenn ich sie will. ;-)
Wie immer es wird, mach weiter mit der guten Arbeit -
Daumen hoch, Frank
@ p@trick
die maskenversion des logos gefällt mir besser als die mit dem roten quadrat, das war mir zu statisch und in logos zu häufig schon verwendet. Wäre schön wenn die masken so bleiben könnten.
gerade auch mal mit dem firefox gecheckt unter OSX:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; de; rv:1.9.0.14) Gecko/2009082706 Firefox/3.0.14
sieht gut aus mit dem firefox, das problem unterschiedlicher höhen der überschriften spalten 2 +3 bei “rss” und “suche” scheint also wirklich nur beim safari aufzutreten :(
@P@trick:
Saubere Leistung. Macht was her.
Unten rechts die Graphik die auf wikio hinweist ragt bei mir unter Safari 4.0.3 (6531.9) und OS 10.6 ein wenig über den Rand hinaus.
Noch ein interessantes Detail. Wenn man den Spamschutz vergisst, muss man die Seite komplett neu laden. Ein drücken auf Rückschritt und dann weiter mit Spamschutz führt trotzdem wieder zur Fehlermeldung. Soll das so sein?
Gruß
@Tombox
Wenn Du mal eben tief in die Geldbörse greifst und den “Unterstützen”-Button klickst nicht – ansonsten “leider” schon, auch der Spiegelfechter muss seine Miete in Euro bezahlen ;-)
@Frank Powres
Das ist ja der Trick ;-)
Auf dem Netbook merkt man gar nicht, dass die Seite zentriert ist und auf dem “Mega-Monitor” merkt man es und es sieht gut aus ;-)
Was mich beim alten Style am meisten genervt hat war die kaputte Fontcodierung, Opera war da immer penibel. Endlich lesbare Fonts auch bei vergrössterer Einstellung.
Ich muss gestehen das ich dein Blog in einem Feedreader lese und mir daher das Layout nicht so richtig wichtig ist. Habe aber aufgrund dieses Eintrags mal geschaut und finde die Seite so recht schick, wobei ich Dinge wie Schriftarten und Grössen immer in relativer Grösse und nur als mit oder ohne Serifen definieren würde. Die meisten Browser erlauben es dem Nutzer eh seine eigenen Schriftarten und Grössen zu definieren. Ich z.b. lese überall und alles in Verdana und in einer Grösse von mindestens 11px.
@Patrick
Logo: 1+
Sehr schön ;-)
Stimmt, das hellblaue Wetter fällt einem als erstes ins Auge. Doof. Doch ich finde nzz.ch gerade durch den Blockaufbau ziemlich übersichtlich. Man sieht wo ein Abschnitt aufhört und ein anderer anfängt.
Sorry, hatte die »Verdana« aufm Mac seltsamerweise nicht installiert. Da du die »Geneva« als zweite Schrift angegeben hast erschien mir alles so groß. Die ist wohl ziemlich groß geschnitten. Jetzt sieht’s aber grad richtig aus. :)
#000 zu #333 seh ich leider keinen Unterschied, da das weiß ziemlich durchleuchtet. Probier doch mal #666 oder #777… Bitteee ;)
Und der Blocksatz anstelle von Flattersatz ? schon ausprobiert?
Grüße
Wurde zwar schon geschrieben. Aber auch bei mir ragt das ganze am Laptop rechts raus, Irgendwie unschön, aber sonst okay.
boah, da krieg ich ja augenkrebs…. schon wieder eine seelenlose Seite mehr im Netz…
frueher war alles besser!
Auf Opera 10 mit Zoomfaktor 150 Prozent auf einem 21 Zoll Röhrenmoni ist der Text sehr gut zu lesen. Haut hin!
Das Weiss ist aber arg hart.
Hi!
Mir gefällt das neue Design – mit einer Ausnahme: Guy fehlt mir. (Ja, ich habe Guy im FavIcon gesehen.)
Guy Faulkes Maske hatte eine Aussage, die deutlich über die beiden jetzt zu sehenden simplen Masken hinausgeht. Vielleicht kommt sie ja zurück…
Gruß
OmniBus
Stimmt, könnte auch ein Logo für »Selbsthilfegruppe akute Gefühlschwankungen e.V.« sein. Ist also zu unpräzise das Logo. Man sollte noch weiter daran feilen! Zwei Masken inkl. Spiegeleffekt alleine tun’s eben nicht!
Hmpf. Ich fand das alte Design besser.
Kritikpunkte: Titel zu klein, Seite skaliert nicht gut auf 1024er Bildschirme und mittig war besser.
Hmpf.
Den siehst du jetzt immer noch im FavIcon. Vorher war der doch auch nicht im Logo, oder wo hast du den gesehen? :o
http://www.magicinvasion.de/sf/logo2.png
Hmm hat schon was aber das Logo wird ein bissl zu breit.
Was wollte ihr eigentlich?! Vorher war da ein rotes Rechteck und das stinkt doch nun wirklich gegen zwei Masken mit umgekehrten Spiegelbild ab. ;)
Sry aber dann wird es zu grau. Siehst du da wirklich keinen Unterschied? (jetzt zB den Kontrast zwischen Überschrift und Text) Möglicherweise liegst am Monitor.
Komm schon; 90% der Internetseiten bieten schwarzen Schrift auf weißen Hintergrund. Dann wirst du das weniger kontrastreiche dunkelgrau auf weiß auch hier überleben.
Schriftgröße 30 ist dir zu klein? Ich möchte wetten das die beim alten Design deutlich kleiner war. Seite skaliert gar nicht und mittig ises immer noch.
transwarp hats schon perfekt gesagt:
Ich möchte wetten, wenn ich alle Ratschläge befolgen würde, sähe das Design genauso aus wie das frühere und dann kämen die Nächsten die dann das “alte aber nicht ganz sooo alte” Design besser fanden. :D
Mhh, 90% sind zunächst einmal ein Beleg für gar nix! :P
Ich stosse verdammt selten auf Seiten von denen ich behaupten könnte, dass ihr Design durchweg stimmig ist. Dabei geht es nicht nur um solche Basics wie Farbwahl (ein Designer sagte mal zu mir, dass alles was über 3 Grundfarben hinnaus geht beim Betracher an Übersicht verliert) und halt ein gewisses Niveau bei der Verwendung von Schriften und Grafiken, sondern ganz oft auch um die Struktur. 90% der Seiten – da kommt er zurück :P – sind einfach völlig überladen und von ihrer Übersicht her mangelhaft. Das ist übrigens auch ein Punkt den ich hier den beiden Infoleisten rechts zuschreiben würde. Das ist einfach viel zu viel Information auf zu engem Raum. Man verliert sich viel zu schnell darin chaotisch mit den Augen von einer Leiste zur anderen zu wandern.
Wenn man sich daran gewöhnt hat ist aber natürlich alles schlussendlich verwendbar. In sofern macht ihr mal… ich werde die Seite auch mit einem in meinen Augen schlechtem Design nach wie vor besuchen. :D
PS: LOL… ich kann nimmer rechnen. Sollte eben 10 + 6 lösen und war mir sicher, dass das 16 ergibt. Der Spamschutz war anderer Meinung. ;)
Da gebe ich dir Recht und weise ganz Staatsmännisch jede Mitschuld von mir.
Das ist unser neuer Regimekritiker Schutz. Scheint noch nicht so wirklich zu funktionieren aber wir arbeiten dran. :p
Als Regimenkritiker kommt man immer irgendwie durch! ;)
Mit “Titel” meinte ich “Der Spiegelfechter”. Das ist kleiner als die Überschrift der Artikel. Sieht doof aus. Ihr solltet die Kritik hier etwas weniger persönlich nehmen, das ist ja schon wie in Millionen anderen Ego-Trip-Blogs. Ich kann selbst leider kein Web-Design, aber ich weiss, was ich gut finde…
Danke für die Ausrichtung :)
Komme von der “dunklen Seite” und soviel weiß macht mich verrückt.
Aber wenn die meisten das so haben wollen, könnte auch damit leben.
Logo finde ich nicht Aussagekräftig genug. Die Maske vorher fand ich besser.
Viel Spaß trotzdem mit dem neuen Design und dem neuen Server.
Achso, ja das kann ich ggf auch ändern. Der alte header war ca 1/5 höher und das auch nur wegen den fetten grauen Streifen. ;)
http://www.spiegelfechter.com/wordpress/wp-content/themes/creative2/images/head.gif
Tun wir das? Also von mir aus könnt ihr gerne weiter kritisieren. Solang was bei rum kommt, wie die Zentrierung des Designs.
Ich weiß immer noch nicht von welcher Maske ihr redet. Lasst mich bitte nicht dumm sterben.
Sieht sehr nett aus die neue Aufmachung, aber ohne die V-Maske im Logo fehlt einfach etwas.
@ Patrick
Diese Maske :D
Das neue Layout gefällt mir ausnehmend gut. Das andere war mir ohnehin zu mariniert. Eine klare Verbesserung.
OK ich weiß immer noch nicht welche Maske ihr meint. Könnte es sein das hier mal ganz früher ein Logo mit Maske war, welches dann durch das mit den China Schriftzeichen aktualisiert wurde?
Hier jedenfalls mal ein Logovorschlag mit V-Maske:
http://www.magicinvasion.de/sf/logo3.png
@Michael Kostic
Aber sicher ;-)
Lass mal nächste Woche skypen.
@Patrick
Richtig – ich muss mal schauen, ob ich das alte Logo noch irgendwo finde. Aber ich finde das neue Logo (mit den zwei Masken) besser.
Hallo, bei mir scheint etwas nicht richtig angezeigt zu werden. Die 2 Navigations-leisten/spalten Suchen [...], und RSS Feeds [...] stehen nebeneinander. Usus scheint mir aber zu sein, dass der Text zwischen den beiden Leisten bzw. Spalten hingehört.
Zudem ist die Seite größer, als es meine Auflösung (1024*768) zulässt, ich muss circa 2cm nach rechts scrollen, um die Werbung vollständig zu sehen.
Zur Info: WinXp, Firefox, 1024*768
Gruß
@Jens & P@trick: Ja klar, mit dem Schatten ist schon schöner. Mein Vorschlag war die Quick&Dirty Lösung zum Zentrieren. ;) Ich hatte mich über die Ansage “mittelfristig” gewundert.
Jetzt ging es ja alles recht kurzfristig und die gesamte Erscheinung ist wirklich gut geworden. Eine runde Sache. Sehr gut gemacht. Gelungen.
Das neue Logolein mit den beiden Masken finde ich super. Besser als die Vendetta Figur davor. Mit hat das noch nie wirklich gefallen, dass SF sich mit dieser Kunstfigur identifiziert. Bei mir ist die im Favicon leider immer noch zu sehen.
Gut finde ich auch, dass die Headlines und das Menü jetzt Schrift sind und keine Bilder mehr.
Der Kommentarbereich passt auch sehr gut ins Design. Hier sollte in der Horizontalen Navigation vielleicht der Mauszeiger zum Pointer wechseln, wenn man darüber fährt.
@fehler? #112: Die Spalten sollen beide auf der rechten Seite sein, was auch sehr usus ist.
“@fehler? #112: Die Spalten sollen beide auf der rechten Seite sein, was auch sehr usus ist.”
Das kann ich mir schlecht vorstellen. Es ist alles furchtbar unsymetrisch und unübersichtlich. Bei dem Blog soll es um Informationen gehen, es soll kein Puzzel sein.
@fehler
Wenn es so aussieht:
… ist es kein Fehler ;-)
Ok so sieht es aus, muss ich mich dann daran gewöhnen. Aber auf jeden Fall haut die Auflösung nicht ganz hin (1024*768), bei mir muss ich circa 2-3cm nach rechts scrollen…
spezifiziert: wenn ich die Seite starte, lese ich oben nur For[...] und muss scrollen, damit es Forum wird
Schön sachlich. Gefällt :)
Jetzt hab ich doch noch ein kleines Detail gefunden.
Auch wenn es etwas gedauert hat bis ich gemerkt habe was mich da eigentlich stört.
Die Farbauswahl der beiden Sprechblasen der Kommentarfunktion, insbesondere die Farbe lila – empfinde ich rein subjektiv als nicht harmonisch zum Übrigen passend.
Ein hartes Los. :p
Alternativ kannst du die Seite auch in Zoom von 90% betrachten, dann ist die Schrift immer noch sehr leserlich, zumindest bei mir hier.
in nuce
entities —> “Ampersand” macht trouble und “schneidet” jeden weiteren Text
in der Vorschau ab. Direkte Eingabe von html characters wird dadurch unmöglich.
Plus Asterik etc. geht ebenfalls nicht .
“strong” hat ebenfalls seine Mucken… “b” haut besser hin… naja und
Lookup ist ja recht nett ob’s auch nützt?
Ansonsten weiterbasteln… wird schon schiefgehen!
btw. Text zu groß? Text zu klein?… HerrschaftsZeiten wozu gibt es eigentlich
Strg plus/minus?
Firefox 3.5.3… nachdem das vorherige Re-Design (gefühlt) noch gar nicht so lange her, aber nicht so der grosse Wurf war … jedenfalls jetzt ein deutlicher Schritt nach vorn, sehr gefällig und auch die breit-schmal-schmal Spaltenanordnung ist genehm.
Und nachdem hier so freundlich zum Meckern aufgefordert wurde :-P diese Theatermasken als, naja, Logo verwenden doch sonst nur noch Amateurtheater … Dagegen betonte das rot unterlegte “der” zwar, doch sah es eindeutig besser aus. Insofern war die Maske vorher, welche noch als Favicon dient, nicht die schlechteste Wahl. (Evtl. würden sich bei kleineren Monitoren noch ‘n paar Pixel mehr padding links vom Text angenehm bemerkbar machen.)
Sieht schick aus!
Die wichtigste Kritik hast du schon selbst vorweggenommen:
“Die Hintergrundfarbe Weiß ist freilich gewöhnungsbedürftig und nicht so mollig ?warm? wie das alte hellbeige ? daran müsst Ihr Euch gewöhnen, Weiß ist mittlerweile Standard im Netz und sowohl technisch als auch von der Handhabung her von Vorteil.”
Vielleicht habe ich eine bislang unerkannte Migräneneigung, jedenfalls strahlt mich der Hintergrund etwas arg an. Nun ja, man wird alt, so stellte ich fest, nachdem ich mich gewundert hatte, dass die Webseite nicht vollständig auf dem 1200 Pixel breiten Monitor passt, dass ich ständig mit herangezoomtem Browser unterwegs war.
Hab die Textfarbe mal auf dunkelbraun geschraubt. Wirkt jetzt nicht mehr ganz so “kalt”.
-> Cache löschen und aktualisieren damit man nen Unterschied sieht.
Mir gefällt das Design auch sehr gut. Jetzt kann man
Kommentareoffenbarauchviel leichter formatieren. Aber nicht unterstreichen? Die braune Schrift ist klasse. Herzlichen Glückwunsch.Leider wird die Werbung ständig durch irgendwelche Texte unterbrochen.
Ich werde mein Bookmark löschen.
Hmm, ein paar Tage nicht da, und schon wird die Erinnerung an das alte Layout bei mir vermißt. Mal sehen, vielleicht nur alles eine Frage der Gewöhnung. Auf den normalen 12 Zoll XGA Auflösungsbooks verschwimmt irgendwie alles inneinander, und deine Artikel verlieren dadurch zumindest so an der optischen Wahrnehmung.
Ich schaue mir das nochmal auf ein paar anderen WXGA Varianten an, vielleicht ist das dann anders.
Ansonsten viel Glück Jens ;)
Uii! Alles ganz neu hier. Mir gefällts, wirkt auch irgendwie seriöser.
Gruss,
Franko
Na super, habe erstmal gedacht, mich bei der URL vertippt zu haben :)
Das Beige war auch sehr viel schöner, sah nicht so nach Krankenhaus aus ;)
Die beiden Spalten rechts sehen furchtbar aus, wenn sie leer sind :(
Sonst ist die Seite sehr schick geworden und funktioniert auch auf meinem Opera-0815-Mobile ganz gut. (Das hätt ich nie verziehen, wenn ich in der U-Bahn auf den Spiegelfechter hätte verzichten müssen ;) )
Hallo zusammen,
bin praktisch Stammleser des Spiegelfechters, ist aber trotzdem mein erster Kommentar hier. Ich muß gestehen ich bin etwas hin- und hergerissen was das neue Design angeht. Auf der einen Seite find ich es wirklich gut. Professionell eben. Auf der anderen Seite vermisse ich den beigen Hintergrund. Ich erinnere mich noch gut an den Aha-Effekt als ich den “alten” Spiegelfechter zum allerersten mal aufrief. Damals ist wirklich was positiv hängengeblieben. (auch der Artikel wegen :p)
Und die zwei Spalten auf der rechten Seite finde ich gelinde gesagt grauenhaft. :)
Das so etwas mittlerweilen usus sein soll ist an mir wohl total vorbeigegangen.
Na sei’s wie’s mag. Als Leser bleib ich dir trotzdem erhalten. :)
gruß
Cardan
Hi,
Was “Usus” ist hat mich nie interessiert. Und wer entscheidet, was “professionell” ist und was dilettantisch? Design ist nun mal Geschmacksache.
Mir gefiel die alte Hintergrundfarbe besser und augenfreundlicher.
Die beiden Spalten neben dem Text beachte ich kaum.
Den Artikeltext/Kommentare fand ich in der mittleren Spalte besser plaziert.
Bin aber auch ein Typ, der sich schwer an Änderungen gwöhnt.
Ich kann mich noch an das Theater im Heise Forum erinnern, als es verschlimmbessert wurde.
Naja, hier geht`s ja ohnehin um die Inhalte. So werde ich mich wohl oder übel an die neue Tapete gewöhnen. ;-)
Gibt`s auch einen Spiegelfechterartikel über die grünen Umfaller an der Saar?
Glückauf!
Das Design gefällt mir sehr gut. Allerdings jammerschade, dass man die einzelnen Artikel nicht mehr so wie früher ausdrucken kann.
Viele Grüße
Roland W.
@Roland W
Doch, doch, das geht – aber “nur” in der Artikelansicht und nicht auf der Startseite. Guck mal auf das Ende des Artikels.
Schweinegeil! Alles!
Sieht wesentlich besser aus als die alte Seite. Daumen hoch!
Nach etwas Feintuning finde ich das neue Design jetzt gut. Einzig ‘Der Spiegelfechter’ könnte für meinen Geschmack wenige Pixel größer sein.
Hallo,
das neue Design ist zwar frisch und schön, hat aber leider den Stil eines Mainstream…
Der alte Charme ist auf den ersten Blick verloren gegangen.
Da fällt auf Anhieb die Werbung ins Gesicht und nicht die Kategorien…
Aber trotzdem… Hauptsache der Inhalt stimmt ;)
(Beendet gerne mit “…” …)