Schlagwort-Archiv: wertung

Parteien im Web-Check: BÜNDNIS 90/DIE GRÜNEN

Na, das geht ja schon mal gut los: während man sich bei den anderen nur ein Akronym merken muss oder zumindest ein Wort ohne Umlaut, haben es die Bündnis90dieGrünen hart. Wobei ich immerhin gleich auf Anhieb getroffen habe mit www.gruene.de (war/ist das Bündnis 90 da nicht sauer?!). Geht mal nicht in die Wertung ein, dafür können se ja nun mal nix. Auch Inhalte bleiben aussen vor, da gibt es zum Beispiel bei Golem etwas zu lesen.

Der erste Eindruck

gruene1_homepageEin fettes, durchgestrichenes Hakenkreuz oder ein bananenfarbiges Fass dort, wo auf nomalen Portalen die teuren Anzeigen sind. Auf Anhieb fällt es schwer, eine Ordnung auszumachen – wenngleich eine da ist. Der oberste Block trägt das Logo, eine prominente und breite Suchmaske (gut so!) und einen markigen Sinnspruch, Claim auf neudeutsch. Durch die Schattierung und die Struktur im Claim wirkt die ganze Website etwas … schmutzig, positiv formuliert würde man wohl “Grunge-Design” sagen. Darunter sausen aktuelle Themen Flash-animiert durchs Bild, ein wenig zu hektisch, für meinen Geschmack. Dann erst, so hat man den Eindruck, geht die Website erst richtig los, ist so etwas wie eine Navigation zu bemerken. Irgendwie hat man das Gefühl schlechter Platzausnutzung.

Bis auf die andere Anordnung ist aber dann gar nicht soviel anders als bei der Konkurrenz: ein (hier bescheidener ausgeführter) Bereich für die Stimmung, einer für aktuelle Themen, einer für Aktionen und viele bunte Bilder. Etwas ruhiger wird es erst auf der dritten Ebene, aber auch hier sind neben dem Text viel zu viele bunte Bilder, die wie Banner wirken und um Aufmerksamkeit heischen. Vielleicht werde ich alt, aber ich überfordert das ganz ehrlich: too much!

Formal habe ich zu bekritteln, dass die Inhalte, die den Unterschied zwischen zwei beliebigen Seiten ausmachen, manchmal einfach untergehen. Man klickt, auf den ersten Blick ist alles gleich (haufenweise bunte Bilder im rechten Bereich), nur gaaaanz links ändert sich der Text. Mag auch mit meiner Marotte zu tun haben, dass ich den Browser auf Vollbild habe und die Website ganz links “pappt”.

Versöhnen tut mich dann wieder die Mini-Sitemap nach Art einiger Blogs als “Fußzeile”. Damit können auch alte Knacker wie ich mit kurzer Aufmerksamkeits-Spanne etwas anfangen.

Social-Media-Kram

gruene3_streamKeine vollmundigen Logos, dafür eine Art Lifestream, in dem auch die Twitter-Feeds der Partei auftauchen. Dort tendenziell eher besser als bei den anderen: 60 Tweets (seit Ende Juli), viele Antworten auf Fragen (es wird also nicht nur gesendet), 751 Follower (soviel wie die CSU …) und  immerhin 1.005 Verfolgte – Respekt. Randnotiz: in der Liste der Follower habe ich @gruene_piraten gefunden – wie das wohl zusammengeht?

Basisdemokratie?

In mancherlei Hinsicht wirkt der Auftritt zusammengeschustert, als wären viele Ideen, die eigentlich nicht zusammengehen unbedingt zusammengehend gemacht worden. Vielleicht spiegelt das die Absicht der Macher wider, Vielfalt zu zeigen. Oder es musste halt viele Leute gefragt werden, was “drauf” soll. Immerhin hat es für einen Grafiker gereicht, der dem ganzen Wust immerhin den Anschein einer einheitlichen Grafiksprache gibt.

Das gefürchtete Peterchen-Ranking

Ich bin wohl einfach zu alt für den Scheiß …

Peterchen-Rating: 2 von 5 (naja)

Peterchen-Rating: 2 von 5 (naja)

Neuer Internet-Auftritt der FTD

Mit der Kenntnis des Akronyms FTD zeigt der moderne Businesskasper, dass er zum Kreis der Eingeweihten gehört. Seit gestern erstrahlt die Website der Financial Times Deutschland in neuem Glanz. Deswegen schiebe ich mal einen kurzen Veriss ein.

