it-swarm-eu.dev

Häufige Probleme mit der Benutzerfreundlichkeit von Web-Apps?

Was sind einige häufige Fehler in Bezug auf die Benutzerfreundlichkeit für Webanwendungen?

75
tobeannounced

CSS/Javascript-Dropdown-Menüs, für die keine Verzögerung angegeben ist, sodass das "Diagonalproblem" auftritt (via Jakob Nielsen )

alt text

81
jessegavin

Nicht setzen anklickbare Beschriftungen auf Kontrollkästchen und andere Formularfelder.

Es ist so einfach zu tun. Siehe das HTML <label> Tag.

74

Schlechtes Formularvalidierungsdesign.

Ich hasse es wenn ich ein Formular abschicke, dessen Validierung fehlschlägt und der Antrag einen der folgenden Schritte ausführt:

  • Felder sind leer, wenn das Formular neu geladen wird. Dies ist mir passiert, als ich mich für eine Web-App auf meinem iPhone angemeldet habe. Ich war königlich sauer, weil es über 8 Felder gab.
  • Zeigt nur einen Validierungsfehler pro Formularübermittlung an.
  • Zeigt oben im Formular keine Zusammenfassung der Fehler an.
  • Markiert die ungültigen Feldeingaben nicht visuell.
74
jessegavin

Schlechtes Design, wenn es um primäre oder sekundäre Aktionsschaltflächen in Formularen geht.

http://www.lukew.com/resources/articles/psactions.asp

alt text

55
jessegavin

Benutzer verwenden die Schaltflächen Zurück und Vorwärts in ihrem Browser (oder mit der Maus). Und sie verwenden auch die Schaltfläche "Aktualisieren". Seien Sie also vorsichtig mit Formularen auf Ihrer Website.

Niemand mag das ...

enter image description here

Dieses Dialogfeld wird angezeigt, wenn Sie die Seite aktualisieren, auf der die Daten veröffentlicht werden. Glücklicherweise kann dies vermieden werden, indem method = "get" verwendet wird, wenn dies möglich ist, oder method = "post", gefolgt von einer sofortigen Umleitung, falls erforderlich. Wenn Sie einen Beitrag aus Längen- oder Sicherheitsgründen verwenden müssen, sollte die Umleitung zu einer anderen URL als die Formularaktion gehen, um diese Nachricht zu vermeiden.

52
Steve Wortham

JavaScript-Links. Sie können nicht mit der mittleren Maustaste einen neuen Tab für javascript:loadPage(34576) öffnen.

43
Casey Chu

Fragen Sie in Registrierungsformularen nach obligatorischen persönlichen Daten, wenn diese nicht erforderlich sind.

Beispiele:

  • fragen Sie eine Adresse auf einer Website, auf der diese Informationen unbrauchbar sind
  • Erzwingen, einen "echten" Namen einzugeben
  • ...

Diese Informationen obligatorisch zu machen, ist der beste Weg, um eine wirklich verschmutzte Datenbank mit "Dummy", "[email protected]" usw. zu erhalten, da die meisten Leute diese Art von Informationen nicht gerne geben, wenn dies nicht wirklich notwendig ist.

Darüber hinaus ist es ein wirklich schlechtes Design, keine dieser Informationen ändern zu können.

37
Julien N

target = "_ blank" auf Ankern ist eine der häufigsten und die, die ich am meisten hasse. Es gibt jedoch einige Fälle, die meiner Meinung nach sinnvoll sind.

Hier ist eine ziemlich bekannte Liste der Top 10 Fehler im Webdesign: http://www.useit.com/alertbox/9605.html

30
Nacho

Wenn die Funktionalität von Zurück-Taste deaktiviert oder geändert wird, was der Benutzer erwarten würde. Ich sehe dies häufig bei Anwendungen, die benutzerdefinierte Dialoge/Leuchtkästen/Iframes verwenden.

30
jessegavin

Ich muss nach dem "Passwort vergessen?" Suchen. Link, und wenn ich darauf klicke, sende mir mein Passwort im Klartext 1 sobald ich es finde. Unser lieber Jeff Atwood hat es in " Sie speichern Passwörter wahrscheinlich falsch " ziemlich gut behandelt.

1 Zugegeben, dieser Teil ist eher ein Programmierproblem , aber ich halte es auch für ein Usability-Problem.

26
Jared Harley

Kontrollkästchen als Radiobuttons verwenden und umgekehrt.

24
Gelatin

Nirgendwo können Sie Ihr Konto schließen oder es ist wirklich schwierig zu finden, wo Sie Ihr Konto schließen können.

Idealerweise möchten Sie einen Abschnitt "Konto" oder einen ähnlichen Wortlaut und auf dieser Seite neben allen anderen gewünschten Informationen einen klar gekennzeichneten Link oder eine Schaltfläche mit der Aufschrift "Mein Konto schließen". Sie können dem mit einer Seite folgen, auf der Benutzer gefragt werden, warum sie das Unternehmen verlassen, oder sie auffordern, Feedback zu geben. All diese Dinge sollten jedoch im Vergleich zum tatsächlichen Aufruf zum "Schließen meines Kontos" (oder Löschen, Entfernen usw.) zum Handeln freigegeben werden .

