• Layout
• Navigation
• Typografie

Das gelungene Redesign des Newsportals...

Layout

Das neue Design wirkt übersichtlich und aufgeräumt. Sofort fällt auf dass das neue Layout stark die Printausgabe von 20Minuten imitiert: Das neue Spaltenkonzept, die gestrichelten horizontalen Trennlinien und vor allem die erstmals eingesetzte Serifenschrift «Georgia» sorgen für einen Boulevardpresse-Look ohne die Anforderung an gutes Webdesign zu vernachlässigen.
Meine Kritikpunkte:

• Dadurch dass die beiden Seitenspalten nur durch optische Trennlinien von der Hauptspalte getrennt werden, fällt der Sidebareffekt fast gänzlich weg, was sich negativ auf die Übersichtlichkeit auswirkt. Mein Tipp: Klare Trennung von Haupt- und Seitenspalten durch einen abgeschwächte Hintergrundfarbe der Seitenspalten
• Die Werbebanner welche über beide Seitenspalten laufen verwirren das Auge. – Ein- oder Zweispaltig? Mein Tipp: Banner nur über eine Spalte laufen lassen
• Die Zugehörigkeit der verwandten Artikel eines Beitrags ist nicht klar: Die vertikal Abtrennung durch die gestrichelte Linie lässt den Betrachter meinen, die verwandten Artikel würden zum nächst unteren Artikel gehören. Mein Tipp: Klare Abtrennung der Artikel durch horizontale Balken, wie es auch bei der Printausgabe der Fall ist. Diese Trennlinien können farblich sogar dem Farbkonzept der Navigation angepasst werden.

Navigation

Das neue Design punktet bei mir vor allem durch die komplett umgestaltete Navigation, welche neuerdings horizontal angeordnet ist. Sogar die Unternavigationspunkte trifft man nun auch in horizontaler Ausrichtung an. Sie werden geschickt mitttels bestehendem Farbkonzept mit dem jeweiligen übergeordneten Navigationspunkt verbunden.
Passend zum heutigen Social-Media-Zeitalter ist Twitter, Facebook und Co. prominent in der Navigation anzutreffen.
Auch die Lokalnachrichtenfunktion gefällt mir gut: Einfach Wohnort eingeben und sich Nachrichten aus der Region anzeigen lassen. – Leider funktioniert diese Funktion (noch) nicht immer wunschgemäss.

Die kursive Navigationspunkte sind übrigens auf ein Schriftenproblem meines Macs zurückzuführen (sollten nur fett und nicht fett/kursiv sein)…;-)

• Mal abgesehen davon, dass die Lokalnachrichtenfunktion nicht wirklich funktioniert, kann ich hier nur Kritik auf sehr hohem Niveau anbringen: Die Gesamterscheinung der Navigation wirkt uns auf unseren Mac-Displays etwas zu glossy, aber da diese sicherlich für Standard-Displays ausgerichtet wurde, halte ich lieber den Mund.

Typografie

Die neuerdings verwendete Serifenschrift für den Lauftext fällt sofort auf und trägt einen grossen Teil zum neuen Print-Look bei. Die Serifen haben grundsätzlich den Zweck das Auge beim Lesen zu führen und somit dem Leser das Lesen zu vereinfachen. Ich bin aber der Ansicht, dass sich in diesem Falle die Serifen eher als schwerfällig als hilfreich herausstellen. Als positiv empfinde ich, dass die Lauftexte nicht mehr ganz schwarz sind sondern dunkelgrau – der schwächere Kontrast wirkt sich angenehm auf das Lesefeeling aus, könnte aber einen Tick dunkler sein.
Interessant ist der Umgang mit den Headlines: Da es sich bei der gewählten Schrift nicht um eine Systemschrift handelt, wird die Schrift als Bild-Datei dargestellt. Dies hat den Nachteil das durch das Rendern die Schrift nicht gestochen scharf ist. Im Gegensatz zu blick.ch, wo das selbe Problem mittels Flash gelöst wird, ist die Bildvariante von 20min.ch aber iPad-tauglich…

