Wie wichtig ist der visuelle Fluss einer Benutzeroberfläche?

Ich hatte kürzlich ein Gespräch mit einem Freund über das Design einer Installer-Anwendung. Ich wies darauf hin, dass der visuelle Fluss verwirrend war. Es führte meine Augen von links nach rechts und dann nach oben und dann wieder nach unten nach unten links und schließlich quer nach rechts. Er antwortete, dass er nicht glaube, dass der visuelle Fluss im Grafikdesign besonders wichtig sei. Ist es im Grafikdesign wichtig, eine klare Richtung und einen klaren Fluss zwischen den Elementen zu haben, oder ist es im Vergleich zu anderen Aspekten unwichtig?

Ich bin mir nicht sicher, was Sie mit führender Linie im Kontext einer Benutzeroberfläche meinen. Normalerweise wird dieser Begriff in Bezug auf die Fotografie verwendet, wo das Bild selbst visuelle Linien enthält, denen der Benutzer folgen kann. Benutzeroberflächen sind keine Bilder, und das Auge folgt eher dem logischen Layout der Benutzeroberfläche (z. B. dem Textfluss: Scannen von links nach rechts, von oben nach unten) und nicht irgendwelchen geometrischen Linien, die in der Benutzeroberfläche zu finden sind.
Ein Screenshot würde viel dazu beitragen, das vorliegende Problem zu erklären.
Exakt. Was ist eine Leitlinie ? Reden Sie von Schlagzeilen oder irgendetwas anderem? Fragen Sie nach dem Zeilenabstand , der im Grunde genommen die Zeilenhöhe ist?
Ich denke, das Problem ist die Terminologie. Ich habe meine Frage bearbeitet.

Antworten (1)

Der visuelle Fluss einer Benutzeroberfläche ist wichtig, und hier ist der Grund:

  • Jeder Schnittstellenbildschirm sollte eine primäre Aktion oder Aktionen haben, die ausgeführt werden sollen. Der visuelle Fluss sollte den Blick natürlich auf die primäre Handlung lenken.
  • Je weniger Distanz das Auge zurücklegen muss, desto einfacher ist eine Schnittstelle zu verstehen und zu verwenden. Studien (pdf) zum Formulardesign belegen dies, da Formulare mit oben ausgerichteten Beschriftungen schneller ausgefüllt werden als Formulare mit links- oder rechtsbündigen Beschriftungen.
  • Ein verwirrender oder erweiterter visueller Fluss erhöht die Frustration der Benutzer. Wenn sie die wahrgenommenen Kosten fortgesetzter Frustration und Zeit gegen die Erfüllung einer Aufgabe abwägen, werden viele Benutzer die Aufgabe aufgeben.
  • Je mehr aufgegebene Aufgaben, desto weniger Conversions. Im Fall Ihres Freundes bedeutet das weniger Installationen. Kurz gesagt, er schadet seinem Endergebnis, indem er gutes Design ignoriert.

Eine der besten Ressourcen, die ich zu diesem Thema gesehen habe, ist eine Videoserie von StomperNet (ignorieren Sie das Verkaufsargument, die Videos sind es wert, sich damit auseinanderzusetzen). Der Fokus der Videos liegt auf der Verbesserung der Website-Conversions, aber es gibt viele solide Designprinzipien mit wissenschaftlicher Grundlage, die auf jedes Design angewendet werden könnten.

Wenn Videos nicht Ihr Ding sind, sehen Sie sich diese Studie an, Identifizierung von Web-Usability-Problemen anhand von Eye-Tracking-Daten (PDF), die spezifische Usability-Probleme hervorhebt, die auf einen schlechten visuellen Fluss zurückzuführen sind.