it-swarm.com.de

Empfohlene Schaltflächengrößen auf Webseiten

Was sind die aktuellen Usability-Richtlinien für die Größe von Schaltflächen (oder von anklickbaren Schaltflächen) auf Webseiten?

8
Tony the Pony

es gibt keine "offiziellen" Richtlinien dafür, daher würde ich empfehlen, sich einfach einige berühmte Sehenswürdigkeiten anzusehen. Nehmen wir als Beispiel SO] - ohne: wäre es nicht so beliebt.

  • eine gute, einfach zu bedienende und leicht verständliche Benutzeroberfläche
  • das Hauptmenü besteht nur aus wenigen Punkten, sodass niemand verwirrt wird
  • die Tasten sind groß, so dass sie leicht zu klicken sind, aber nicht zu groß (sie zwingen Sie nicht, Ihre Maus zu weit zu bewegen).
  • die Schriftgröße ist Nizza, etwas größer als der normale Text und mit einem guten Kontrast zum Hintergrund für einfaches Lesen, ohne Ihre Augen zu verletzen
  • die Seite selbst ist hell und hell, der Text ist schwarz auf weiß (wieder ein guter Kontrast, für viele Texte ist dies besser als mit schwarz (meiner Meinung nach))

für weitere Informationen können Sie Google nach ergonomische Benutzeroberfläche fragen und sich this ansehen (es ist nicht spezifisch für Websites/Webapps, aber trotzdem gute Punkte).

4
oezi

Jemand hat eine Frage zur Größe anklickbarer Elemente gestellt und niemand hat das Fitts'sche Gesetz erwähnt?

http://en.wikipedia.org/wiki/Fitts_law

http://particletree.com/features/visualizing-fittss-law/

Abgesehen von allen anderen Überlegungen sagt Fitts 'Gesetz (ungefähr): "Größer ist besser, aber Sie werden mehr Rendite erzielen, wenn Sie von klein zu mittel als von mittel zu groß wechseln."

4
edeverett

So groß wie möglich. Je größer ein anklickbares Element ist, desto einfacher ist es, darauf zu klicken.

Es gibt natürlich andere Faktoren, die damit in Konflikt stehen, wie zum Beispiel, dass Sie Platz für andere Dinge als nur Knöpfe haben möchten ...

3
Guffa

Eine Sache, die Sie berücksichtigen sollten, ist, wenn Sie Ihrer Site Touch-Funktionen hinzufügen möchten. Wenn ja, ist dies ein zu berücksichtigender Faktor. Auf einem Touch-Gerät benötigen Sie mehr Platz zwischen den Tasten und im Idealfall größeren Tasten (oder zumindest größeren Zielbereichen).

2
DA01

Wenn Sie die Windows UX-Richtlinien befolgen möchten, gibt es tatsächlich Richtlinien für die Größe der Schaltfläche. Dies kann auf Webanwendungen repliziert werden. Aber nicht sicher, ob Sie das für Webseiten tun würden. 23px ist das, was Windows UX-Richtlinien sagen

1
Abhijeet

Ich habe gerade einen Demo-Build erhalten, der über eine Checkout-Schaltfläche mit abgerundeten Ecken verfügt, die sich über die gesamte Bildschirmbreite erstreckt. Abgesehen davon, dass es irgendwie bevormundend aussieht, kann ich meine Meinung nicht wirklich mit Daten belegen.

Wie groß ist zu groß für eine Desktop-Schaltfläche?

Hoffentlich kann ich mit dem Entwickler einen Kompromiss erzielen, indem ich die Konsistenz der Schaltflächengröße auf der gesamten Website als Argument verwende. Daumen drücken Ich kann es zu einem Drittel der Größe machen, aber wenn es auf der Schriftrolle fixiert ist, ist es immer in Reichweite.

Es ist schwer, den Premium-Look einer vertrauenswürdigen Marke mit Knöpfen aufrechtzuerhalten, die wie ein "Kinderspiel" aussehen.

0
Paul Giles