it-swarm.com.de

Sind Graustufenschaltflächen mit Symbolen verwendbar und effektiv?

enter image description here

Das Bild hier ist

  1. altes Google Mail
  2. neues Google Mail, wenn keine E-Mail ausgewählt ist
  3. neues Google Mail, wenn E-Mail ausgewählt ist
  4. neu lecker

Für mich sind die Schaltflächen nbeschriftet und schwer zu entdecken.

Ich glaube nicht, dass die Symbole gut genug funktionieren, um Etiketten überflüssig zu machen. Auch mir ist aufgefallen:

  1. die Google Mail-Symbolleiste ändert sich vollständig, wenn eine E-Mail ausgewählt wird, während die alte Symbolleiste (beruhigend) konstant war
  2. die köstlichen Schaltflächen zum Bearbeiten und Teilen (eingekreist) sind schwer zu entdecken und enthalten keine QuickInfos zum Schweben

Meine erste Reaktion darauf war "Rückschritt", da sie die Optionen schwieriger zu entdecken machten.

Andere Websites scheinen sich jedoch diesem Stil anzunähern, einer Designsprache, die versucht, so spärlich wie möglich zu sein. Es ist definitiv gut für iPads und Netbooks mit extrem hohen Auflösungen.

Lohnt sich eine solche Designsprache oder ist sie zu schwer zu entziffern?

23
Jesvin Jose

Ich werde Ihre Frage mit einer Frage beantworten. Warum gibt es angesichts des Standards, dass ikonische Beschriftungen Text-Tooltips enthalten sollten, keinen Standard, dass Textbeschriftungen grafische Tooltips enthalten sollten?

Der Hauptgrund: In fast allen Fällen sind Textbeschriftungen für sich allein ausreichend und ein Symbol würde nichts verbessern. Iconic Labels sind dagegen eher unzureichend für sich. Ja, Google Mail beeinträchtigt die Auffindbarkeit. Es ist für Benutzer nicht akzeptabel, eine Benutzeroberfläche mit der Maus abzutasten, um zu lesen, was jeder Befehl tut. Benutzer sollten es nur lesen können. Dieses Spam-Symbol ist besonders grausam. Ich würde erwarten, dass dies bedeutet, "diesen Brief als wichtig zu kennzeichnen" - genau das Gegenteil von dem, was getan wird. Apps sollten eine gute Informationshierarchie haben, aber es gibt bessere Möglichkeiten, dies zu tun, als nicht entzifferbare Symbole für kleinere oder erweiterte Befehle (z. B. Größe, Gewicht, Farbe) zu verwenden.

Die Alternative zum Ausblenden nicht zutreffender Befehle besteht darin, sie zu deaktivieren (ich weiß nicht, was Google Mail früher getan hat). Die Entscheidung zu Ausblenden versus Deaktivieren kann kompliziert sein , aber zusammenfassend sollten Sie deaktivieren, wenn eine Aktion derzeit nicht verfügbar ist, der Benutzer jedoch etwas tun kann, um sie verfügbar zu machen (z. B. eine Auswahl ändern). Daher denke ich, dass Google Mail deaktiviert und nicht versteckt werden sollte. Das Problem beim Ausblenden besteht darin, dass Benutzer möglicherweise zu dem Schluss kommen, dass der Befehl niemals verfügbar ist - dass die Funktion von der App einfach nicht unterstützt wird (wenn sie ihn nicht bemerkt haben) wenn es sichtbar war). Wie Sie bemerken, kann es auch schwieriger sein, die nicht ausgeblendeten Steuerelemente zu finden, wenn sie sich bewegen, um den durch das Ausblenden von Steuerelementen entstandenen leeren Bereich zu füllen.

Warum konvergieren Designs zu dieser minderwertigen Designsprache? IMO, Mode. Um diesen trendigen mobilen Look auf Ihren Desktop zu bringen. Aufgrund des begrenzten Bildschirmplatzes verwenden mobile Apps mit größerer Wahrscheinlichkeit Verstecke und Symbole, um alles einzudrücken. Jetzt wirken Desktop-Websites wie mobile Apps cool und ignorieren, dass sich die Regeln ändern, wenn die Bildschirme größer werden. Ich sehe keine Entschuldigung dafür, so viel Grau auf Grau zu verwenden, außer dass Grau das neue Schwarz ist. Es ist besonders schlecht bei mobilen Apps, die im Sonnenlicht verwendet werden können und Sie benötigen so viel Kontrast wie möglich. Die modische Verwendung von Grau für aktive Steuerelemente untergräbt auch die Verwendung von Grau für deaktiviert. Dies ist möglicherweise ein weiterer Grund, warum Google Mail Steuerelemente ausblendet. Es geht darum, einfach zu sein - und nicht einfach zu bedienen.