Erster Eindruck

Papier?!Wirkt zwar moderner, aber weniger aufgeräumt. Man hat endlich auf die letzten Reste von Schattenwürfen und 3D-Effekten verzichtet. Bis auf einen: den Hintergrund bildet eine feine Struktur, die wohl Papier darstellen soll, diese Vermutung stütze ich auch darauf, dass oben, rechts und unten ein Papierstapel wie von einer aufgeschlagenen Zeitung angedeutet ist. Das ist so albern, dass ich mich frage, wer da zu prügeln ist: der Webdesigner, dem die Phantasie durchgegangen ist, oder der Entscheider, der am liebsten sowieso das Internet ausdrucken möchte.

Der “Kopf”

coole IdeeDie Anordnung der einzelnen Blöcke folgt keinem erkennbaren Raster und wirkt völlig unmotiviert, unsymetrisch und unausgewogen. Immerhin ist alles wichtige da, eine prominente Suchfunktion (gut), unmotivierte Links auf irgendwelche Schwerpunkte, Tools und Produkte (WTF?!) und ein in meinen Augen recht gelungener Schnelleinstieg: die Möglichkeit, die quasi nach Wunsch oder Nutzungsprofil die Aufmachung der Startseite zu wählen, finde ich gar nicht mal schlecht: es gibt ein “klassisches” Portal, eine Nachrichtenliste für “Schnellleser”, eine Liste aller Meinungen und Kommentare für Diskussionswütige und eine Sicht für Bildlekucker.

Darunter eine Menüleiste, die alle Ressorts zügig erschliesst, wenngleich ich diese Flyout-Dinger eigentlich nicht so mag, aber das ist Geschmackssache. Warum die Navigation nicht horizontal und vertikal zwischen den beiden Linien zentriert ist, wissen nur die Götter des Webdesigns, motiviert wirkt das jedenfalls nicht, sondern hingeschustert.

Der “Body”

Papier?!Hier wird es ein bischen besser, was die Gestaltung angeht. Gut finde ich, dass man nicht der Versuchung erlegen ist, den lachsfarbenen Hintergund für Text zu verwenden. Man kann Sternchenbewertungen machen – gähn. Neben der Schlagzeile ist ein kleines Symbol, mit dem man sich den Artikel merken kann. Sicherlich nett für Leute, die nicht mit RSS arbeiten und nur die FTD “konsumieren” – und wohl genau deswegen an der Kernzielgruppe vorbei, schätze ich. Ansonsten folgt die FTD dem Trend, den Artikel nach links zu packen und rechts eine dicke Randspalte vollzukramen. Auf dem Breitbildmonitor finde ich das eher lästig, auf einem mobilen Gerät, das die Darstellung nicht anpasst, wohl eher gut. Was ich noch gerade bemerke: ich habe auf Internet-Explorer gewechselt, weil ich kucken wollte, ob der Kopf da besser aussieht – tut er nicht. Aber: da ist rechts noch eine dritte Inhaltsspalte, die der Firefox einfach unterschlägt – unter anderem ist da der tägliche Alex-Strip drin! Ich hatte mich schoin gewundert, dass da rechts noch soviel Platz ist … wow, hat man da nicht getestet? In meinen Statistiken ist FF3.5 gerade mal mit 35 % der häufigste Browser …

Das vernichtende Urteil

Im Ernst: das ist richtig schlecht geworden. Der eine Daumen für die wenigen brauchbaren Usability-Ansätze und die Schnell-Einstiege.

Peterchen-Rating: 1 von 5 (fail)

Peterchen-Rating: 1 von 5 (fail)

Parteien im Web-Check: SPD

Aviary spd-de Picture 8Nachdem der Wahlkampf – zumindest gefühlt – nicht stattfindet, habe ich mal auf den Websites der Parteien nach dem Rechten geschaut. Schon erstaunlich, was da so vor sich geht – und wieviel Geld da teilweise versenkt investiert wurde. Jedenfalls: ich fasse das Gemurkse als Steilvorlage für wunderbar subjektives Bekritteln auf und mache eine kleine Serie daraus. Den Anfang macht die SPD – bitte nicht als politische Aussage werten, hier war einfach die Neugier am größten: schaffen es die Mild-Roten, ihren Web-Wahlkampf genauso zu vermurksen wie den “echten”? Darauf, dass die SPD das Netz ernst nehmen, deutet jedenfalls die Tatsache hin, dass sie es wirklich versuchen, mit einem fast schon modernen, teilweise barrierefreien, Web-2.0-igen (naja, fast …) Auftritt, der haufenweise Geld gekostet haben muss.

