Die Tage lief mir ein kurzer Artikel über den Weg, den ich seit dem wieder und wieder lesen musste. Why and How to avoid Hamburger Menus spricht für sich. Das McIcon hat sich in den letzten Monaten zu einer populären Lösung gemausert, um Navigation und/oder Komplexität zu fragmentieren. Wie so oft in dieser Industrie, werden Standards schnell falsch angewandt und auch dieses mal ist es nicht anders. McIcon löst ein fundamentales Problem auf eine unglaublich effektive Art und Weise und deshalb bin ich noch immer ein großer Freund davon.

Wer immer eine fixe Menge Informationen mit unterschiedlicher Hierarchie auf mal mehr, mal weniger Fläche darstellen möchte, bekommt mit dem Ansatz ein sehr variable Lösung. Warum der Artikel – und dies ist nur einer von vielen Kritiken – über das McIcon schimpft ist aber auch nachvollziehbar. Das Problem ist jedoch komplexer, als es bisher besprochen wurde.

Applikation vs. Website

Schon hier trennt sich die Spreu vom Weizen. In allen bisherigen Beispielen, setzt man das McIcon immer in völlig unterschiedliche Zusammenhänge. Auch wenn der durchschnittliche Anwender nicht mehr zwischen seiner Smartphone App und der nächsten Website unterscheiden kann, so sollte es ein tieferer Dialog über solche Themen schon tun. Eine Facebook App ist keine Website. Eine mobile Twitter Website ist keine Nachrichtenseite. Äpfel sind keine Birnen.

Warum liebe ich den Anwendungsfall für das Problem der Navigation einer responsiven Website? Das McIcon ist ein Adblock Light. Es filtert Informationen und schafft Hierarchie wie es mehr als zehn Jahre Webdesign vorher nicht geschafft haben. Ein alter Artikel aus dem Jahr 2008 ist in vielen Fällen noch immer aktuell. Der eigentliche Inhalt ist oft noch immer flankiert vom Rauschen. Ein Rauschen das sich durch den McIcon Filter leicht reduziert. Ich verstehe noch immer verzweifelte Versuche Leser, Zuschauer und Anwender, mit mal mehr mal weniger gekonnt platzierten Sekundär-Inhalten zu binden, aber es ist und bleibt ein furchtbares Muster dieses Mediums. Es hat niemals gut funktioniert, es funktioniert nicht und wird auch nie perfekt die Augäpfel fesseln. Mobile Webdesign erzwingt nur, was viele schon lange wussten, nämlich dass auch eine Navigation in den meisten Fällen in der inhaltlichen Hierarchie nach unten rutschen. McIcon ist nur die Tischdecke über den Brotkrümeln.

Bleibt also der Anwendungsfall Applikation? Hier ist ein Dialog über Sinn und Verstand des Burger Icons angebracht. Die Argumente bleiben gleich. Komplexität und Hierarchie. Ich gebe zu hier zu wenig Kenntnis über das Medium zu besitzen. Ich bin ein Webmensch und Apps sind böses Teufelszeug. Von den diversen auf Screenshots und Videos gesehenen Beispielen, erkenne ich aber das gleiche Problem. Man hat es versäumt Essentielles vom Beiwerk zu trennen. Allerdings können die Brotkrümel hier plötzlich essentielles Werkzeug sein. Apps sind eben keine Websites und Werkzeuge keine Inhalte. Vielleicht sollte die Lehre dann sein, dass sich Komplexität eben doch nur auf ein Mindestmaß komprimieren lässt und ein Photoshop auf dem Smartphone keine so gute Idee sein kann. Bitte schiebt die Schuld aber nicht auf das arme Burger Icon.

Feedback: 8 Kommentare

Das alte Icon passte nicht mehr zur neuen Gestaltung. Favicons sind eine Kunst für sich. Buchstaben wollte ich diesmal nicht mehr in die 16×16 Pixel quetschen. Stilistisch sollte die Kopfgrafik der Seite Verwendung finden, aber für ein Icon fehlt es da an Kontrast. Ein altes Logo lag noch irgendwo auf der Platte rum und hat diesen netten kleinen Aussschnitt ergeben. Das Favicon.

Feedback: 0 Kommentare

Phew, hoffentlich wird dieser Eintrag kein neuer inhaltlicher Tiefpunkt, auf der Suche nach möglichst täglichen Einträgen. Ein Blick auf die Referer Liste dieser Seite, zeigte mir erfreulicherweise viele neue Seiten, die auf cold-heat.de verlinken. Gut. Viele davon benutzen das Lesezeichen-Icon der Seite, nur hab ich irgendwie vergessen auch dieses neu zu gestalten. Schlecht. Icon-Design ist wirklich eine Kunst für sich. Hut ab für jeden, der mehr als die einfache Buchstaben-Lösung benutzt. Wie man sieht hab ich die einfache Lösung gewählt und bin mit ein paar Farben und einem Pixelfont davon gekommen. Und damit schließt dieser Eintrag schon. Gott war das grottig, ich gelobe Besserung.

Feedback: 0 Kommentare