NN/g-Eyetracking belegte: Schwache Klick-Hinweise des Flat Designs kosteten Nutzer 22 % mehr Zeit

Bis 2017 dominierte Flat Design das Web, und mit ihm kamen Interfaces, denen die Hinweise darauf fehlten, was anklickbar ist: blaue unterstrichene Links, abgeschrägte Buttons und Schlagschatten wichen Ghost Buttons und Text, der sich nicht vom Fließtext unterscheiden ließ. Die Branche stritt über den Kompromiss nach Geschmack — Designer verteidigten den klaren Look, Usability-Spezialisten warnten anekdotisch, dass Nutzer die Orientierung verlören, und keine Seite hatte Daten.

Die Nielsen Norman Group führte ein kontrolliertes Eyetracking-Experiment durch, um Meinungen durch Messung zu ersetzen. Sie nahm neun Live-Seiten von sechs Domains — E-Commerce, Nonprofit, Hotel, Reisen, Technologie und Finanzen — und erstellte von jeder zwei Versionen, die sich nur in der Stärke der Signifier unterschieden. Einundsiebzig allgemeine Webnutzer, jeweils einer Version zugewiesen, wurden gebeten, herauszufinden, wo sie klicken würden, während Eyetracking-Geräte ihre Fixationen und ihre Zeit aufzeichneten.

Die Seiten mit schwachen Signifiern kosteten echte Anstrengung: Nutzer benötigten 22 % mehr Zeit und machten 25 % mehr Fixationen, bevor sie das Ziel fanden, und sechs der neun Seitenpaare zeigten unterschiedliche Blickmuster — die Aufmerksamkeit verteilte sich über die Seite, weil nichts überzeugend anklickbar aussah. Auf der Seite für feinen Schmuck bewegten sich 86 % der Nutzer der starken Version von der Abschnittsüberschrift zum Link „Shop Pearl“, gegenüber 50 % in der schwachen Version, wo neun von 24 Nutzern versuchten, die Überschrift selbst anzuklicken.

Ebenso wertvoll war, wo Flat Design funktionierte: Drei Seitenpaare zeigten keinen Unterschied, und sie teilten eine geringe Informationsdichte, traditionelle Layouts und kontrastreiche Ziele. Die Studie verurteilte Flat Design nicht; sie legte fest, wann es sicher ist. Ihre Veröffentlichung löste genug Debatten aus, dass NN/g Antworten auf die Kritik veröffentlichte, und die Ergebnisse flossen jahrelang in die Flat-Design-Leitlinien des Unternehmens ein.

Den Geschmackskrieg mit Messung beilegen: einander zugeordnete Seitenpaare, die sich nur in Klickbarkeitshinweisen unterschieden, per Eyetracking bei Aufgaben zum Finden des Buttons untersucht

Zugeordnete Paare hielten jede Designvariable außer der Stärke der Signifier konstant, sodass eine Studie mit Live-Seiten Kausalität statt Korrelation beanspruchen konnte.

Fixationen und Aufgabenzeit übersetzten eine ästhetische Debatte in Aufwandskosten, die jeder Stakeholder vergleichen konnte.

Ein Between-Subjects-Design mit 71 zufällig zugewiesenen Nutzern verlieh den Unterschieden statistische Signifikanz (p < 0,05).

Indem die Studie die Bedingungen veröffentlichte, unter denen flache Seiten keinen Schaden anrichteten, gab sie Designern eine umsetzbare Antwort statt eines Urteils, das man ignorieren konnte.

Öffentliche Heatmaps machten den Effekt auf einen Blick sichtbar: Schwache Signifier verteilten die Aufmerksamkeit über die Seite — die Signatur von Nutzern, die nach einem Button suchen.

Wenn eine Branche nach Geschmack streitet, isoliere die umstrittene Variable in zugeordneten Paaren und veröffentliche die Zahlen; die Debatte wird zu einem behebbaren Problem mit genannten Bedingungen.

Die Studie wurde zu einem der meistdiskutierten Beiträge von NN/g: Am Tag nach der Veröffentlichung erhielt sie 354 Punkte und 171 Kommentare auf Hacker News, und NN/g selbst vermerkte, der Artikel habe „eine beträchtliche Debatte über Flat Design“ ausgelöst, die das Unternehmen mit einer veröffentlichten Antwort auf die Kritik beantwortete. Die Ergebnisse flossen in ein breiteres Forschungsprogramm ein — Folgeartikel darüber, wann Flat Design funktionieren kann, wie langfristige Exposition die Effizienz von Nutzern allmählich verringert und was eine korrigierte flache Ästhetik benötigen würde — und machten ein einzelnes Experiment zu einem dauerhaften Referenzpunkt für Designer, die visuelle Stile wählen.