![\"Suchergebnisse](\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/GoogleUIisBad.png\")
<\/a>Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n
<\/p>\n
Als visuelle Designerin und Perfektionistin achte ich auf die \u00c4sthetik der Produkte, die ich benutze. Aber Google verwendet keine beeindruckenden Effekte, liebevollen Details oder \u00c4hnliches. Vielleicht stellen sie bewusst den Inhalt in den Vordergrund. Doch auch wenn das Interface der Google-Suche heute viel besser aussieht als vor sechs Jahren, f\u00e4llt mir nur der Begriff \u201esteril\u201c dazu ein.<\/p>\n
<\/a>Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n
Man k\u00f6nnte daher vermuten, dass Googles Interfaces sauber, klar und gut benutzbar sind \u2013 aber stimmt das wirklich? Bei Centigrade<\/a> machen alle Designer gemeinsame Reviews mit Kollegen, um Verbesserungen an ihrer Arbeit vorzunehmen. Solch ein kleines Review w\u00fcrde ich gern mit Ihnen f\u00fcr Googles Interfaces durchf\u00fchrend. Als bekanntes und einfaches Beispiel habe ich die Google-Suche ausgew\u00e4hlt, um zu pr\u00fcfen, ob etwas besser gel\u00f6st werden k\u00f6nnte.<\/p>\n 1. Wird Material Design verwendet?<\/strong> Ich bin gro\u00dfer Fan dieser Designsprache von Google und versuche, sie so oft wie m\u00f6glich bei meiner Arbeit einzusetzen. Aber warum verwendet Google seine eigene Designsprache<\/a> nicht? Ich bin mir zum Beispiel sicher, dass die beiden Buttons \u201eGoogle-Suche\u201c und \u201eAuf gut Gl\u00fcck\u201c sogenannte \u201eRaised Buttons\u201c sein sollten.<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n 2. Zug\u00e4nglichkeit:<\/strong> Offensichtlich haben diese Buttons nicht genug Kontrast. Ihre Leserlichkeit k\u00f6nnte besser sein. \u00dcberpr\u00fcfen k\u00f6nnen wir das mit WebAIM<\/a>, einem gro\u00dfartigen, weit verbreiteten Tool, das den Farbkontrast von Vordergrund (Text) und Hintergrund mit den Normen Web Content Accessibility Guidelines (WCAG) 2.0<\/a> vergleicht.<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n Kein Kommentar.<\/p>\n Die Buttons werfen noch weitere Fragen auf. Sie sind das erste, was man auf der Startseite sieht, aber was machen sie dort? Die Benutzer k\u00f6nnen sie nie anklicken. Wirklich! Probieren Sie es selbst! Man kann zwar auf \u201eGoogle-Suche\u201c und \u201eAuf gut Gl\u00fcck\u201c klicken, wenn das Suchfeld leer ist. F\u00fcr den ersten der Buttons ist das aber sinnlos, da es kein Suchergebnis liefert. Der zweite f\u00fchrt zu etwas ganz anderem \u2013 der Doodles-Seite. Sobald man aber etwas ins Suchfeld tippt, springt man zur Suchergebnis-Seite und die beiden Buttons sind nicht mehr da.<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n Oh, und wo wir dabei sind, Google: Wo sind die tollen Animationen, die im Styleguide erw\u00e4hnt werden?<\/p>\n memegenerator.net<\/p><\/div>\n Sogar wenn man \u201eInstant-Ergebnisse neu anzeigen\u201c in den Sucheinstellungen ausw\u00e4hlt hat und etwas in das Suchfeld auf der Startseite eingibt, kann man die Buttons nicht anklicken, weil sie durch andere Buttons ersetzt werden:<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n Was machen sie also hier?<\/p>\n 1. Suchfeld:<\/strong> Man kann den Suchbegriff nicht mit einem Klick l\u00f6schen. Das ist mein Ernst. Ein L\u00f6schen-Button in Suchfeldern ist mittlerweile De-Facto-Standard im Interface Design. Nicht in der Google-Suche. Hier gibt es diesen Button nicht. Wenn man dagegen aber die Google Websuche-Hilfe \u00f6ffnet, landet man in einer ganz neuen Welt, wo Google Material herrscht, wo Suchfelder L\u00f6schen-Buttons haben und Menschen noch zu hoffen wagen.<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n 2. Mysteri\u00f6se Schaltfl\u00e4chen:<\/strong> Wenn man angemeldet ist und \u201ePrivate Ergebnisse verwenden\u201c eingestellt hat, sieht man rechts oben drei Buttons: eine Person, eine Erdkugel und ein Zahnrad. Ich habe einige Zeit gebraucht, um die drei Buttons zu verstehen. Ich bin zwar keine fortgeschrittene Google-Benutzerin, aber Interface Designerin, und habe daher Erfahrung mit Buttons. Nach wenigen Minuten hatte ich verstanden, welcher deaktiviert, welcher ausgew\u00e4hlt und welcher im Normal-Zustand ist. Sie unterscheiden sich, aber nur sehr subtil. Schauen wir uns die Sache zusammen an:<\/p>\n Google und das Google-Logo sind eingetragene Marken von Google Inc., Verwendung mit Genehmigung.<\/p><\/div>\n Die Funktion des Optionen-Buttons ist klar \u2013 er \u00f6ffnet ein Drop-Down-Menu. Aber die anderen beiden sehen merkw\u00fcrdig aus. Der erste, \u201eAlle Ergebnisse anzeigen\u201c, scheint deaktiviert zu sein, hat aber einen Hover-Effekt und l\u00e4dt auf Klick die Suchergebnisse neu. Die Frage ist also: Wenn der Button deaktiviert ist, warum ist er klickbar? Und wenn er aktiv ist und Funktionalit\u00e4t hat, warum hat er einen anderen Stil mit einem helleren Icon als der Einstellungen-Button? \u201ePrivate Ergebnisse werden nicht angezeigt\u201c dagegen scheint ausgew\u00e4hlt zu sein, ist aber auch klickbar und l\u00e4dt ebenfalls die Suchergebnisse neu. Um ehrlich zu sein verstehe ich diese beiden Buttons immer noch nicht.<\/p>\n 3. Die Firmen-Karte<\/strong> ist mein Lieblingselement. Sie erscheint, wenn man einen Firmennamen sucht, zum Beispiel Google:<\/p>\nAllgemeine Fragen<\/h3>\n
<\/a><\/a>Die Buttons \u201eGoogle-Suche\u201d und \u201eAuf gut Gl\u00fcck\u201c<\/h3>\n
<\/a><\/a><\/a>Suchergebnis-Seite<\/h3>\n
<\/a><\/a>