Alles neu macht der Mai
Ich schreibe ja sonst nicht über Redesigns von Webseiten, aber diesmal geht`s um das vom Raketenblog und da möchte ich natürlich ein paar Worte sagen. In den letzten Wochen habe ich viel Zeit damit verbracht, dieses neue Layout zu gestalten, weil ich das alte einfach nicht mehr sehen konnte. Als dann Ende April nach dem unfreiwilligen Serverwechsel verschiedene Funktionen nicht mehr gingen, habe ich nahezu jede freie Minute genutzt, um dieses Theme weiter zu gestalten und zu programmieren, weshalb es in den letzten Tagen auch nur wenige – und wenn – kurze Beiträge gab. Umso mehr freut es mich, dass ich euch nun das Ergebnis präsentieren kann.
Grundidee des neuen Layouts war es, auf den unterschiedlichsten Displays eine gute Figur zu machen. Deshalb gibt es 4 Spalten, die sich je nach Browsergröße unterschiedlich anordnen, sodass man einerseits beim Lesen auf Geräten mit niedriger Auflösung nicht permanent hin und her scrollen muss, andererseits aber bei Monitoren mit hoher Auflösung die komplette Breite genutzt wird, um den Inhalt darzustellen. Wer Firefox oder Opera benutzt, wird sehen, was ich meine, wenn er sein Browser-Fenster verkleinert oder vergrößert (Wer Safari oder Internet Explorer verwendet, wird es auch sehen, muss aber die Seite dafür neu laden, nachdem er sein Fenster verkleinert hat)
Die Blog-Beiträge werden nun in 2 Bereiche aufgeteilt, das Hauptblog und das Sideblog. Ich habe oft kleine Dinge, die ich gern posten würde, dann aber immer denke sie sind zu nichtig, um Ihnen einen ganzen Post zu widmen. Damit ist jetzt Schluss, große Sachen findet man ab jetzt im großen, kleine im kleinen Blog. Außerdem sind die bewährten und beliebten(?) Funktionen wie „Letzte Kommentare“ wieder da. Es gibt aber auch viel neues zu entdecken wie beispielsweise meine aktuellsten Flickr-Fotos und die „Fremdlesen“ Links, wo ihr, auch wenn ich mal wieder länger nichts schreibe, immer zu aktuellen Beiträgen von Design-relevanten Blogs gelangt, die ich gerne lese. Ich will nicht alles verraten, ihr findet sicher früher oder später alle Extras.
Oh ja, nicht zu vergessen – die Werbung. Das wird sicher einige von euch nerven, aber ich möchte in Zukunft gern Überraschungen wie „Ihre Seite ist jetzt auf einem anderen Server, Sie können jetzt versuchen, Ihre Daten zu retten“ vermeiden – und das geht nun mal besser, wenn man etwas mehr Geld zur Verfügung hat und nicht den billigsten Provider nimmt, den man finden kann – kurz: mehr Geld – besseres Blog, deshalb jetzt Werbung.
Es wird in der nächsten Zeit noch einige Änderungen geben über die ich dann im Sideblog informieren kann, aber ab jetzt läuft das auf entspannter Work in Progress-Basis und über Wünsche, Ratschläge und Kritik würde ich mich freuen.
1.
toll, toll, toll geworden und ich seh gerade, ich kann mich über die kommentare informieren :)
2.
hey schaef, ich sehe, dein imperium expandiert….ja, ja, das Geld das dann gerade mal für nen besseren provider reicht! Und was ist mit dem schicken Loft in Harlem, was du seit ein paar Wochen unterhälst? Ganz geile features die du eingebaut hast, du steigst richtig in die Materie ein! Dein Layout hat ein netten Style, aber mir fehlt der originale Raketen-Tim-Astronaut, und die „startende“ Rakete…das sind doch zwei gewesen, die man nich so einfach wegnehmen kann, dein Design ist so, so….so RADIKAL!
3.
Die Rakete ist wieder am Start und der Kosmonaut wird sicher auch wieder kommen. Ich weiß nur noch nicht genau, wie ich ihn integriere…
4.
wahwawiwa,
schön gemacht und viele grüße.
5.
schön ist´s geworden. ich hab mich richtig erschrocken, als die seite aufgebaut wurde-> man hat sich halt doch schon sehr an das alte layout gewöhnt. das flickr-feature ist cool, da muss man nicht immer wieder nachgucken, ob nun schon was neues da ist.
aber diese werbung… ;)
6.
hm.. ich weiss nicht recht…
7.
Super! Auch wenn ich es begrüßen würde wenn die Headline bei mir „Above the fold“ wäre… Besonders gefällt mir die variable Spaltenanordnung. Jibbet zu der Technik empfehlenswerte Quellen im Netz?
8.
„Above the fold“ hatte ich ja bis jetzt immer und das ist an sich auch eine logische Sache. Aber ich wollte das neue Layout dadurch auflockern, dass man oben nicht gleich so viel Text angezeigt bekommt, sondern in der Hauptspalte mit einem Bild begrüsst wird. Etwas plakativer eben, als es die normale Wordpress-Reihenfolge sonst zulässt. Eine nennenswerte Quelle wird es demnächst hoffentlich hier geben. Das ganze Layout basiert grundsätzlich auf div-Boxen, die nach links floaten. Leider hat beispielsweise Safari ein Problem mit verschachtelten Floats, das ich dann mit ein wenig Javascript umgangen habe. Aber da ich Designer und nicht Programmierer bin, kann ich mir vorstellen, dass es elegantere Wege gibt, als den, den ich gefunden habe.
9.
Da geh ich nach ner weile endlich ma wieder auf deine seite und schwupps is alles anders. Dann hab ich mich aber dran erinnert, dass du das ja schon angekündigt hattest hehe ;-) Ich werd mich jetz ma durchklicken und schaun, was es so neues zu entdecken gibt ^^
10.
..fands vorher süßer hier, die rakete muss auch wida hin! ;)=
die schrift find ich hier viiiel zu groß :/=
aba geschmackssache heheh.
grüße
11.
Meinst du die Schrift allgemein, oder im Bezug auf die Überschriften? Ich habe bei diesem Layout bewusst auch relativ große Schriften im Fließtext gewählt, weil die Displays immer kleiner, aber deren Auflösung immer größer werden, was bedingt, das die Pixel selbst, also auch die angezeigte Schrift, kleiner werden.
12.
die überschriften find ich klasse. aber nen copytext in der größe+zeilenabstand find ich persönlich sehr heavy..
grüße
13.
hmhmhm, nachdem ich jetz ein paar tage überlegt hab, was ich davon halten soll, muss ich offen gestehen: find ich nicht gut.
und das vor allem aus folgendem grund: die seite ist unübersichtlich. ein screenshot um zu erklären was ich meine: http://www.hotshare.net/image/55751-6924178ba4.html
da sind 4 spalten nebeneinander, 3 davon relativ schmal. die dünnen linien trennen dazu die spalten kaum voneinader ab (horizontal übrigens auch nicht) und irgenwie ensteht eine einzelne grosse spalte mit vielen kleinen unübersichtlichen infobrocken … oben geht das ja noch, weil die inhalte oben ja auf einer gemeinsamen höhe beginnen. aber scrollt man dann nach unten, verschieben sich die jeweiligen inhalte der einzelen spalten zueinander in ihrer höhe. ich weiss nich genau, ich glaub das is einfach irgenwie zuviel neben UND gleichzeitig untereinader. ich weiss nicht wie das ganz auf mobilen geräten wirkt, mag sein dases dort ganz anders ist. da ich aber (wie vermutlich die meisten leser von raketetntim auch) das ganze an einem grossen monitor betrachte, würde ich mir natürlich wünschen, das der blog auch dort übersichtlich struckturiert ist. gleiches gilt übrigens auch für die schriftgrösse des lesetexts, welche auch ich für zu gross halte, zumindest am monitor, wobei das mit dens chriftgrössen auch immer ner sehr subjektive sache ist.
gut gefallen die vielen technischen gimmicks, vor allem die flickr-einbindung, kommentarvorschau usw.
jaja, soweit erstmal mein senf dazu, die meisten anderen kommentatoren finden die neue strucktur ja offensichtlich deutlich besser als ich. und natürlich steckt im neuen layout ne menge arbeit drinne, die wollt ich jetz auch ganz bestimmt ni zunichtereden, was aber nix dran ändert: ich find das neue layout unübersichltich.
14.
„Ich habe bei diesem Layout bewusst auch relativ große Schriften im Fließtext gewählt, weil die Displays immer kleiner, aber deren Auflösung immer größer werden, was bedingt, das die Pixel selbst, also auch die angezeigte Schrift, kleiner werden.“
stimmt schon. allerdings wollen denke ich die leute, die ne riesen auflösung haben, auch ne kleine schrift. sonst würd mans ja nich so einstellen.. :)= vergleich mal mit spiegel.de – die haben ja ne sehr gemischte zielgruppe, die textgröße ist gut.
grüße
15.
Danke für die ausführliche Kritik, die keinesfalls irgendwas zunichte redet. Wie bereits gesagt ist das Layout noch im „Bearbeitungsmodus“ und da bin ich über Verbesserungsvorschläge immer dankbar und will natürlich auch versuchen sie im weiteren Prozess zu bedenken. Auch für mich war die große Schrift anfangs etwas ungewohnt und an verschiedenen Schrauben (wie beispielsweise der Laufweite und der Übersichtlichkeit) will ich auch noch ein wenig herumdrehen. Vielleicht mach ich den Fließtext auch noch 0.1em kleiner – und ob es serifenlos bleibt oder nicht habe ich auch noch nicht entschieden. Im Vergleich zum alten Design wird die Schrift aber definitiv größer bleiben, weil ich mich inzwischen daran gewöhnt habe, mich beim Lesen meines Blogs zurück zu lehnen.
16.
haha geil@ „zurücklehnen“, easygoing :)=
grüße
17.
irgendwie is es magaziniger geworden.. und blogiger fand ichs besser…
mensch mar.. ich glaube wir sind da einfach raus.. hahahaha…
18.
magaziniger sollte es auf jeden Fall werden – aber ohne dabei Printdesign zu kopieren.
19.
hm, nuja, ma schauen, hier rumstöbern werd ich ja natürlich trotzdem weiterhin, und bin mal gespannt wie sichs entwickelt …
am ende is das halt auch alles sehr subjektiv, dieser „magazinigere“ style wird ja derzeit an vielerorts erprobt. und ich kann denn versuch nachvollziehen, von der starr gradlinigen struckturierung wegzukommen, denn das „magazinigere“ bietet sicher einiges an potenzial was struckur/sortierung/usw. angeht. aber ich kenn leider noch kein beispiel wo ich die umsetzung für gelungen halte, eher schlechte beispiele wie zb http://www.hiphop.de/ … find ich voll unübersichtlich und beschissen struckturiert, aber ja, das is eben mein subjektiver eindruck.
und man verabschiedet sich natürlich von einem konzept, welches in meinen augen in einem nicht unerheblichem maße zum erfolg von blogs beigetragen hat: der einfacheit.
ach ja: mensch michsen, ich fürchte, ich war ni so wirklich richtig drinne … harhar
20.
also ich finds nicht so super unübersichtlich. allerdings sitzt der werbeblock an recht prominenter stelle und macht es schwerer, die infos in den seitenspalten zu lesen-> man vermutet nur noch mehr werbung und guckt nicht mehr richtig hin.
die textgröße gefällt mir recht gut (minimal kleiner wär etwas besser)-> wenn man 9 stunden am tag vor einem 24 zoller sitzt, ist man erfreut, wenn man zum lesen nicht unbedingt am monitor kleben muss.
21.
bei mir macht das blog jetzt sowas:
http://img176.imageshack.us/my.php?image=bild9xa8.png
(powerbook, firefox 2.0.0.14, resolution: 1280 x 854)
22.
Hmm, der Mac macht mir im Moment allgemein ein bisschen Kopfzerbrechen, weil auch Safari nicht mehr so anzeigt, wie er soll. Ich werd mich morgen mal dran setzen. Danke fürd den Screenshot.
23.
heyho,
also ich fänds gut wenn die rückwärts- und vorwärts-buttons auch oben in ueberschriftenhöhe auftauchen würden sodass man sich zum navigieren nicht immer erst durch alle kommentare durchwühlen muss. ansonsten find ich das neue layout sehr schick, wenn auch irgendwie „unraketentimmischer“, und bei der schirftgrößenmäkelei schließ ich mich auch an.
24.
Ja, eine Möglichkeit auch oben von Beitrag zu Beitrag zu springen wird es in Bälde geben. Die Schriftgröße – tja, ich weiß nicht recht… Das ganze Layout baut hinsichtlich seiner Proportionen auf die Verwendung großer Schriften auf, also werden die nicht viel kleiner werden, aber wie gesagt, versuche ich momentan Wege zu finden, die euch und mich zufrieden stellen. Und jetzt werd‘ ich mal versuchen, raus zu finden, was raketentimmisch ist.