Möglicherweise versuchen Google Mail und andere, mit ihren mobilen Apps konsistent zu sein (ich wette, Benutzer von mobilen Google Mail-Apps sind auch Benutzer von Google Mail-Web-Apps), aber sie hätten es besser machen können. Sie hätten sowohl das Spam-Symbol als auch das Wort "Spam" für die Desktop-Version verwenden können, um die Kompatibilität mit der mobilen App zu gewährleisten und gleichzeitig eine bessere Erkennbarkeit für den Desktop zu gewährleisten - und die Bedeutung des Symbols beim Übergang des Benutzers zum mobilen zu verbessern. Tatsächlich ist "Spam" ein so kurzes Wort, dass ich keinen Grund sehe, es nicht auf der mobilen Version anstelle des Symbols zu verwenden. Wir sind also wieder einfach und nicht einfach zu verwenden.

21

Die in Google Mail verwendeten Symbole erklären hervorragend, was die Schaltfläche bewirkt. Wenn Sie sich nicht sicher sind, bewegen Sie den Mauszeiger über sie und Sie erhalten einen gut gestalteten Tooltip, der diese Schaltfläche beschreibt.

enter image description here

Diese Schaltflächen werden natürlich erst angezeigt, wenn eine E-Mail ausgewählt wurde. Zuerst war ich etwas überrascht. "Wo sind alle Knöpfe geblieben?!" aber nach diesem ersten Mal war es vorzuziehen.

Sie sehen nur, was Sie brauchen. Wenn Sie die Schaltfläche zu einem bestimmten Zeitpunkt nicht verwenden können, warum dann?

In Bezug auf die Graustufen dieser Schaltflächen ist dies ein guter Schritt. Sie verblassen und helfen, den Inhalt voranzubringen. Wenn Sie Google Mail verwenden, möchten Sie sich nicht auf die Schaltflächen konzentrieren, sondern auf den Inhalt konzentrieren. Das gleiche gilt für den Delicious-Button, er sollte nicht um Ihre Aufmerksamkeit konkurrieren. Es ist für jeden leicht erkennbar, der sein Logo kennt. Wenn nicht, fahren Sie mit der Maus darüber, um herauszufinden, was es derzeit nicht anbietet, aber sollte.

4
Matt Rockwell

Wie Matt sagte, erklären sich die Tasten beim Schweben. Google Mail verwendet eine Mischung aus Erkennung und Rückruf mithilfe von zuordenbaren Symbolen. Die weniger intuitiven und abstrakteren (Aufbewahrungsbox, Spam-Flag) sind erweiterte Steuerelemente, die häufig ignoriert werden. Beachten Sie, dass die wichtigsten Steuerelemente (Senden, Verfassen) explizit ausgeschrieben sind. Die Hauptaufforderungstaste auf einer bestimmten Seite wird beim Booten tatsächlich rot hervorgehoben. Bevor Sie eine E-Mail schreiben, ist die Schaltfläche Verfassen rot. Sobald Sie mit dem Schreiben beginnen, ist die Schaltfläche Senden rot.

Dieses Layout ermöglicht das Aufrufen der primären Aktionen mit Textbeschriftungen, lässt jedoch die erweiterten Funktionen in den Hintergrund treten und optimiert gleichzeitig das Scannen . Die Symbole sind für diejenigen, die sie nicht verwenden (und wahrscheinlich auch nicht interessieren), unscharf, aber für fortgeschrittene Benutzer sind sie leicht zu merken und zu finden. Das Scannen nach Symbolen (die Sie erkennen) ist häufig schneller als das Scannen über Textbeschriftungen, da noch einige Lesevorgänge erforderlich sind.

Das von Ihnen angesprochene "Graustufen" -Problem scheint für den Rest tangential zu sein, aber das Problem hier ist Kontrast . Kontrast ist extrem wichtig und viele Grafikdesigner ignorieren den effektiven Kontrast in UI-Elementen, um die Seite "schöner" aussehen zu lassen ( sehr zum Vorteil vieler von uns, die sich mit Benutzerfreundlichkeit und UX befassen =).

Im Delicious-Beispiel sind die Symbole fast unsichtbar. Es sieht so aus, als ob die Benutzeroberfläche nur ein paar Unebenheiten auf der Benutzeroberfläche sind. Die Symbole von Google Mail sind viel ausgeprägter und gut sichtbar. Ich würde keine der Google Mail-Schaltflächen als kontrastarm bezeichnen, außer vielleicht die Kontrollkästchen-Schaltfläche, hauptsächlich wegen der dünnen Linien.

