Wie wichtig ist der visuelle Fluss einer Schnittstelle?

8

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

design-principles composition interface-design Computerisch
quelle
4
Ich bin mir nicht sicher, was Sie unter einer führenden Zeile im Kontext einer Benutzeroberfläche verstehen. Normalerweise wird dieser Begriff in Bezug auf Fotografie verwendet, bei der 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) als den geometrischen Linien in der Benutzeroberfläche.
Calvin Huang
4
Ein Screenshot würde einen großen Beitrag zur Erklärung des vorliegenden Problems leisten.
Philip Regan
Genau. Was ist eine führende Linie ? Sprechen Sie über Schlagzeilen oder etwas anderes? Fragen Sie nach dem Führen, was im Grunde die Linienhöhe ist?
Robert Koritnik
Ich denke, das Problem ist die Terminologie. Ich habe meine Frage bearbeitet.
Computerish

Antworten:

6

Der visuelle Fluss einer Schnittstelle spielt eine Rolle, und hier ist der Grund:

  • Jeder Schnittstellenbildschirm sollte eine primäre Aktion oder Aktionen enthalten, die ausgeführt werden sollen. Der visuelle Fluss sollte natürlich den Blick auf die primäre Aktion lenken.
  • Je weniger Entfernung das Auge zurücklegen muss, desto einfacher ist es, eine Schnittstelle zu verstehen und zu verwenden. Studien (pdf) zum Formulardesign bestätigen dies, da Formulare mit oben ausgerichteten Beschriftungen schneller ausgefüllt werden als Formulare mit links oder rechts ausgerichteten Beschriftungen.
  • Ein verwirrender oder erweiterter visueller Fluss erhöht die Frustration des Benutzers. Da sie die wahrgenommenen Kosten für anhaltende Frustration und Zeit im Vergleich zur Erfüllung einer Aufgabe abwägen, werden viele Benutzer die Aufgabe aufgeben.
  • Je mehr Aufgaben aufgegeben werden, desto weniger Conversions. Im Fall Ihres Freundes bedeutet dies weniger Installationen. Kurz gesagt, er verletzt sein 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 Verkaufsgespräch, die Videos sind es wert, sich damit abzufinden). Der Schwerpunkt der Videos liegt auf der Verbesserung der Website-Conversions. Es gibt jedoch viele solide Designprinzipien mit einer wissenschaftlichen Grundlage, die auf jedes Design angewendet werden können.

Wenn Video nicht Ihr Ding ist, lesen Sie diese Studie, Identifizieren von Web-Usability-Problemen anhand von Eye-Tracking-Daten (pdf), in der bestimmte Usability-Probleme hervorgehoben werden, die auf einen schlechten visuellen Fluss zurückzuführen sind.

Virtuosi Media
quelle