Interaction Design und Benutzerfluss einer neuen Website

Interaktionsdesign unterscheidet sich von Informationsdesign. Dies ist oft ein wichtiger Punkt der Verwirrung für die Menschen neu für Web-Design. Während Informationsdesign befasst sich mit der Gesamtstruktur einer Website und der beste Weg, um Inhalte zu organisieren, Interaktionsdesign

Flow ist die eigentliche, die Benutzer folgen einer Website Newsletter abzuschließen Aufgaben wie Anmeldung, von einer Seite zur nächsten zu navigieren, oder eine Reihe von Produkten zu kaufen und den Checkout-Prozess durchlaufen.

Als Designer müssen Sie alle möglichen Schritte, um Ihre Benutzer zu nehmen um eine Aufgabe abzuschließen durchdenken. Sie müssen ihre Fragen antizipieren und betrifft jeden Schritt des Weges, und denken Sie an, wie Sie den erfolgreichen Abschluss erleichtern kann. Wenn die Schritte zu komplex sind oder die Schnittstelle ist unklar, werden die Nutzer frustriert und die Aufgabe im Stich lassen. Zusätzlich zu den angemessenen Gebrauch von Widgets wie Kontrollkästchen, um zu entscheiden, Menüs, Links, Symbole und Schaltflächen, die visuelle Gestaltung und physikalische Anordnung der Oberflächenelemente entweder verbessern oder die Fähigkeit des Benutzers beeinträchtigen, um erfolgreich durch eine Aufgabe zu navigieren.

Erstellen von Benutzerflussdiagramme für Websites

Um die logischste Weg Benutzer zu arbeiten, sollten Sie eine Aufgabe in Anspruch nehmen, schaffen Interaktionsdesigner oft Benutzerflussdiagramme. Diese Diagramme antizipieren alle möglichen Wege, die Benutzer nehmen könnten ihren Weg durch eine Aufgabe zu machen. Wie Sie sehen können, kann jede Entscheidung Kreuzung in ein paar Richtungen gehen, die oft in der Aufgabe zu einem früheren Schritt Schleife zurück.

Nachdem Sie für alle möglichen Ergebnisse berücksichtigen, können Sie herausfinden, wie man am besten die Interaktion zu entwerfen. Zum Beispiel könnte sich entscheiden, die folgenden mit Ihrem Design zu tun:

  • Präsentieren Sie die erste Reihe von Optionen in einem Menü, das dynamisch die Seite mit dem entsprechenden Inhalt aktualisiert.

  • Fügen Sie einen Link Passwort vergessen, und die Fähigkeit, ein neues Konto, auf der ersten Seite der Login-Sequenz zu erstellen.

  • Ein Register Me Kontrollkästchen am Ende eines Online-Vertriebsprozess Registrierungen zu fördern, weil Sie bereits mehr als die Hälfte der Daten, die Sie auf jeden Fall brauchen, aufgenommen haben.

  • Geben Sie den Nutzern Feedback, lassen sie wissen, dass sie auf (sagen wir) Schritt 2 von 5.

    Ein Benutzer Flussdiagramm bildet alle möglichen Routen ein Benutzer in Richtung der Bearbeitung von Aufgaben übernehmen kann. [Kredit:
    Ein Benutzer Flussdiagramm bildet alle möglichen Routen ein Benutzer in Richtung der Bearbeitung von Aufgaben übernehmen kann.

Mit dem "Flow" gehen

Die meisten Aufgaben sind einzigartig für Ihre Website, die Sie auffordert, ortsspezifische Benutzerströme und herauszufinden, das beste Interface-Design, um jemanden durch eine bestimmte Aufgabe zu erstellen. Allerdings enthält Ihre Website eine Reihe von gemeinsamen Aufgaben wie Anmeldung, immer wieder auf die Homepage, und auf der Suche. Für diese täglichen Aufgaben können Sie Standard-Interaktionsmodelle verwenden, die entstanden sind, als die Bahn in den letzten Jahren gereift ist.

Hier sind ein paar gemeinsame Konventionen intakt zu halten oder zumindest vollständig verstehen, bevor Sie sie in neue Variationen zwicken:

  • Suchfunktion. Wenn Sie eine Suchfunktion auf Ihrer Website bieten, denken Sie daran, dass die meisten Suchfunktionen befinden sich auf der oberen rechten Ecke der Webseite. Die Menschen suchen nach Suchfunktionen in dieser allgemeinen Lage so, wenn Sie es an anderer Stelle platzieren, Ihre visuelle Gestaltung wirklich heraus muss es nennen.

    Veer.com ist ein Medien-Ressource für Designer, so Suche ist ein wichtiges Merkmal der Website. Hier können Sie
    Veer.com ist ein Medien-Ressource für Designer, so Suche ist ein wichtiges Merkmal der Website. Hier können Sie die Suchfunktion prominent zu sehen.
  • Link zur Homepage. Aus irgendeinem Grund hat es sich entwickelt, dass das Firmenlogo auf einer Web-Seite (in der Regel in der oberen linken Seite) auf der Homepage der Regel die offizielle Link ist - vor allem für den westlichen Kulturen. Um ein globales Publikum aufnehmen, aber die meisten Websites bieten auch eine explizite Startseite Link als Teil des gesamten Navigationsschema.

  • Login-Link. Anders als bei der Suchfunktion, die meisten Websites nicht Text-Eingabefelder auf jeder Seite für die Login-Funktion zur Verfügung stellen. Stattdessen bieten sie einen einzigen Login Textlink, irgendwo am oberen Rand der Seite, die als Registrierungslink verdoppelt. Der Link führt Menschen auf eine Anmeldeseite, wo sie entweder mit einem Benutzernamen einloggen und Passwörter oder melden Sie sich ein neuer Benutzer zu sein (mit dieser Funktion unter den Login-Bereich fallend).

    Diese Login-Seite hat oft andere Features wie ein Me Link Denken Sie daran, das ein legt Plätzchen (Ein kleines bisschen von Daten auf Ihrem Computer gespeichert werden), so dass die Nutzer müssen nicht einloggen oder neu eingeben ihre Anmeldeinformationen sie das nächste Mal die Website besuchen. Es sollte auch ein Link Passwort vergessen für Leute, die ständig ihre Passwörter vergessen.

    Legen Sie die Suchfunktion oben rechts auf der Webseite, wo die Nutzer im Allgemeinen für diese fea suchen
    Legen Sie die Suchfunktion oben rechts auf der Webseite, wo die Nutzer im Allgemeinen für diese Funktion zu suchen.

Menü