3
Ben Brocka

Ich würde sagen, das neue Google Mail fühlt sich intuitiver an als das alte. In erster Linie bestand das Hauptziel des neuen Designs darin, es sauberer, intuitiver und einfacher zu bedienen. Und ich persönlich denke, sie haben in all diesen Punkten große Anstrengungen unternommen.

Das alte Design stimmte zwar mit seinen Schaltflächen überein, zeigte aber, wie ich mich erinnere, immer noch Schaltflächen an, an die in einer aktuellen Ansicht keine Funktion gebunden war. Z.B. Der "Spam melden", der nichts getan hat, bis Sie eine oder mehrere E-Mails in der Kontrollkästchenspalte überprüft oder eine E-Mail gelesen haben. Es war unter anderem noch vorhanden, während es keine Funktion ausfüllte. Dadurch wird die Funktionstastenleiste mit Funktionen überfüllt, auf die nicht einmal zugegriffen werden kann, was den normalen Benutzer verwirrt.

Darüber hinaus denke ich, dass die Wahl des Designs, von Textschaltflächen zu Symbolschaltflächen zu wechseln, gut ist. Persönlich denke ich, dass es ein Gefühl der Ordnung gibt, und wenn Sie sich bei einer der Metaphern nicht sicher sind, ist ein Tooltip, der die Funktion beschreibt, sofort verfügbar. Dies liegt jedoch bei jedem Einzelnen. Einige bevorzugen einen beschreibenden Text anstelle eines Symbols, das in den Schaltflächen verwendet wird.

Ich denke, die Konversationsdarstellung ist im neuen Design mit dem Google+ Profil besser und zeigt die reduzierten Nachrichten weniger "gruppiert" an als die alte.

Es tut mir leid, aber IMO denke ich, dass das neue Design besser ist. =)

2
AndroidHustle

Delicious hat eine lange Tradition darin, immer weniger verwendbar zu werden (hi, Yahoo!), mit der möglichen Ausnahme, dass Bilder in der neuesten Iteration hinzugefügt werden. Wie alle großen Softwareunternehmen werden sie und Google einige Mitarbeiter haben, die das vorhandene Design lieber in ein Design ändern möchten, das ihnen (oder dem Ausschuss) besser gefällt (im Gegensatz zu zeitloser Rat ), als es in Ruhe zu lassen. An der Oberfläche deuten die Änderungen auf eine Verlagerung hin zur Unterstützung von Power-Usern gegenüber Neulingen hin: Rückruf und Kenntnisse über Tooltips (von denen ich vermute, dass weniger als 30% der Web-User bewusst wissen, wie man sie verwendet), anstatt dass Patienten lesen und erkennen müssen Nutzen Sie die neuen Schnittstellen effizient.

Das Hauptproblem bei einem Nur-Symbol-Design besteht darin, dass Symbole nicht universell sind. Alle heute verfügbaren allgemein erkennbaren Symbole basieren auf Designs vor dem Internet (wie Stoppschildern und Pfeilen), und Aktionen wie "Bearbeiten" und "Markieren" haben in der realen Welt keine solchen universellen Designs. Sogar das historische Diskettensymbol verschwindet, da das reale Objekt für tatsächliche Benutzer zunehmend nicht mehr erkennbar ist.

2
l0b0

Nun - wenn es um Schaltflächen, Symbole und Beschriftungen geht - IMHO, gibt es Dinge, die einfach keine Beschriftung benötigen, wie die Diskette, die heute niemand mehr verwendet, die aber ständig mit "Speichern" verknüpft ist, mit der der Mülleimer verbunden ist löschen. Sobald diese so werden, wie sie "ikonisch" sagen, brauchen Sie keine Worte, um sie zu erklären.

Google versucht, die Benutzeroberfläche so einfach und effektiv wie möglich zu gestalten. Ich glaube, dass sauberes Design schwierig ist und ich persönlich mag den neuen Ansatz von Google (ich bin selbst UI/UX-Designer)

0
amjoe

Für mich ist das neue Google Mail eine minimalistische Version der Multifunktionsleistenfunktion in MS Office, mit der auch Schaltflächen ausgeblendet werden, die nicht verwendet werden können.

Ob die Beschriftungen ein- oder ausgeblendet werden sollen, hängt davon ab, wie oft jemand das Tool verwendet. Wenn ich Google Mail mehrmals am Tag verwende, erfahre ich, wo sich die Schaltflächen befinden und was das Spam-Symbol bedeutet.

0
Tony Bolero