4 UI-Muster zur Verbesserung der Benutzerinteraktion

Autor: Peter Berry
Erstelldatum: 19 Juli 2021
Aktualisierungsdatum: 12 Kann 2024
Anonim
Usability Heuristic 4: Consistency and Standards
Video: Usability Heuristic 4: Consistency and Standards

Inhalt

Es gibt keinen richtigen Weg, um eine Website-Benutzeroberfläche zu entwerfen. Es gibt keine Allheilmittel-Vorlage, mit der Sie Ihre Marke einbinden und auf "Senden" klicken können. Jeder Ort hat seine eigenen Ziele, Motive, Strategien und seinen eigenen künstlerischen Stil.

Dies ist kein Artikel, der ein endgültiges Regelwerk für die Gestaltung der perfekten Website jedes Mal enthält. In diesem Artikel werden einige effektive Entwurfsmuster beschrieben, damit Sie sie nach Bedarf auswählen und ändern können.

01. Eingabesteuerung

Die Natur der Eingabesteuerung besteht darin, Ihrem Benutzer eine tiefere Interaktion mit der Site zu ermöglichen. Hier gibt es jedoch ein Paradoxon: Die Benutzer möchten normalerweise mehr Kontrolle, aber jedes neue Steuerelement verkompliziert die Benutzeroberfläche und überfrachtet den Bildschirm. Eine der besten Möglichkeiten, um dieses perfekte Gleichgewicht zu erreichen, ist die Kontrolle nach Bedarf.

Es handelt sich um eine Win-Win-Lösung, und der Beweis für ihre Wirksamkeit zeigt sich darin, wie fast alle bekannten Websites sie übernommen haben. Steuerelemente können ausgeblendet und angezeigt werden, indem Sie den Mauszeiger über den betroffenen Inhalt bewegen (Pinterest) oder in reduzierten Dropdown-Menüs über Registerkarten (Google Text & Tabellen) ausgeblendet werden.


Wenn sich Ihre Site um ein einzelnes Eingabefeld dreht oder wenn die Eingabe ein notwendiger erster Schritt ist, wäre es ein kluger Schachzug, einen Autofokus auf dieses Eingabefeld zu setzen. Autofokus ist, wenn der Cursor automatisch innerhalb des Feldes startet, was am häufigsten von Google verwendet wird.

Sobald Sie Google aufrufen, können Sie einfach mit der Eingabe Ihrer Abfrage beginnen, ohne auf eine beliebige Stelle klicken zu müssen.

02. Navigation

Eines der wesentlichen Elemente für das UI-Design ist eine voll funktionsfähige Navigationsplattform. Dies ist für jede Website unbedingt erforderlich. Es spielt keine Rolle, wie groß der Rest Ihrer Website ist, wenn Ihre Benutzer nichts finden.

Gleiches gilt für Vermerke. Es liegt in der Natur des Menschen, Freunden gerne zu helfen. Daher funktioniert es, wenn Sie diese geführte Aktion veranlassen, weil sie dies sowieso tun möchten, aber möglicherweise nicht selbst daran gedacht haben.


Der Vorteil von LinkedIn besteht darin, dass eine stärkere Einbindung in die Website gefördert wird, was sowohl die Investition als auch die Erfahrung der Benutzer fördert.

04. Standardeinstellungen

Benutzer ändern die Standardeinstellungen selten, selbst wenn sie die Option dazu haben. Das heißt, Sie müssen es gleich beim ersten Mal richtig machen.

Während dies eine Menge Verantwortung zu sein scheint, gibt es einen Vorteil. Sie können die Standardeinstellungen für die Aktionen auswählen, denen der Benutzer folgen soll.

Nehmen wir zum Beispiel Living Social - die Standardgruppe für E-Mail-Angebote ist "Jeder", was Benutzer dazu ermutigt, Angebote an mehr Personen weiterzuleiten.

Während es verlockend ist, die absolute Kontrolle über die Einstellungen Ihres Benutzers zu übernehmen, ist es für die UX wichtig, dass Sie Ihrem Benutzer etwas Freiheit geben. Das Erstellen eines komplizierten Prozesses, um den Benutzer auf den Standardeinstellungen zu halten, frustriert ihn nur und schiebt ihn weg.

Ein weiterer zu berücksichtigender Faktor sind Eingabefelder. Verwenden Sie die Standardeinstellungen jedoch nicht für Dinge, die vom Benutzer bedacht werden müssen, z. B. für die Anmeldung für Newsletter oder das Akzeptieren von Nutzungsbedingungen usw.


Fazit

UI-Designelemente wie Eingabesteuerelemente, Navigation, Standardeinstellungen und geführte Aktionen sind Komponenten einer erfolgreichen UI. Sie haben jedoch die Wahl, wie Sie sie implementieren. Diese Elemente sind alle vielseitig und können flexibel eingesetzt werden.

Die Entscheidungen, die Sie in Bezug auf die Art der UI-Designelemente treffen, wirken sich auf die Persönlichkeit Ihrer Website insgesamt aus. Wählen Sie daher sorgfältig aus, welche Sie angemessen repräsentieren.

Wörter: Niall O’Loughlin

Niall O’Loughlin ist Marketing Manager bei 99designs, einem Online-Marktplatz für Grafikdesign, auf dem Kunden schnell Grafikdesign-Arbeiten finden können.

Beliebt Auf Dem Portal
So verbessern Sie Ihre digitale Typografie
Lesen

So verbessern Sie Ihre digitale Typografie

Beim Übergang von Print zu Digital gibt e einen offen ichtlichen und wichtigen Unter chied, der bei der Typografie zu berück ichtigen i t. Ander al beim Drucken bleibt Ihr Typ beim digitalen...
Neue Tools für Webdesign und -entwicklung: Juli 2012
Lesen

Neue Tools für Webdesign und -entwicklung: Juli 2012

In die em Monat gibt e eine Mi chung au Grenzüber chreitung und Praxi . Die beiden ind keine o elt amen Bettgeno en, wie ie er cheinen könnten, zuminde t wenn e um die Webentwicklung geht - ...
Stilikonen tauschen Logos mit Markenikonen aus
Lesen

Stilikonen tauschen Logos mit Markenikonen aus

Während De igner die Richtlinien eine Leitfaden für da Logo-De ign verwenden oder ich dafür ent cheiden können, Logo-De ign-Trend zu folgen, brechen einige De igner einfach gerne d...