• Die Headlines sind mir zu schwerfällig: Die verwendete Schriftart «Aachen» ist onehin  schon ziemlich klobig. Wohl aus Platzgründen wurde sogar noch die Laufweite der Schrift zusammengestaucht, was die Headline definitiv zu «bulky» wirken lässt. – Mein Tipp: Warum für die Headlines nicht eine groteske Schrift wie in der Printausgabe verwenden? – Dies wäre aus meiner Sicht ästhetisch ein Gewinn und das technische Problem wäre somit auch gleich gelöst.

...und hier das leicht optimierte Design meinerseits!

Ich werd im Sommer ausziehen – wenn ich jetzt mit dem Sparen beginne reichts vielleicht für meine Initialen…;-)

Die obercoole schweizer Firma welche diese Typomöbel herstellt heisst SET26 und ist aus Sulgen.

Ich will es euch nicht vorenthalten:

Tipp: Bild aus der Distanz betrachten!

Da ich nach den Analysen genug hatte von blauen Wort-/Bildmarken mit abstrahieren Flugzeugen, Flügeln und Kondensstreifen, entschied ich mich gänzlich auf «unnötiges Geschnörkel» zu verzichten und eine reine Wortmarke zu kreieren. Mein Ziel war es ein einfaches, zeitloses aber zugleich eigenständiges Logo zu erschaffen, welches sich für verschiedenste Anwendungen bestens eignet.

Der gespiegelte «F» mit den abgeschrägten Horizontalen ist Blickfang und lässt Freiraum für Interpretationen. Je nach Angesicht des Betrachters, kann er mit einem Flügel oder einem Tower in Verbindung gebracht werden. Die verwendete Schrift heisst «Vectora LH» und ist bekannt für seine kurze Oberlänge. Durch die somit verbundene hohe x-Höhe der Minuskeln, bleibt die Schrift auch bei sehr kleinen Anwendungen gut leserlich.

Anwendungen des Logos folgen später!:-)

Schnell kamen wir auf den Fall der Bundesrepublik Deutschland zu sprechen, in welchem die Regierung im Jahre 1936 eine einheitliche Schrift für die allgemeine Öffentlichkeit entwickeln liess: Die sogenannte FF- Din wird für Orts-, Autobahn-, Eisenbahn- und meist auch auf offiziellen Hinweisschildern benutzt. Lange Zeit wurde die Schrift auch für die Kennzeichen der deutschen Automobilisten benutzt. Jedoch wurde genau diese Vereinheitlichung der Schriftzeichen auf den Nummernschilder den deutschen Behörden zum Verhängnis: Die Vereinheitlichung von Strichstärke, Schrägen und Radien, forderten Autodiebe,Schnellfahrer und sonstige Übeltäter geradezu zum fröhlichen Fälschen auf: So konnte z.B. aus einem «P» problemlos ein «B» oder aus einem «C» eine «0» resp. einen «O» entstehen.

Ende der 90er-Jahren setzten sich Typografen, Psychologen, Kriminalbeamte und Grafiker zusammen, um die FS-Mittelschrift zu entwickeln, die «Fälschungssichere Mittelschrift». Da aber bald mal klar wurde dass fälschungssicher unmöglich ist, wurde dann aus FS FE, «Fälschungserschwert». Der Grundgedanke dieser Typo ist eigentlich genau der Gegenteilige der FF-Din: Jeder Buchstabe wurde spezifiziert, d.h. der obere Bogen des «B»s ist z.B. nicht gleich wie der Bogen des «P». Auch die Strichstärke und die Schrägen sind unterschiedlich. Dass die Schrift somit keinen Schönheitswettbewerb gewinnen würde, versteht sich von selbst…:-)

Teste dein Talent zum Fälscher: Drucke das obenstehende Bild aus (sorry dass es nicht grösser ist) und versuche  zu erst mit Marker und Tipex das DIN-Nummernschild zu fälschen und anschliessend das FE-Schild!

Et voilà:

Da Umlaute noch nicht von allen Browsern unterstützt werden, ist die Seite selbstverständlich auch unter www.ausser-gewoehnli.ch zu finden.

Auch hier, Wikipedia hilft: 0815

Tja, wär hätte gedacht, dass dieser Ausdruck vom im 1. Weltkrieg gebräuchlichen MG-08 Sturmgewehr abstammt?

Da ich möchte, dass dieser Post möglichst viele Lehrer lesen werden, habe ich den Artikel auf Wörter wie “Ritalin”, “Sommerferien”, oder “Laminiergeräte” suchmaschinen optimiert…;-)