Ich hab nicht durchgehend 2 Monate dran gearbeitet, aber eben ab und an mal. Wenn ich den Wishu-Blog besuche, habe ich auch schon seit 2 Monaten das neue Design. Als ich letztens unterwegs war, bin ich total erschrocken, als ich das alte Design mal wieder gesehen habe. Es war total ungewohnt und naja… Blau ^^ Naja aber wenigstens war es fertig, nicht so wie die Baustelle, die ich hatte.

Nunja, gestern Nacht habe ich die Baustelle noch etwas überarbeitet und wurde nun dazu genötigt das neue Design online zu stellen Wenn also noch Fehler sind, an mobiflip wenden, der ist Schuld. Nein Quatsch. Soweit ich das gesehen habe, ist alles soweit in Ordnung, das Update auf WP 3.0 hat das neue Design auch überstanden und somit kanns eigentlich losgehen.

Bevor ich weiterrede, möchte ich mal kurz mal einen Screenshot von dem Zustand vorher:

Und von dem Zustand jetzt zeigen:

Ich schätze, dass man schon einen leichten Unterschied ausmachen kann.

Ja ich weiß, der Wishu-Blog hat lange nicht die hohe Beitrags-Frequenz eines Magazins, doch finde ich ein solches Design doch etwas ansprechender. Die letzten 3 Themen werden so einfach prominenter platziert und ja, es gefällt mir halt besser.

Allzu viel möchte ich dazu auch eigentlich gar nicht sagen, mich würde eher interessieren, was ihr dazu sagt. Wo seht ihr Fehler? Was hab ich bei der Gestaltung falsch gemacht und vor allem: Gefällts euch? Hasst ihr es? Würdet ihr mich nun am liebsten mit Mistgabeln und Fackeln jagen oder mir eher eine Kuchengabel und eine Kerze geben?

Schreibts einfach in den Kommentaren. Diese haben jetzt übrigens eine Thread-Funktion, sprich: Ihr könnt jemandem direkt antworten. Ich nutze das schon eine Weile, doch nun habt ihr auch die Möglichkeit.

Das war es dann auch schon wieder!
Euer Wishu

Auch der Wishu-Blog hatte früher mal eine TagCloud, doch diese ist mit dem neuen Design schlicht und einfach verschwunden. Damals lediglich, da ich noch keine Zeit hatte diese einzubauen. Doch irgendwie hat nie etwas gefehlt. Mir nicht, meinen Lesern nicht und auch zufällige Besucher scheinen keine Probleme ohne TagCloud gehabt zu haben.

Das liegt wahrscheinlich daran, dass TagClouds für Blogs nie wirklich Sinn gemacht haben. Die Idee ist nett und manchmal sehen sie echt schick aus, doch welchen Nutzen haben sie wirklich? Ein Blog lebt meist von einem Thema. Somit ist die TagCloud oft nur gefüllt mit ähnlichen Begriffen. Oder aber ein Blog schreibt über Gott und die Welt und die TagCloud hat somit keinen Bezug zu irgendwas. Dann ist der Begriff Google meist sowieso der größte.
Sieht man sich mal den Beitrag von Perun an, welcher mich hierzu inspiriert hatte, dann sieht man an dem Eingangsbild sehr schön, was gemeint ist.

Doch wo machen TagClouds denn dann Sinn?

An vielen Stellen sogar. Nehmen wir doch zum Beispiel mal die Blogs. Nein ich widerspreche mir jetzt nicht – ich meine nicht das Frontend. Im Backend von WordPress gibt es einen TagCloud, welche durchaus Sinn macht. Sie ist mir gerade erst wieder aufgefallen, als ich ein empfohlenes Plugin installiert habe.

Diese TagCloud gibt einem wertvolle Hinweise, nach was oft gesucht wird. Gut möglich, dass man gerade nicht genau nach diesem Thema gesucht hat, doch vielleicht hatte man es mal vor und wird so dezent drauf hingewiesen. Oder man spart sich einfach das eintippen eines Suchwortes, da es ja bereits vorgeschlagen wird.

