Die recht bekannte Selbstpräsentationsplattform Instagram aus dem Hause der sozialen Netzkultur, Facebook, bietet für die gängigen mobilen Betriebssysteme und Windows Mobile eine App, die mich durch ausladende, sehr kleine und unsaubere Typografie wiederum dazu eingeladen hat, sie an ihrem Schopf aus inkonsistenten Patterns, Faux-Bolds, missratenen Icons und liebloser Textgestaltung zu packen und ein wenig aufzuräumen.
 

Screen 1 – Profile View

In dieser Ansicht wird ein Nutzer*innenprofil dargestellt. Im ersten Screen fallen die lieblos aneinandergeklatschten Textblöcke auf, aus denen nur schwer eine Hierarchie ersichtlich wird. Diese Hierarchie wurde in der Überarbeitung deutlich herorgehoben. Die Buttons zum Folgen und Nachrichtenschreiben wurden samt der Zähler etwas optisch angenehmer platziert. Insgesamt lässt sich an dieser Überarbeitung gut festhalten, dass ich wesentlich mehr Luft in die Ansicht bringen konnte, ohne  – paradoxerweise – nennenswert mehr Platz zu benötigen, wie anhand der noch fast vollständig sichtbaren ersten Bilderreihe zu erkennen ist.
 

Screen 2 – Stream

Die zweite Baustelle der Überarbeitung bot der post-Stream. Hier wurde mit Inkonsistenzen bei den Stories (oberste Reihe) aufgeräumt im vergleich zum Profile View. Das subtile Element des Schlagschattens wurde auch hier nicht nur der Konsistenz halber aufgegriffen, um eine intuitivere Hierarchie der Screenelemente zu vermitteln. Den Icons und Countern wurde etwas mehr Platz gegeben, sodass auch die Werte besser sicht- und zuordbar sind.
 

Screen 3 – Messages

Im Kommunikationszentrum angekommen wurden gedoppelte Funktionen zusammengefasst und solche, die gar nicht in diesen Bereich gehörten, hinausbefördert. Der große, die gesamte Breite füllende Kamera-Button ist ein Shortcut zur Story-Funktion, die sich an ganz andere Stelle der App findet und wenig mit dem Messenger zu tun hat. Die etwas unschöne Suchbox wurde durch eine wesentlich schickere Leiste ersetzt, die Dank Schlagschatten auch richtig toll zur Geltung kommt. Mit einer etwas konsistenteren Benutzerführung in Form von Screentiteln habe ich auch hier gearbeitet: Der Bereich ist nun oben mit Messages auch deutlich als solcher gekennzeichnet.

Fazit

Abschließend ist bemerkbar, wieviel formästhetische Verbesserung durch eine Neuverteilung des Weißraums und dazugehörige typografische Detailarbeit möglich ist. Das Auseinanderklamüsern der vielen Elemente und die tetrisartige Umstrukturierung sodass am Ende doch noch alles passt hat großen Spaß und eine spannende Herausforderung geboten.