Kleines Design-Update

fh startseiteNach ein paar Tagen Werkelei im Hintergrund, habe ich eben das Design mal wieder upgedatet und damit den nächsten Schritt eingeleitet.

Auf der Eingangsseite unter https://helmschrott.de/blog befindet sich nun eine echte Startseite, die v.a.D. den neuen Besuchern einen ersten Überblick verschaffen soll. Natürlich gibt es auch weiterhin eine herkömmliche Blogübersicht. Die befindet sich nun unter https://helmschrott.de/blog/blogindex/ und ist neben Startseite und Forum über eine kleine Navigation in der Sidebar erreichbar.

„Kleines Design-Update“ weiterlesen

Das neue Design – ein paar Fakten

Nachdem das neue Design nun online ist und offenbar halbwegs funktioniert, nehme ich mir mal eben ein paar Minuten Zeit um ein paar Fakten niederzuschreiben und hier und da mal eben danke zu sagen.

Ein großer Dank geht an Dirk Jesse, den Macher von YAML und Buchautor von „CSS-Layouts. Praxislösungen mit YAML„. YAML (yet another multi column layout = noch ein weiteres mehrspaltiges Layout) ist ein XHTML/CSS-Framework zur einfachen Erstellung mehrspaltiger Weblayouts.

„Das neue Design – ein paar Fakten“ weiterlesen

Redesign-Überlegungen

Seit langem trage ich nun schon den Wunsch nach einem eigenen Design mit mir herum. Ein Design für dieses Blog, dass so gut wie möglich meinen Vorstellungen entspricht.

Als nicht-Webdesigner sind meine Möglichkeiten hier natürlich etwas eingeschränkt. Dennoch will ich das ganze nun langsam mal in Angriff nehmen – wird ohnehin lange genug dauern bis was brauchbares dabei rauskommt. Genauer gesagt hab ich es eigentlich schon vor eingen Tagen in Angriff genommen, wenn auch bisher nur im Kopf.

An ziemlich erster Stelle meiner Überlegungen stand dabei das grobe Layout. Welche Elemente müssen auf die Seite und wo sollen sie positioniert werden? Wenngleich ich mir noch nicht 100%ig sicher darüber bin welche Elemente vorhanden sein sollen, gibt es doch einige Pflichtbausteine (was wäre ein Weblog ohne Beiträge? *g*) und eine Vorstellung über die grobe Aufteilung.

Auf jeden Fall wird die Sidebar auf allen Seiten ähnlich der jetzigen Startseite. Es wird also eine Sidebar auf der rechten Seite geben die relativ breit gehalten ist (Verhältnis Sidebar zu Content ungefähr 1/3 zu 2/3) und an einigen Stellen zweigeteilt ist. Das hat den Vorteil, dass man ohne „vollgestopfte“ Optik relativ viel unterbringt und dennoch Platz hat für Dinge, die mehr Raum in der Breite brauchen (z.B. neueste Kommentare).

Es bleibt also grundsätzlich beim 2-Spalten-Layout. Mit der echten dritten Spalte konnte ich mich nie 100%ig anfreunden. Die geteilte Sidebar hingegen scheint der für mich ideale Kompromiss zu sein.

Die eigentlich Überlegung, die eigentlich zuvor angestellt werden sollte, ist die der benötigten Module. Was wollen meine Leser? Was muss ich Neuankömmlingen bieten ohne dabei die Stammleser damit zu nerven. Wie schafft man am besten die Grätsche zwischen den beiden Zielgruppen und noch besser: Wie macht man Neuankömmlinge bestmöglich zu Stammlesern. Natürlich jetzt aus der Layout/Designsicht gesehen. Dass dazu auch und vor allem inhaltliche Aspekte gehören versteht sich von selbst.

Diese Überlegung ist bei mir offen gesagt noch nicht weit voran geschritten, weshalb ich hier noch nichts weiter dazu schreiben will. Mich würde aber ohne vorherige Beeinflussung interessieren wie ihr darüber denkt? Was glaubt ihr sind wichtige Elemente in einem Blog (natürlich neben den Beiträgen) die unbedingt platziert werden sollten – egal ob nun im Header, in der Sidebar oder im Footer.

In der Zwischenzeit werde ich mir hier auf einem 1.0-Papier ein paar Notizen machen, die üblichen Verdächtigen draufschmieren und dann überlegen wie wichtig mir die einzelnen Dinge sind.

[tags]design,blogdesign,redesign,reboot,gedanken,layout,module,blogs,leser, usability[/tags]

WP Tiger Admin – neue Version 3.0

WP Tiger Admin von Steve Smith (OrderedList.com) war eines meiner Top-Plugins für WordPress. Bis ich festgestellt hab‘ dass einige Erweiterungen damit nicht so ganz wollen. Unter anderem die Widgets, auf die man eigentlich auch ganz gut verzichten kann.

Sei’s drum. Steve hat jetzt Version 3.0 seines Plugins veröffentlicht. Mit WP Tiger Admin wird der Admin-Bereich von WordPress komplett neu gestaltet. Und so sieht das ganze dann ungefähr aus:

tiger admin 3 1tiger admin 3 2tiger admin 3 3tiger admin 3 4

Für diejenigen, die die alte Version noch kennen klar ersichtlich, dass einiges komplett neu gestaltet wurde. Ein bischen im Apple-Style kommt er daher, der neue Adminbereich. Da es sich bei den Änderungen jedoch primär um optische Aspekte handelt ist das ganze natürlich Geschmackssache.

Ich werd ihn mir auf jeden Fall runterladen und zum testen installieren – den Tiger. Dann wird sich auch zeigen ob’s diesmal mit den Widgets klappt. Selbige fliegen aber beim nächsten Design dieses Blogs ohnehin raus.

Den kostenlosen Download gibt’s hier.

[via Tom]

[tags]wordpress,plugin,wp tiger admin,design,blogs,software[/tags]

Trackbacks & Pingbacks von den Kommentaren trennen

Bei Robert gerade heiss diskutiert. Ich hab‘ mal eine schnelle Lösung meiner Vorstellung hier in den Blog eingebaut.

Bei mir ist das Problem aufgrund der nicht allzuhäufigen Ping/Trackbacks nicht das größte, aber ich denke die jetzige Lösung ist ganz brauchbar.

Sehen könnt Ihr’s https://helmschrott.de/blog/148__muessen-blogger-schreiben-koennen. Noch keine ideale Lösung, aber weit weniger störend als ohne die Unterscheidung.

Wie’s geht erklärt unter anderem Frank Bueltge. Angeregt u.a. durch Gerrit.

[tags]trackback,pingback,design,kommentare,blogschrott[/tags]

NoMouseOver – der neue Designtrend?

MouseOver ist jedem Webdesigner ein Begriff. Beim „berühren“ eines Links mit der Maus, beim „überfahren“ eines Buttons mit dem Zeiger ändert sich etwas. Dieses etwas hat in den letzten Jahren vielerelei Gestalt angenommen: Textlinks unterstreichen sich selbst oder ändern ihre Farbe, grafische Buttons scheinen zu leuchten oder drehen den Farbverlauf im Hintergrund um. In erster Linie ist dieser Effekt ein Zeichen für „hier befindet sich ein Link – klick mich“.

Neuerdings scheint dies allerdings unverständlicherweise aus der Mode zu kommen. Immer öfter stoße ich auf Redesigns in denen sich schöne Buttons und viele Links befinden, die allerdings nur zum Teil oder gar nicht mit einem Mouse-Over-Effekt versehen sind. Ich fahre also mit der Maus drüber und es passiert nichts. Natürlich ändert der Mauszeiger sein aussehen, aber das ist mir nicht genug.

Ich weiß nicht, wie es Euch geht, aber für mich gehören Mouse-Over-Effekte mittlerweile zu den must-haves im Webdesign.

Aktuelle Beispiele:

Anmerkung: mir gefallen alle 3 Designs recht gut, es geht wirklich nur um den fehlenden Mouse-Over-Effekt.

[tags]design,webdesign,mouse-over[/tags]

OpenBC / Xing Metamorphose

Gestern war der große Tag für Lars Hinrichs‘ OpenBC Xing: Die Namensumstellung, der CI- und Web-Relaunch standen an. Viel wurde in der Blogsphäre über die Story berichtet.

Oliver Wagner vom Agenturblog, hat sich die Mühe gemacht und das neue Design bzw. die Fehler mit dem neuen Design bei Xing analysiert. Dummerweise hat er nicht unrecht. So sehr ich es schade finde für dieses ambitionierte Projekt – das Design ist schlichtweg schlecht. Der Grundansatz mag ja gut sein, aber… es wirkt einfach unsauber gearbeitet, enhält viele Fehler und aus meiner Sicht unpassende Elemente.xing 1

 

Beispiel: Die Typo auf der Navigationsleiste mag neben der ganzen Leiste so gar nicht richtig zum Design passen. Sie wirkt viel zu groß und meinen Augen auch zu wenig modern – altbacken.

Ebenso hat Oliver in seinem Artikel schon angemerkt, dass viele Rundungen schlecht gemacht und v.a. alle anders sind. Unterschiedliche outlines, Füllungen und Radien. Das ist schlicht weg peinlich.

Auf mich wirkt es ein bischen so als hätte man einen Profi für das Logo engagiert, das Webdesign aber mit 3 Praktikanten umgesetzt. Weiß jemand welche Agentur dafür verantwortlich zeichnet?

[tags]openbc, xing, design, webdesign, fehler, probleme[/tags]

Foren für Webworker

Sven Lennartz hat heute im Dr. Web-Weblog eine ziemlich umfangreiche Liste von Foren für Webworker veröffentlicht. Dabei sind Foren für SEO (Suchmaschinenptimierung), Marketing, Programmierung (PHP,HTML,JS,Ajax) und Design.

Hier gibt’s die Liste, die nach kurzer Betrachtung direkt in die Wongmarks gewandert ist.

[tags]forum,foren,webworker,programmierer,designer,design,php[/tags]