22
Rahul
  • Felder mit sehr strenger Validierung. Wenn Sie beispielsweise eine Postleitzahl eingegeben haben und "V5X4O4" funktioniert, "V5X 4O4" jedoch nicht.

  • Symbole ohne Textbezeichnung oder Titel (beim Schweben oder nicht).

  • Wenn ein Titel abgeschnitten wird, sollten Sie beim Hover einen Tooltip mit dem vollständigen Titel sehen können.

  • Wenn wichtige Schaltflächen von Endbenutzern zugunsten von Werbung oder Werbematerial verschleiert werden. Denken Sie an die Paypal-Schaltfläche "Ohne Konto fortfahren".

    • AUDIO, DAS OHNE ERLAUBNIS SPIELT! Lol - Auch keine Stummschalttaste.
21
Motolix

Wenn Ihre Website deaktiviert ist, wird Ihre Website nicht ordnungsgemäß beeinträchtigt.

19
GSto

Die Frage ist etwas zu allgemein und eigentlich eher eine Diskussion.

Ich kann eine Sache beitragen, die ich wiederholt gesehen habe:

Formulare mit der Schaltfläche "Alle löschen".

  • Einige von ihnen entwerfen sogar die Schaltflächen "Senden" und "Alle löschen" gleich, wodurch sie das gleiche Gewicht erhalten.
  • Ganz zu schweigen davon, dass ich Beispiele gesehen habe (ich habe momentan keinen bestimmten Link im Sinn ...), bei denen das "Löschen" links und das "Senden" rechts angezeigt wird, was dazu führt, dass einige Benutzer den ersten drücken Schaltfläche, die dem Cursor am nächsten liegt, wenn Sie das letzte Feld verlassen.

Ich sehe überhaupt keinen Grund für einen "Löschen" -Button, aber wenn Sie absolut darauf bestehen, verwenden Sie einfach einen sehr subtilen Link, der nur eine einfache und offensichtliche Aktion für den Benutzer ermöglicht.

18
Dan Barak

Sie müssen sich registrieren, um einige grundlegende Vorgänge ausführen zu können, für die keine Registrierung erforderlich ist. Oder erlauben Sie eine Registrierungsmethode mit einem Klick.
Der Benutzer sollte das Recht haben zu entscheiden. Am Ende habe ich auf so vielen Websites viele "einmalige" Konten!

Einige Beispiele, bei denen dies nicht erforderlich sein sollte:

  • herunterladen von Dateien (Wie viele "Code" -Websites fordern Sie auf, sich zu registrieren, damit Sie eine Beispieldatei herunterladen können?)
  • suche (ja, einige Foren deaktivieren die Suche nach nicht registrierten Benutzern)
  • zugriff auf einen Artikel (wenn der Zugriff kostenlos ist)
  • ...
17
Julien N

Websites mit schwebenden Statusleisten

Wie Meebo Bar . Diese sind widerlich und bieten selten nützliche Funktionen. Sie nehmen unnötigen Platz ein und lassen ablenkende Luftballons platzen.

16
Gelatin

Seien Sie "kreativ" und verstecken Sie Ihre Suchleiste hinter einem Tab/Link/etc. Wenn Sie eine Suche anbieten, stellen Sie einfach eine Box zur Verfügung, anstatt danach suchen zu müssen!

16
agartzke

Mein größter Ärger mit Haustieren sind Websites, die aus einem oder mehreren Gründen Pluszeichen in E-Mail-Adressen nicht richtig unterstützen. In vielen Fällen validieren Websites eine E-Mail-Adresse nicht mit einem '+' vor dem '@'. Das Schlimmste ist jedoch, wenn eine Site die Adresse akzeptiert, die Daten dann jedoch nicht korrekt entführt und/oder entschlüsselt und entweder versucht, eine E-Mail an eine Adresse mit einem Leerzeichen oder mit den beiden Seiten des '+' zu senden .

Dieser kostenlose Validator in PHP geschrieben folgt angeblich allen RFCs und den dazugehörigen Errata.

15
waymost

Viele Websites verwenden keine unterschiedlichen Farben für besuchte Links .

Jakob Nielsen: Ändern Sie die Farbe der besuchten Links

12
Marc Dong

Web-Apps, die auf einer sicheren HTTPS-Verbindung ausgeführt werden, jedoch Inhalte von einer HTTP-Verbindung laden. Einerseits ist dies völlig in Ordnung, aber für IE Benutzer insbesondere (normalerweise nicht ich)) ist die Sicherheitswarnung für Benutzer umständlich und verwirrend ...

Es ist nicht nur sehr ärgerlich, auf jeder Seite zu verwerfen, sondern der Wortlaut ist auch umständlich, und die Schaltflächenaktionen unterscheiden sich für IE (6 & 7) von IE8 +

Alt IE Dialog:

alt text

Neu IE Dialog:

alt text