Das zweite Beispiel ist der beliebte Dienst last.fm – ein Dienst um zum Beispiel seine gehörte Musik automatisch mitschreiben zu lassen (scrobbeln) – der eine TagCloud für jeden Benutzer erstellt.

Hier erhält man einen guten Eindruck davon, welche Musik der Nutzer gern hört und sieht so, ob das zu einem selbst es passt. Ob das für jemanden wichtig ist, muss er selbst entscheiden, doch ich finde es ziemlich interessant. Schade hier nur, dass man alles selbst taggen muss und nicht automatisch Tags vergeben werden. Bei eine großen Musiksammlung kann das sehr mühselig sein.

Oder auch Mister-Wong – ein bekannter deutscher Social Bookmarking-Dienst. Hier wird für den eigenen User eine TagCloud zur Verfügung gestellt, damit man schneller seine eigenen Bookmarks durchforsten kann.
Hier spare ich mir allerdings einen Screenshot, da diese TagCloud vertikal angeordnet ist und das den Beitrag nur unnötig in die Länge ziehen würde – abgesehen mal davon nutze ich diesen Dienst nicht mehr.

Sind TagClouds nun tot?

Sicherlich nicht. Wie gesagt, sie machen an manchen Stellen Sinn, doch wenn sie nicht ein wirklich wichtiger Bestandteil eines Designs sind, dann sollten sie zumindest auf den Blogs langsam entfernt werden.

Gerade die flashbasierten TagClouds haben nichts mehr mit dem Mehrwert zu tun, welchen man sich durch eine TagCloud erhofft hat. Zudem lenken diese bewegten TagClouds ziemlich stark von den eigentlichen Inhalten ab.

Was meint ihr?

Mich würde jetzt interessieren, was ihr von TagClouds haltet. Ich für mich habe entschieden, dass sie mir nichts mehr bringen – zumindest nicht auf einem Blog. Haltet ihr sie nach wie vor auf Blogs für sinnvoll? Oder kennt ihr noch andere schöne Umsetzungen von TagClouds?

Ich würde mich über einige Kommentare zu dem Thema freuen.

Das war es dann auch schon wieder!
Euer Wishu

Links zum Thema

• WordPress: klickt jemand auf die Tag-Wolke – perun.net
• Tag Clouds: Wer braucht sowas eigentlich? – michaeloeser.de
• The Death of Tag Clouds – woorkup.com

Ich werde die nächsten Tage nochmal dazu etwas schreiben, aber nun kurz zu meiner Frage: In welchen Farben soll der Wishu-Blog in Zukunft erstrahlen?

Update: Ich habe die Frage etwas umformuliert, da es in den Kommentaren doch eher weniger Zustimmung auf die Formulierung gab. Die Ursprungsfrage war, welche Farben man selbst im Internet am angenehmsten findet. Diese wurde scheinbar missverstanden, sodass ich die Frage gerne auf ein genaues Thema lenken.

Die Umfrage habe ich übrigens zurück gesetzt, da die Frage nun schließlich eine andere ist.

Die Umfrage läuft bis zum 1. Mai 15:00Uhr. Ab da werde ich dann beginnen das neue Design zu planen und zu entwerfen. Die Farbwahl wird von euch bestimmt. Zumindest wenn sie sinnvoll ist Ich möchte allerdings eure ehrliche Meinung zu dem Thema hören. Gerne auch in den Kommentaren. Hier aber nun die Umfrage:

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Das war es dann auch schon wieder!
Euer Wishu

An der Tatsache, dass Wishu.de weiterhin mein Portfolio ist, hat sich nichts geändert. Allerdings hielt ich es für angemessen, das Design etwas zu modernisieren und somit auch für eventuelle Kunden ansprechender zu gestalten.

