Visuelle Usability einer neuen Website
Arbeiten aus dem Interaktionsdesign für eine Aufgabe ist ein Teil der gesunde Menschenverstand und ein Teil-Logik, wenn es um die Widgets zu herauszufinden, kommt zu verwenden und die Strömung sie in zu arrangieren. Der Rest alle visuellen Design ist. Die sehr Platzierung, Gruppierung, relative Anordnung und Gestaltung Ihrer interaktiven Komponenten kann ein langer Weg in Richtung machen eine Aufgabe gut fließen oder in seinen Schienen zu stoppen.
Menu
Geben Roll Feedback
Ein sicherer Weg, die Menschen wissen, dass die Dinge sind interaktiv ist ihnen ihr Aussehen machen ändern oder eine Aktion auslösen, wenn der Cursor mit ihnen in Berührung kommt. Wenn sich der Cursor in Kontakt mit etwas Bildschirm kommt, ist es ein rief sich umdrehen. Eine Reihe von Dingen kann auftreten, wenn sich der Mauszeiger über eine interaktive Komponente führt. Wenn das Element einen Link hat, ändert sich der Cursor selbst von einem Pfeil in einem Zeigefinger. Das ist eine einfache, integrierte Möglichkeit, visuelle Feedback zu geben, so dass Sie Menschen können wissen lassen, dass ein Element interaktiv ist. Sie können jedoch ein zusätzliches Feedback bei Prolongation, liefern - Feedback, dass auch jemand in coachen kann, wie die Navigation zu verwenden. Hier sind einige Möglichkeiten, das zu tun:
Ändern Sie das Aussehen der Grafik.
Oft Designer nicht die Mühe mit einem angeklickt Zustand bereitstellt. Denken Sie daran, jeder Staat eine einzigartige Grafik ist, die Sie produzieren müssen - und dass der Browser zu laden hat.
Erweitern oder das Element zu animieren.
Ein Rollover verändert sein Aussehen, wenn ein Benutzer den Mauszeiger über oder klickt.
Entwerfen Website Schaltflächen, die klickbare aussehen
Wenn Sie einfach auf Rollover-Feedback verlassen (sagen wir, ändert sich der Cursor in eine Hand-with-Zeigefinger auf Rollover), machst du den Benutzer schrubben Sie den Cursor über den ganzen Bildschirm für interaktive Sachen suchen. Daher ist es wichtig, interaktive Elemente zu machen Schau klickbare zu beginnen.
In der Regel können Sie grafische Elemente der Benutzeroberfläche aussehen klickbare auf eine von drei Arten machen:
Label-Tasten mit Aktion Phrasen. Es ist ein Design Best Practice kurz zu setzen, um den Punkt Etiketten auf Tasten und führen den Benutzer mit No-Nonsense-Verben wie Drucken oder Ansichts Karte. Passive Labels wie Virtuelle Tour oder nebulös Marketing-sprechen Labels wie Magische Reise weniger wirksam sind.
Dimension hinzufügen. Make-Taste Elemente zeichnen sich physisch auf der Seite, indem sie eine dreidimensionale Qualität.
Unter Hinweise aus dem Alltag
Das visuelle Design und die Textur der interaktiven Komponenten helfen, die Menschen wissen, wie man mit ihnen zu interagieren. Objekte, die Sie mit auf einer täglichen Basis, wie Knöpfe, Schubladen und Zifferblätter, sind große Inspirationen für die Gestaltung von interaktiven Elementen auf Ihrer Webseite interagieren. Die Menschen sind bereits gut trainiert diese den täglichen Gebrauch Objekte- jeder weiß, wie Knöpfe zu drücken, Schubladengriffe ziehen und drehen wählt.
Werfen Sie einen Blick sowohl auf dem Zifferblatt-Schnittstelle und die Schublade System auf Apple Quicktime Player. Herauszufinden, wie diese kleinen Widgets verwenden, um die Lautstärke zu regeln und ein Menü von Optionen zuzugreifen, ist einfach. Für das Volumen, klicken Sie und mit dem Rad ziehen Sie den Audio nach oben oder unten zu drehen. Für die Schublade von Optionen, greifen Sie den Griff artigen Bereich und ziehen Sie nach unten.
Gruppierung und Verschachtelung Elemente auf einer Website
Die relative Lage und Clustering von interaktiven Komponenten ist so stark ein Hinweis auf ihre interaktive Natur wie jede andere visuelle Behandlung. Zum Beispiel die Gruppierung nur eine Reihe von ähnlich aussehenden Interface-Elemente zusammen in einer grafischen Einheit kann sie einen klickbaren Aussehen geben - auch wenn die einzelnen Grafiken selbst nicht anklickbar aussehen.
Wenn Sie Gruppe und eine Reihe von Klartextelemente enthalten, die die gleiche Schriftart Behandlung haben, erstellen Sie eine starke grafische Element, das auf der Seite von den anderen Dingen steht und Interaktivität bedeuten. Sehen wie gestaltete Elemente zusammen in einer Gruppe werden zwei Dinge erreicht:
Eine Gruppe bedeutet Interaktivität. Eine Reihe von Text oder grafische Elemente gruppiert schafft eine optische Einheit, die die Aufmerksamkeit der Menschen zieht.
Eine Gruppe bedeutet, die eine ähnliche Funktion. Durch visuelles eine Reihe von Links Assoziieren, implizieren, dass sie alle ähnliche Funktionen ausführen und die gleiche relative Priorität in der Website.
Sie können auch eine Beziehung innerhalb gruppierten Elementen implizieren durch nisten bestimmte Elemente unter anderen.
Bereitstellung # 147-Sie sind hier # 148- Feedback
Wenn Anwender durch Websites zu finden, wie sie ein Gefühl dafür zu haben, wo sie in der Ordnung der Dinge sind, und wenn sie durch Aufgaben arbeiten, wie lange, bevor sie geschehen. Um diese Fragen zu beantworten, können Sie Ihre Schnittstelle zur Verfügung stellen # 147-Sie sind hier # 148- Feedback wie folgt:
Markieren Sie ausgewählte Navigationsoptionen. Wenn ein Benutzer ein Navigationselement klickt, auch wenn sie etwas in einem Drop-Down-Menü ausgewählt, dann ist es am besten, dass Abschnitt zu halten hervorgehoben, sie wissen zu lassen, welcher Abschnitt sind sie in.
Zeigen, welche Fortschritte. Wenn jemand durch eine vielstufige Aufgabe arbeiten, ist es eine gute Idee, eine Fortschrittsanzeige zu zeigen, sie wissen zu lassen, wo sie sind und wie viel mehr müssen sie zu tun.
Diese Website stellt seine globale Navigation vertikal auf der linken Seite, aber es ist noch unklar, welche Abschnitt du bist in zu sehen.Nummerierte Schritte helfen dem Anwender achten, wo sie in einem Prozess sind.