{"id":193838,"date":"2017-09-07T08:19:10","date_gmt":"2017-09-07T06:19:10","guid":{"rendered":"http:\/\/www.borncity.com\/blog\/?p=193838"},"modified":"2024-03-12T22:04:55","modified_gmt":"2024-03-12T21:04:55","slug":"studie-flat-design-war-ein-fehler-und-hat-nachteile","status":"publish","type":"post","link":"https:\/\/borncity.com\/blog\/2017\/09\/07\/studie-flat-design-war-ein-fehler-und-hat-nachteile\/","title":{"rendered":"Studie: Flat-Design war ein Fehler und hat Nachteile"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"float: left; margin: 0px 10px 0px 0px; display: inline;\" src=\"https:\/\/i.imgur.com\/VOZZV4J.jpg\" width=\"169\" height=\"113\" align=\"left\" \/>Momentan ist das sogenannte Flat-Design ja (neben Dark-Themes) der letzte Schrei, dem sich Designer und Grafiker meinen verschreiben zu m\u00fcssen. Insbesondere Microsoft reitet dieses Steckenpferd. Jetzt belegt eine Studie, was viele Nutzer intuitiv geahnt haben: Das Flat-Design ist es Fehler und hat gravierende Nachteile in der Benutzbarkeit, speziell f\u00fcr neue Nutzer.<\/p>\n<p><!--more--><\/p>\n<h2>Mit Microsofts Zune fing das Desaster an<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssl-vg03.met.vgwort.de\/na\/0f6506933aad43c1b8f4ca158a7610cd\" alt=\"\" width=\"1\" height=\"1\" \/>Mit Windows 8 hat Microsoft ja das ber\u00fchmte Flat-Design eingef\u00fchrt. Alles flach, Navigation \u00fcber Kacheln, keine Hierarchien. Und obwohl weder Windows 8 noch Windows 8.1 noch Windows 10 so der Br\u00fcller sind, h\u00e4lt man daran fest bzw. baut das noch aus.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/vL2gPkZ.jpg\" \/><\/p>\n<p>Die Urspr\u00fcnge dieser Manie gehen auf Microsofts Zune-Player, ein Clone des iPod, zur\u00fcck, bei dem erstmals diese Design-Elemente eingef\u00fchrt wurden. Argument: Das neue Design sieht sauberer und moderner aus.<\/p>\n<h2>Flat-Design: Die Benutzbarkeit leidet<\/h2>\n<p>Die Folge des Flat-Designs ist, dass die Benutzer die Navigation schwieriger finden und mehr Zeit auf einer Seite verbringen. Das sage nicht ich, sondern dass hat jetzt eine Studie der Nielsen-Normann-Gruppe <a href=\"https:\/\/www.nngroup.com\/articles\/flat-ui-less-attention-cause-uncertainty\/\" target=\"_blank\" rel=\"noopener\">ergeben<\/a>.<\/p>\n<p><a href=\"https:\/\/media.nngroup.com\/media\/editor\/2017\/08\/28\/cos-cow-blank-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Webseiten\" src=\"https:\/\/media.nngroup.com\/media\/editor\/2017\/08\/28\/cos-cow-blank-1.png\" alt=\"Webseiten\" width=\"634\" height=\"232\" \/><\/a><br \/>\n(Quelle: Nielsen-Normann-Gruppe)<\/p>\n<p>Das Unternehmen lie\u00df 71 Benutzer auf neun Websites mit unterschiedlichen Flat-Design los und verfolgte die Augenbewegungen sowie die Zeit, die die Probanden f\u00fcr die Navigation im Inhalt ben\u00f6tigten. Das obige Bild zeigt zwei solcher Webseiten, wobei die linke Variante zumindest noch hervorgehobene Navigationselemente aufwies.<\/p>\n<ul>\n<li>Im Durchschnitt verbrachten die Teilnehmer 22 Prozent mehr Zeit (d. h. langsamere Aufgabenausf\u00fchrung), wenn man die Seiten mit schwachen Navigations- und Bedienelementen (die sprechen von Signifikatoen) betrachtet.<\/li>\n<li>Die durchschnittliche Anzahl der Fixierungen durch Augenbewegungen war bei den Ausf\u00fchrungen mit schwachem Signifikator deutlich h\u00f6her als bei den Ausf\u00fchrungen mit starkem Signifikator. Im Durchschnitt hatten die Menschen 25 Prozent mehr Fixierungen auf den Seiten mit schwachen Signifikanten.<\/li>\n<\/ul>\n<p>Die Ausgestaltung eines Flat-Designs beeinflusst also, wie schnell und akkurat sich ein Nutzer in der Struktur zurecht findet. Bei MS Power User hat man ein <a href=\"https:\/\/mspoweruser.com\/science-proves-flat-design-mistake\/\" target=\"_blank\" rel=\"noopener\">wunderbares Beispiel<\/a> zu Windows 10 und dem flachen Startmen\u00fc gefunden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/web.archive.org\/web\/20220415144602\/https:\/\/mspoweruser.com\/wp-content\/uploads\/2017\/09\/can-i-click.png\" width=\"597\" height=\"336\" \/><br \/>\n(Windows 10 Startmen\u00fc \u2013 Quelle: MS Power User)<\/p>\n<p>Neben der langen Liste an Kacheln, wo man st\u00e4ndig am Suchen ist, gibt es noch verwirrende Pseudeo-Elemente. Am linken Rand finden sich Symbole, die man anklicken kann. Die Legende mit den Buchstaben vor den einzelnen Kachelgruppen haben dagegen nur eine strukturierende Bedeutung. Abgesehen von der Tatsache, dass man in der Kachelliste immer am endlos am Suchen ist, erscheint die Navigation ziemlich verwirrend.<\/p>\n<p><a href=\"https:\/\/media.nngroup.com\/media\/editor\/2017\/08\/28\/prs-prw-heat.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Heat-Map\" src=\"https:\/\/media.nngroup.com\/media\/editor\/2017\/08\/28\/prs-prw-heat.png\" alt=\"Heat-Map\" width=\"619\" height=\"225\" \/><\/a><br \/>\n(Quelle: Nielsen-Normann-Gruppe)<\/p>\n<p>In der Studie wurden sogenannte Heat-Maps der Augenbewegungen ver\u00f6ffentlicht, die zeigen, wo die Probanden hin schauten. Das obige Foto zeigt, dass sich die Augenbewegungen bei einem guten Design auf wenige Bereiche konzentrieren. Ein schlechtes Flat-Design f\u00fchrt dazu, dass die Leute st\u00e4ndig am Suchen sind, wo etwas relevantes zu finden ist.<\/p>\n<p>Der Bericht der Nielsen-Normann-Gruppe bezieht sich initial zwar auf Webseiten, die Ergebnisse lassen sich meiner Meinung nach aber sehr gut auf das Flat-Design von Betriebssystemoberfl\u00e4chen \u2013 und speziell Windows 10 \u00fcbertragen. Weitere Hinweise findet ihr bei <a href=\"https:\/\/www.theregister.co.uk\/2017\/09\/05\/flat_uis_designs_are_22_per_cent_slower_official\/\" target=\"_blank\" rel=\"noopener\">The Register<\/a> und bei <a href=\"https:\/\/mspoweruser.com\/science-proves-flat-design-mistake\/\" target=\"_blank\" rel=\"noopener\">MS Power User<\/a>. Nachtrag: Bei ZDNet.de befasst man sich in diesem Artikel mit der obigen Studie und dem Thema.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Momentan ist das sogenannte Flat-Design ja (neben Dark-Themes) der letzte Schrei, dem sich Designer und Grafiker meinen verschreiben zu m\u00fcssen. Insbesondere Microsoft reitet dieses Steckenpferd. Jetzt belegt eine Studie, was viele Nutzer intuitiv geahnt haben: Das Flat-Design ist es Fehler &hellip; <a href=\"https:\/\/borncity.com\/blog\/2017\/09\/07\/studie-flat-design-war-ein-fehler-und-hat-nachteile\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3694],"tags":[4293,874,4378],"class_list":["post-193838","post","type-post","status-publish","format-standard","hentry","category-windows-10","tag-allgemein","tag-design","tag-windows-10"],"_links":{"self":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/193838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/comments?post=193838"}],"version-history":[{"count":0,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/193838\/revisions"}],"wp:attachment":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/media?parent=193838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/categories?post=193838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/tags?post=193838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}