Die Inspiration zu dem Design habe ich mir von mehreren Sites aus dem Internet geholt, sodass ich von einigen Sites einiges “übernommen” habe und in meine Site eingebaut habe.

Hier einmal beide Designs im Vergleich:

Wishu.de – alt:

Wishu.de – neu:

Wie auffällt, wurde auch der Name der Site geändert. Nun heißt sie nicht mehr einfach Wishu.de sondern Wishu.design. Die Präsentation der Referenzen ist nun auch auf der Startseite gegeben und die Webmastertipps sind weggefallen.

Auch ist die Darstellung für den unsäglichen Internet Explorer 6 angepasst worden. Ich hatte wenig Lust für Workarounds oder ähnliches. Die Site sollte lediglich weiterhin bedienbar sein und ähnlich aussehen. Aus diesem Grund habe ich einige kleine Anpassungen vorgenommen, welche ich euch mit diesem Screenshot veranschaulichen möchte:

Kein Schatten, keine Farbe (Außer Screenshots), eine “Fähnchen” an den Überschriften. Einfach ein relativ einfach Design, welches für IE6 Nutzer seinen Zweck erfüllt.

Die Texte sind allerdings nicht verloren. Diese werden in den nächsten Tagen und Wochen hier auf dem Wishu-Blog auftauchen. Einige davon werden noch einmal überarbeitet um sie gegebenenfalls neueren Techniken anzupassen oder auch meinen gestiegenen Fähigkeiten.

Mich würden Kommentare zu dem neuen Design und dem Aufbau von euch interessieren. Was ist euch aufgefallen? Was würdet ihr besser machen? Was hättet ihr lieber bleiben gelassen?

Das war es dann auch schon wieder!
Euer Wishu

Barrierefrei bedeutet nicht gleich, dass die Seite schlecht aussehen muss. In den meisten Fällen liegt es einfach daran, dass die Entwickler zu faul sind etwas Gutes aus der Seite herauszuholen. Oder aber auch, sie sind so stolz darauf, dass jeder die Seite ohne Einschränkungen betrachten kann, dass sie auf das Aussehen gar nicht mehr achten. Oft kommt auch einfach fehlendes Wissen dazu, wie man etwas korrekt umsetzen kann.

Hässlich aber barrierefrei

Barrierefreie Seiten sind oft sehr einfach aufgebaut, keine oder wenige Designgrafiken, ein langweiliger Aufbau. Ein gutes Beispiel für eine barrierefreie Seiten ist die Website von Ingo Turski. Diese Seite ist – nach Ingos Aussagen – für alle Randgruppen gut zu bedienen. Blinde, Taube, körperlich Beeinträchtigte – auf jeden Gerät und Monitor etc. Allerdings ist diese Seite eher schlicht vom Aussehen her – manche sagen sogar schlecht.

Aber Design ist keine Barriere. So könnte man durch ein paar einfache Änderungen am CSS die Seite ansehnlicher machen, sie für unbeeinträchtigte Webuser besser und angenehmer lesbar machen (Zum Beispiel den Blocksatz entfernen), das Design aus den 90ern etwas aktualisieren und auch so jemanden auf der Seite behalten, der etwas Anspruch an das Aussehen einer Website hat. Somit könnte er sich und auch anderen beweisen, dass er nicht nur für beeinträchtigte seine Seite erstellt hat.

Und so geht es vielen Webmastern, die auf Barrierefreiheit im Web setzen. Sie haben eine Website, welche von allen gelesen werden, doch die unbeeinträchtigten (normalen) Besucher haben meist ein Problem damit, sich auf der Seite zurecht zu finden und Gefallen an dem Aussehen zu finden. Bei dem oben genannten Beispiel ist das Faulheit, wie bei vielen Seiten, doch oft ist auch das fehlende Wissen ein Grund. Man weiß nicht wie man es umsetzen kann und bevor man nachfragt und somit zeigt, dass man nicht alles kann lässt man es lieber gleich.