Einfach alles drauf: die Startseite

Aviary spd-de Picture 1So geht es los: rot, knackig, markant – und man sieht, dass man als arbeitsloser Unternehmensberater nur zu einer Partei gehen muss, um seine powerpoint-reduzierten Parolen loszuwerden:

Ansonsten hübsch aufgeräumt, durch den Ajax-Kram bringt man alles unter, ohne, dass es allzu verworren ist. Nicht schön, funktioniert aber halbwegs.

Aviary spd-de Picture 5Wer eine “normale” Navigation sucht, kann links oben klicken, dann öffnet sich eine Art Mini-Sitemap. Von der Art, wie sie bei “normalen” Websites dieses Zuschnitts unter der Hauptcontent ist (so wie hier oder bei den Grünen). Egal, ist halt ein Effekt.

Die mobile SPD

Aviary spd-de Picture 6

Ein bisschen weiter rechts: eine mobile Variante? Gerne doch! Bei gut gemachten Websites bieten diese eine Essenz des Hauptauftrittes, so dass ich die mobile Variante oft auch auf dem Desktop nutze, wenn wenig Zeit ist (Bahnverbindung von Aachen nach Zwickau – wer da den Desktop-Auftritt aufmacht, ist selber schuld …).

Hier ist das ganze technisch gut gelöst, es sollte auf allen Handys passabel angezeigt werden. Inhaltlich fokussiert das tatsächlich besser als der Hauptauftritt: Social-Media ist hier schon fast … prominent platziert.

Die alternative Startseite

Aviary spd-de Picture 7Und noch ein wenig weiter rechts verlässt die Macher der Mut: es gibt eine alternative Darstellung, die dann auch Barrierefreiheit gelobt. Im Quelltext der Hauptseite findet sich dazu folgender Hinweis (ich vermute mal, den Text sieht man, wenn man Javascript abgedreht):

Die SPD-Startseite ist in zwei Varianten verfügbar, die sich optisch und in der Benutzerführung unterscheiden, inhaltlich aber identisch sind. Die animierte Variante ist mit Ajax realisiert und benötigt zur Nutzung JavaScript sowie einen aktuellen Browser. Die alternative Startseite ist barrierefrei und macht die Inhalte über eine konventionelle Navigation zugänglich. Sie können zwischen beiden Varianten wechseln.

Wenn man das umformulieren würde, so dass es auch Nicht-Webdesigner verstehen, wäre es fast sinnvoll. Ich übersetze mal:

Die SPD-Startseite gibt es in zwei Varianten, die inhaltlich identisch sind. Die erste finden unsere Webdesigner cool, sie ist super-modern und benötigt den allerneuesten Technik-Schnick-Schnack. Für Blinde und unser Genossen-Urgestein haben wir noch eine brauchbare, aber altmodische und uncoole Variante.

Mann, ich hoffe, man hat der SPD wenigstens ein CMS verkauft, das beide Varianten automatisch erzeugt, sonst könnte man die Agentur auf Konspiration mit dem Feind verklagen und hätte mühelos Erfolg vor jedem Gericht.

So, was hammer noch .. aja: die ominöse “9″

Aviary spd-de Picture 4Kann mir jemand einen Tipp geben, was die Zahl da bedeuten soll (also die “9″)? Ich habe nicht die  geringste Idee. Hier im WordPress weist mich ein solcher Böbbel auf die Zahl der unmoderierten Kommentare hin, oder auf die Zahl der Plugins, die sich wünschen, upgedated zu werden. Aber was soll das hier? Neun ungelesene Artikel in dieser Rubrik? Neun Tage bis zur spirituellen Erleuchtung Walter Steinmeiers? Neun Minister sollt Ihr sein? Neun ….? Hilfe! Das ist ein Rätsel von der Sorte: schlafe schlecht, wenn ich es nicht herausfinde …

Social-Media-Kram, musste machen, is wichtich!

