Share
Als Benutzer des Internets finden Sie gelegentlich bestimmte Dinge, die wirklich nervig sind. Möglicherweise macht es etwas über ein Anmeldeformular, eine Navigation oder eine Webanwendung im Allgemeinen schwierig, eine bestimmte Aufgabe auszuführen. Warum hat jemand so etwas entworfen und gebaut??
Die Antwort ist kompliziert. Das erste und vor allem Problem ist, dass die Verantwortlichen es versäumt haben, ihr Design mit echten Benutzern zu testen. Wenn dies der Fall ist, dachten sie wahrscheinlich, sie wüssten einen guten Weg, um mit dieser Interaktion umzugehen. Immerhin hatten sie es auf anderen Websites gesehen, und diese Designer haben es sicherlich getestet? Warum das Rad neu erfinden??!
Das Problem hierbei ist, dass die Konkurrenz manchmal nicht so schlau ist, wie Sie es verdienen. Während wir also alle damit beschäftigt sind, CSS-Galerien zu besuchen und die Arbeit der anderen zu kopieren, ohne sie zu testen, bauen wir versehentlich eine Musterbibliothek auf.
Einige dieser Muster funktionieren, andere jedoch nicht. Wenn das Rad, das Sie kopieren, tatsächlich quadratisch ist (hey, es funktioniert, wenn Sie wirklich hart drücken!), Dann Virginia, Sie müssen das Rad tatsächlich neu erfinden.
Folgendes berücksichtigen:
Ja. Aber das ist wieder ein Spektrum. Es gibt nur wenige Absolute. Nehmen Sie zum Beispiel diese kürzlich veröffentlichte Studie der Harvard University, die zu einem Spiel führte, das Ihr Alter anhand der Mausklickgeschwindigkeit erraten konnte (ich nahm es an, es war genau richtig!)
Benutzer haben unterschiedliche Bedürfnisse nach Alter, körperlichen Fähigkeiten, Kultur und mehr. Darum können Dosenlösungen so oft nach hinten losgehen.
Ein Anti-Muster ist ein häufig verwendetes Designmuster, das entweder nicht funktioniert oder kontraproduktiv ist. Sie werden in Webanwendungen und Websites angezeigt, überall dort, wo ein Benutzer eine Aktion auf irgendeine Weise ausführen muss, sei es beim Anmelden, beim Bereitstellen von Informationen oder beim Lesen von Informationen, um Entscheidungen zu treffen.
Als Webdesigner können Sie wahrscheinlich leicht erkennen, wenn etwas völlig unwirksam ist (z. B. ein Hoverover-Menü, das geschlossen wird, bevor Sie auf einen Menüeintrag klicken können). Anti-Muster sind jedoch oft subtiler. Ein entschlossener Benutzer kommt an ihnen vorbei, jedoch nicht ohne Schmerzen.
Um sie zu identifizieren, wenden Sie sich am besten an Ihre Webmetriken. Wenn Sie auf Ihrer Website keine Messdaten verwenden, legen Sie noch heute los! Google Analytics ist eine gute Wahl, da es kostenlos und einfach einzurichten ist.
Wonach suchen Sie in Ihren Kennzahlen? Einige Dinge, die auf das Vorhandensein eines Problems (und möglicherweise eines Anti-Patterns) hinweisen, sind:
Benutzer, die Seiten abbrechen.
Wenn viele Benutzer zu einer bestimmten Seite navigieren und dann plötzlich verschwinden, müssen Sie sich vielleicht genauer ansehen, was auf dieser Seite passiert. Müssen sie eine Aktion ausführen, um fortzufahren? Können sie nicht finden, wohin sie als Nächstes gehen sollen? Ist die ganze Seite eine blinkende Animation? Sie werden es erst wissen, wenn Sie nachforschen. Kennzeichnen Sie diesen Bereich für weitere Analysen und echte Live-Benutzerforschung.
Zufälliges Klicken.
Wenn Benutzer überall klicken, wissen sie nicht, worauf sie eigentlich klicken sollen.
Immer wieder auf und ab scrollen.
Wenn Benutzer einen Bildlauf durchführen, bedeutet dies, dass sie nicht finden, wonach sie suchen oder was von ihnen erwartet wird.
Ein Usability-Problem ist nicht unbedingt gleichbedeutend mit dem Vorhandensein eines Anti-Patterns, es könnte jedoch ein Hinweis sein. Viele Anti-Muster wurden untersucht und erwiesen sich oft als ineffizient, um als schlechte Idee verallgemeinert zu werden. Hier sind einige davon:
Beispiele hierfür sind:
Accentsconagua
Cursor: Zeiger;.
Es ist praktisch, Schnittstellen zu deklarieren, indem Informationen hinter schwebbaren Objekten wie Schaltflächen oder Beschriftungen ausgeblendet werden. Stellen Sie jedoch sicher, dass die Informationen nicht zu schnell wieder ausgeblendet werden. Benutzer können nicht so schnell lesen, wie Sie glauben. Es ist ziemlich ärgerlich, dass man die Maus weiter bewegen muss, um Informationen sichtbar zu halten.
Zum Beispiel das Vorhandensein von drei verschiedenen Arten von Links auf einer Seite. Ein Typ gibt den Benutzer zur Startseite zurück, ein Typ führt den Benutzer aus der Site und der dritte öffnet ein Popup. Dies könnte verwirrend und frustrierend sein.
Bieten Sie in einer komplexen Liste, in der Benutzer Aktionen wie das Hinzufügen, Löschen oder Ändern des Status von Listenelementen ausführen, eine Stapeloption! Es ist langwierig und schmerzhaft, ein Element gleichzeitig bearbeiten zu müssen.
Studien haben gezeigt, dass die Nutzer tatsächlich unter dem Rand lesen. Trotzdem bleibt der Mythos, den Inhalt über der alles entscheidenden Rolle zu halten, bestehen. Platzieren Sie Ihren Inhalt!
Sprungstab Navigation bedeutet, dass der Benutzer ein oder zwei Stufen herunterfahren muss, um eine Aktion auszuführen, wieder nach oben zu gelangen und dann wieder nach unten zu gehen. Der Name wurde von Jared Spool geprägt und beschreibt die springende Aktion, bei der man nach unten, oben und unten navigieren muss.
Ein Beispiel dafür könnte jedes Formular sein, in dem ein Benutzer speichert, einen Fehler auslöst und dann gezwungen ist, alle oder einen Teil der zuvor eingegebenen Informationen erneut einzugeben.
Dies ist der Fall, wenn eine Aktion abgeschlossen ist und der Benutzer zu einer anderen Seite weitergeleitet wird, als er erwartet hatte. Dies kommt häufig auf eCommerce-Sites vor, auf denen sich ein Benutzer anmelden muss, um eine Transaktion abzuschließen. Wenn sie sich jedoch anmelden, werden sie zur Startseite zurückgeleitet und nicht zur Seite, auf der sie ihre Kreditkarteninformationen eingeben können.
Sehen Sie sich Ihr aktuelles Projekt an und achten Sie auf einige dieser Muster. Lassen Sie einen Freund oder einen unbeteiligten Kollegen durchgehen und beobachten Sie, was passiert. Werden sie irgendwo frustriert? Orte, an denen die Dinge nicht reibungslos zu laufen scheinen, könnten ein Zeichen für ein Anti-Muster sein.
Dies sind nur einige davon! Welche Anti-Patterns haben Sie im Web bemerkt? Sind Sie in eine dieser Fallen auf Ihren Websites gefallen??