Hübsch aber voller Barrieren

Es gibt aber auch die andere Seite. Ein wunderschönes Design, aufwändig aufbereitet, an jeder Ecke etwas neues zu entdecken. Doch ein Blinder würde schon an der Navigation scheitern, da diese ohne Fallback-Lösung mit JavaScript umgesetzt wurde. Doch selbst wenn das nicht so wäre, wäre da dann noch das Tabellendesign, der Code – welcher meist nicht valide ist und mit dem spezielle Programme dann nicht richtig umgehen können und diverse andere Faktoren wie Überschriften – welche dann meist nicht einmal als solche ausgezeichnet sind – als Grafik und ohne Alternativtext.

Für alle, die JavaScript und Bilder aktiviert haben und auch den Browser wie die Mehrheit nutzen können ist die Seite dann toll. Sie sieht gut aus, dass man sich schlecht zurecht findet ignoriert man, da die Navigation einen tollen Effekt hat und auch die fast unlesbaren Überschriften sind egal, weil sie ja mit einer schönen Grafik hervorgehoben sind. Also eine typische gut aussehende Seite, welche man sehr oft im Internet findet – besonders bei großen Firmen.

Hierfür könnt ihr euch ein x-beliebiges Beispiel nehmen von den Seiten, welche euch gerade eingefallen sind. Ich denke es sind mehrere. Aber das zu dem ich eigentlich kommen wollte, kommt jetzt.

Barrierefrei und gutaussehend

Es gibt natürlich auch noch das dazwischen. Die Seiten, welche viel Wert auf Barrierefreiheit setzen, doch zugleich das Design nicht vernachlässigen. Denn diese Leute wissen: Design ist keine Barriere. Dazu könnte man jetzt einige Seiten herauskramen und die Links dazu hier anheften, doch wozu die Mühe wenn es eine Seite gibt, welche dies eindrucksvoll zeigt.

Der CSS-Zen Garden ist wohl eine der bekanntesten Seiten unter Webdesignern. Eine Seite, welche immer den gleichen HTML-Code hat, doch mit verschiedenen Stylesheets immer anders aussieht. Viele werden diese Seite bisher nur als Designspielerei gesehen haben, oder als Möglichkeit zu zeigen, was man mit CSS machen kann. Das is es auch – keine Frage – doch es ist auch ein gutes Beispiel dafür, dass barrierefreie Seiten nicht schlecht aussehen müssen.

Auch eine barrierefreie Seite kann noch immer gut aussehen und das nur durch Änderungen im CSS

In nun knapp 200 CSS-Dateien verstecken sich wirklich wunderschöne Designs, welche durch die verschiedensten CSS-Techniken erstellt wurden und noch immer barrierefrei sind. Ist ja auch klar, denn am HTML-Code wird nie etwas verändert – lediglich die CSS-Datei wird ausgetauscht. Das Design Kyoto Forest ist ein schönes Beispiel dafür.

Durch einfache Positionierungen und ein paar Bildern wurde aus der Seite extrem viel heraus geholt. Jetzt stelle man sich einmal vor, man kann noch weitere Klassen hinzufügen oder noch weitere Elemente. Dadurch kann man sehr viel heraus holen, was beim CSS-Zen Garden gar nicht möglich ist. Oder man bedenke die Möglichkeiten mit dem kommenden CSS3.

Fazit

Es ist also möglich ein wunderschönes Design zu erstellen, welches nach wie vor barrierefrei ist. Alle Seiten welche barrierefrei sind, haben lediglich Entwickler, welcher entweder zu faul sind oder einfach nicht ausreichend CSS-Kenntnisse haben um die Seite vernünftig zu gestalten.

Das war es dann auch schon wieder!
Euer Wishu