Aviary spd-de Picture 3So, und zu guter Letzt: Social. Media. Was immer das auch bedeuten mag. Auf dem Papier vorhanden, eine erste Sichtprüfung bei Twitter ergibt: Immerhin hat die Partei aktuell 3.746 Follower – und folgt selbst immerhin 1.696 – untypisch. Ob sie auch liest, sei dahingestellt, ich werde das mal prüfen. Ansonsten sind facebook, StudiVZ, flickr und Youtube geboten. Nun ja.

<meta name=”revisit-after” content=”15days” >

Ach und noch ein Verwunderli: das CMS bittet Suchmaschinen, doch bitte alle 15 Tage nachzuschauen, ob es was Neues gibt. Wird da wirklich so selten gebastelt?

Das gefürchtete Peterchen-Ranking

Trotz allen Gemeckere: so richtig grottig finde ich das Ding gar nicht (die Social-Media-Kompetenz lasse ich mal aussen vor).

peterchen-rating_3-von5

5 WordPress-Plugins, die jeder braucht

logo_wordpress

  1. WordTwit
    Erstellt automatisch einen Twit, wenn ein neuer Blogpost erstellt wird – inklusive Short-URL-Unterstützung – fünf Daumen!
  2. WP-Cumulus
    Stellt eine wunderschöne und trotzdem barrierefreie Tag-Cloud dar – fünf Daumen!
  3. WP-Piwik
    Bindet den HTML-Code des genialen Piwik ein und zeigt innerhalb von WordPress die Statistiken des vergangenen Tages an – vier Daumen.
  4. WP-Typography
    Verschönert typographisch korrekt die Darstellung von Text (An- und Abführungszeichen, Bindestriche …) und bringt endlich Trennung mit – vier Daumen.
  5. Similarity
    Schlägt Leserrn eines Artikels weitere, thematisch passende Artikel im Blog vor – vier Daumen.

WordPress-Plugins: WP-Piwik

logo_wordpressPiwik ist ein Open-Source-Werkzeug für das Erstellen und Anzeigen aussagekräftiger Webstatistiken. Ich selbst nutze Piwik und seinen Vorgänger PHPMyVisites schon seit geraumer Zeit. Wichtig in Deutschland: nach aktueller rechtlicher Lage ist ein selbst gehostetes Piwik aus Sicht des Datenschutzes wohl unbedenklich, in jedem Fall deutlich unkritischer als z.B. Google Analytics. Mir geht gerade auf, dass Piwik selbst einmal eine Besprechung wert wäre …

Was das Plugin WP-Piwik tut:

  • den für die Zählung notwendigen Javascript-Code in das Template einfügen (also kein Code-Gepfriemel in Widgets oder gar im Template)
  • eine Übersicht mit den wichtigsten Auswertungen des vergangenen Tage direkt im Dashboard von WordPress  verfügbar machen – was doch den einen oder anderen Klick spart.

Simpel, zuverlässig und gut.

Peterchen-Rating: 4 von 5 (tut, was es soll)

Peterchen-Rating: 4 von 5 (tut, was es soll)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: André Bräkling

WordPress-Plugins: Similarity

logo_wordpressIn vielen Blogs sieht man unter Artikeln eine Liste thematisch passender Artikel. Dieses Plugin kümmert sich darum, die relevanten Artikel zu finden und die Liste auszugeben. Für die Suche werden wahlweise Kategorien, Tags oder beides verwendet. Ich habe bei mir nur die Tags eingestellt, da die Kategorien aus meiner Sicht (und so wie ich sie verwende …) zu ungenau sind.

Die Kür: wenn man mag, kann man per CSS-Formatierung und optionaler Ausgabe eines Wertes dem Leser noch mitteilen, welche Relevanz das System dem jeweiligen Link zumisst. Ein mit hoher Wahrscheinlichkeit ähnlicher Artikel wäre also zum Beispiel gößer dargestellt als einer mit nidedriger Wahrscheinlichkeit. Ich glaube mal, darauf werde ich vorläufig verzichten.

Peterchen-Rating: 4 von 5 (tut, was es soll)

Peterchen-Rating: 4 von 5 (tut, was es soll)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: David Miller

WordPress-Plugins: WordTwit

logo_wordpressMan hat ja ein soziales Leben, und da tanzt man nicht nur auf einer Hochzeit. Bei mir sind diese Hochzeiten rechts aufgeführt, eine – recht neue für mich – ist Twitter. Ich habe mir schon oft gedacht, wie praktisch es doch wäre, meinen Followern automatisch einen dezenten Hinweis auf neue Blogposts zu geben. WordTwit tut genau das und ist dabei auch noch konfigurierbar. So kann mit Platzhaltern der Text des Twits bestimmt werden oder ein Präfix definiert werden (zum Beispiel “neuer Blogpost von Peterchen”).