Wenn Sie als Benutzer "nur die ganze Seite laden möchten" (z. B. nach der Schaltfläche "Weggehen" suchen), ist dies die Standardeinstellung Yes in IE6 & IE7, aber nicht standardmäßig No in IE8 +.

Hinweis : Ich bin mir als Entwickler voll bewusst, was der Zweck des Dialogfelds ist und warum Microsoft es geändert hat, aber für Endbenutzer verwirrt es sie nur, insbesondere in IE8. Endbenutzer sehen ein Dialogfeld, in dem sie nach "Berechtigung", "Bestätigung" usw. gefragt werden, und erwarten, dass sie auf die Option "OK" oder "Ja" klicken, da sie das Dialogfeld nicht lesen. Man kann argumentieren, dass die Benutzer es lesen sollten, aber es ist nur einfacher, wenn Entwickler sicherstellen, dass sie keine gemischten Inhalte haben, wenn dies überhaupt vermieden werden kann.

12
scunliffe

Nach dem Abmeldelink suchen müssen. Ich melde mich auf einer Seite an und in einigen Fällen muss ich, wenn ich fertig bin, nach der Schaltfläche oder dem Link zum Abmelden suchen.

12
thursdaysgeek

Kürzlich habe ich etwas bemerkt, das ich nie als Usability-Problem angesehen habe:

Bewegen Sie den Mauszeiger, um Aktionen verfügbar zu machen. Wie zum Beispiel auf Twitter.com, wo beim Schweben eines Tweets die Befehle retweet und reply angezeigt werden.

Dies funktioniert auf Touch-basierten Geräten überhaupt nicht. Es gibt keinen Schwebeflug!

Ein weiterer Liebling von mir sind Websites, die keine externen Links in einem neuen Tab öffnen. Schau, ich stöbere in einem Baum. Ich erwarte, dass jede Domain, auf der ich mich befinde, einen Zweig darstellt. Wenn ich damit fertig bin, schließe ich die Registerkarte. Ich möchte auf keinen Fall zehnmal auf "Zurück" klicken, um die Filiale hinaufzufahren.

11
Swizec

Verstecken, was Benutzer wollen, und ihnen stattdessen geben, was SIE wollen, dass sie wollen.

Ein Beispiel ist die Kundenbetreuung. Anstatt eine große, fette Box mit Telefonnummer/E-Mail usw. aufzulisten, zeigen einige Unternehmen ein FAQ) an, um Hilfe zu erhalten, und haben auf dieser Seite keine Kontaktinformationen.

11
googletorp

Websites mit Menüstrukturen, die beim Scrollen auf beiden Seiten des Bildschirms auf und ab "schweben". Ich kann sehen, warum sie es getan haben, aber es ist oft sehr ablenkend und oft nicht so "schick", wie der Designer offensichtlich gehofft hatte.

Ein Beispiel, auf das ich mich beziehe, ist hier zu sehen: http://www.deluxe-menu.com/floatable-menu-sample.html

9
Sk93

QS-Sites, auf denen die akzeptierte Antwort zweimal angezeigt wird.

8
Gelatin

A List Apart hat einen Artikel von Aza Raskin: "Verwenden Sie niemals eine Warnung, wenn Sie" Rückgängig "meinen.

http://www.alistapart.com/articles/neveruseawarning/

Benutzer neigen dazu, "Warn" -Popups zu ignorieren oder abzulehnen, aber es ist viel benutzerfreundlicher, einem Benutzer die Möglichkeit zu bieten, "rückgängig zu machen".

7
mg1075

Captchas

obwohl sie heutzutage sehr beliebt sind, werden sie auch als Zugänglichkeitsproblem angesehen, insbesondere für Personen, die Wörter, die sie nicht kennen, nicht erkennen (oder nicht einmal Sonderzeichen wie ýáěíč auf ihrer Tastatur haben).

ich persönlich verwende eher einfache rationale Fragen, um diese Funktionalität zu erfüllen

Beispiel : Bitte schreiben Sie die nächste ganze Zahl nach Nummer elf

6
user3409

Websites, die viel CPU und Speicher verwenden

Normalerweise sind eine Reihe von Registerkarten mit Programmierfragen/-antworten aus verschiedenen Mailinglisten geöffnet, und auf vielen dieser Websites wird viel Javascript ausgeführt (die Installation von Adblock hat geholfen, aber es gibt immer noch umfangreiche Websites). Mit Chrome kann ich endlich sehen, welche Registerkarten es verursachen.

Die neue verbesserte Google-Bildsuche bringt meine CPU auf Hochtouren und beansprucht mehrere Hundert Megabyte. Viel ressourcenhungrig.

5
neoneye

Auf Ihrer Seite befinden sich statische Elemente, deren Farbe sich ändert, wenn Sie den Mauszeiger darauf setzen, aber nichts tun, wenn Sie darauf klicken. In derselben Liga: Hyperlinks oder Schaltflächen, bei denen der anklickbare Bereich auf den Text beschränkt ist.

4
Tommy Carlier

Umleiten vom Stamm-URI in ein Unterverzeichnis oder eine Unterdomäne (Entfernen/Hinzufügen des WWW nicht).

0
Gelatin