Nachdem ich bereits gestern versucht hatte meinen Blog etwas umzugestalten, habe ich heute nochmal die komplette Farbe abgekratzt und alles neu gestrichen. Noch ist allerdings alles frisch und es kann sein, dass noch irgendwo alte Teile durchscheinen oder auch, dass irgendwo noch die Farbe nicht richtig deckend ist.

Solltet ihr einen Teil des Wishu-Blogs finden, wo es so aussieht als würde ich etwas vergessen habe, würde ich mich freuen, wenn ihr mir das in den Kommentaren melden würdet. Einige Dinge sind mit bereits bekannt und werden so schnell wie möglich behoben, doch ich würde mich freuen, wenn ich alle Dinge gemeldet bekomme – es kann ja sein, dass ich etwas übersehen habe.

So nun möchte ich aber erstmal wissen, wie ihr das neue Design findet. Dafür habe ich mir extra das Plugin WP-Polls geholt:
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Das war es dann auch schon wieder!
Euer Wishu

Eigentlich wollte ich mit der Vorstellung des neuen Designs von Wishu.de noch warten bis die Seite komplett fertig ist, doch in letzter Zeit häufen sich die Anfragen, was denn nun mit der Seite sei, wie das neue Design aussieht und ob die Seite überhaupt wieder online geht.

Vorerst möchte ich anmerken, dass das Design nicht aus meiner Feder ist, sondern wie das Design dieses Blogs von meinen geschätzten Kollegen Sven Urbanek entworfen wurde. Nach dem Schritt der Vorstellung dieses Designs werde ich mich an die Arbeit machen und auch sein Design zusammen basteln, damit wir unsere Seiten bald der Öffentlichkeit präsentieren können.

Das neue Design von Wishu.de ist nun nicht mehr so dunkel, wie es einmal war aber dafür um einiges einfacher gestaltet. Die Übersichtlichkeit hat sich extrem verbessert, was auch damit zusammen hängt, dass der ganze private Kram von mir nicht mehr auf dieser Seite zu finden ist. Einige Dinge davon, werden später noch in externe Projekte ausgelagert.

Das Design ist flexibel gestaltet und sieht (nach eigenen Tests) in allen gängigen Browsern gleich aus. Bei dem verkorksten Internet Explorer fehlen natürlich einige Features, welche ich durch JavaScript nachreichen müsste. Da ich mir allerdings für eine solch veraltete Browsergeneration für meine eigenen Seiten nicht die Mühe machen will, verzichte ich an dieser Stelle auf das unnötige JavaScript und lasse die Seite ohne grafische Zusatzfunktionen.

Der Release von Wishu.de soll noch in diesem Jahr kommen und die Seite wird dann als einfaches Portfolio zur Verfügung stehen. Für die Zukunft ist dann noch geplant, einige Tipps & Tricks auf der Seite aufzuführen und ein paar Scripte für den Eigengebrauch zu veröffentlichen.

Über Feedback zu dem neuen Design freue ich mich natürlich immer. Sowohl negative als auch positive Kritik sind erwünscht und auch wenn Fehler gefunden werden, würde ich es begrüßen, wenn mir diese mitgeteilt werden. Dazu stehen euch hier die Kommentare in diesem Beitrag zur Verfügung.

Hier könnt ihr euch das ganze einmal ansehen: Direkt zu Wishu.de

Das war es dann auch schon wieder!
Euer Wishu

Das was ihr oben rechts seht, bin ich. Oder besser gesagt ein Teil von mir, welcher dies ist könnt ihr euch sicherlich selbst denken. Geplant war dieses Bild nicht, doch als Nat etwas rumgespielt hat, war ich der Meinung es könnte ganz gut passen.

Macht eure Erfahrungen mit dem neuen Design und teilt mir diese mit. Eventuelle Darstellungsfehler sind möglich, da ich alleine einiges übersehen kann. Auch hier würde ich mich über Hilfe freuen.

Euer Wishu