Die Links zum Blogpost können per tinyurl oder bit.ly gekürzt werden, aber der eigentlich Clou ist: WordTwit bringt einen eigenen Short-URL-Service mit, was schon recht cool ist. Noch cooler wäre, wenn ich diesen auch “ausserhalb” von WordTwit nutzen könnte – aber das wäre eine Dreingabe zur Dreingabe und geht daher nicht in de Wertung ein ;)

Peterchen-Rating: 5 von 5 (WOW!)

Peterchen-Rating: 5 von 5 (WOW!)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: BraveNewCode

WordPress-Plugins: WP-Cumulus

logo_wordpressDer Name deutet es an: es handelt sich bei WP-Cumulus um eine Tag-Cloud. Allerdings werden Tags nicht nur statisch der Bedeutung nach sortiert darstellt, sondern auf einer gedachten Kugel anordnet, die dann wiederum per Maus “gedreht” werden kann. Das funktioniert erstaunlich intuitiv und wird per Flash bewerkstelligt. Man kann wählen, ob Tags oder Kategorien oder beides aufgelistet werden soll, ich habe mich nur für die Tags entschieden, da die Kategorien extra aufgeführt sind.

Das Plugin hat eine alternative Darstellung, die alle Tags nochmal in purem HTML darstellt. Das ist nicht nur für Besucher ohne Flash-Player sinnvoll, sondern auch für Suchmaschinen, die in der Regel eher selten die kodierten Flash-Parameter nach gültigen Links durchsuchen. Man erkauft sich also nicht das “Augenpulver” durch eine im Vergleich zu anderen Tag-Clouds schlechtere interne Verlinkung im Blog.

Peterchen-Rating: 5 von 5 (WOW!)

Peterchen-Rating: 5 von 5 (WOW!)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: Roy Tank

WordPress-Plugins: WP-Typography

logo_wordpressSehr gelungen. Es kümmert sich um diese ganzen hässlichen Typograhie-Sünden aus der Computersteinzeit. Zum Beispiel macht es aus einem Minus einen hübschen Gedankenstrich, wie sich das gehört. Drei Punkte werden durch einen Ellipse ersetzt, Klammer-auf-c-Klammer-zu wird zu einem (c). In der Standard-Auslieferung werden allerdings keine korrekten deutschen An- und Abführungszeichen gesetzt (ich vermute mal, dass ich das im Code selbst geregelt bekomme*).

Ein Riesen-Feature nutze ich (noch) nicht, nämlich die automatische Trennung. Diese funktioniert zwar hervorragend, allerdings trennt es alle Wörter im Titel, was suboptimal aussieht, da viele externe Sites und der RSS-Feed den Titel nun mal verwenden. Ich könnte mir aber auch vorstellen, dass das mit dem SEO-Plugin zu tun hat, denn dieses schreibt ganz schön viel im HTML-Header herum.

Einen Haken sehe ich aber doch: für Seiten mit vielen Besuchern dürfte dieses Plugin (wie viele andere auch) ein echter Performance-Bremser sein, da letztlich bei jedem Seitenaufruf deren kompletter Content durchgerödelt wird (wobei es da wohl mittlerweile auch was gibt, muss ich mir noch anschauen: WP-Super Cache).

Peterchen-Rating: 4 von 5 (tut, was es soll)

Peterchen-Rating: 4 von 5 (tut, was es soll)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: KINGdesk

Was noch zu sagen wäre: die Autoren stellen die Funktionen auch ohne WordPress zum Einbinden in eigene PHP-Projekte zur Verfügung.

*Update, 7.8.2009: geschafft, war nicht schwer. Ich muss halt jetzt bei den Updates daran denken …

*Update, 25.8.2009: Dass ich die Trennung nun nutze, seht Ihr ja. Mittlerweile kann man sich im Backend auch aussuchen, welche An- und Abführungszeichen man gerne hätte – großartig! Bin jetzt fast geneigt, mein Peterchen-Rating auf die Höchstnote zu schieben – aber dann gäbe es ja gar keinen Anreiz zur Verbesserung mehr :)