it-swarm.com.de

Wie wenig ist zu wenig Abstand zwischen dem Schaltflächentext und dem Schaltflächenrand?

jQuery verfügt standardmäßig über eine Auffüllung der Schaltflächen, wie hier dargestellt: jQuery UI - Button Demo.

Ich denke, es sieht gut aus, aber mein Chef sagt mir immer wieder, ich soll die Polsterung töten. Insbesondere sagte er, die Knöpfe sollten 2/3 so groß sein wie jetzt, indem die innere Polsterung entfernt werde. Das würde im Wesentlichen die gesamte Polsterung vollständig töten.

Wie kann ich ihn davon überzeugen, dass dies eine schlechte Idee ist? Nach dem, was ich an der Kunstschule gelernt habe, entsteht ein Problem namens Tangenten, das dem Benutzer ein Gefühl von Unbehagen und Überlastung vermittelt. Liege ich falsch? Ist das wirklich ein subjektives Thema? Soll ich einfach das tun, was mir gesagt wurde, und keine Fragen stellen? Wie gehen Sie bei der Arbeit mit diesen Problemen um?

Ich fand Folgendes inspirierend, entnommen aus 8 Usability-Fehler von Webdesignern , geschrieben von Rob Bowen am 06. September 2011:

Ein weniger wichtiger Usability-Fehler, den Sie häufig im Web sehen, ist das Fehlen ausreichender Polsterung und Ränder in verschiedenen Bereichen des Designs. Ob zwischen gestapelten Elementen, Textblöcken, einer Kombination oder was auch immer, es gibt zahlreiche Bereiche im gesamten Design, in denen wir für diesen häufigen Fehler anfällig werden können. Visueller Komfort ist ein wichtiger Bestandteil dafür, dass die Leser auf Ihrer Website bleiben und die Inhalte, mit denen Sie sie präsentieren, konsumiert werden.

Wenn sich eines Ihrer Designs eng oder zu eng anfühlt, kann Ihr Verständnis des Box-Modells ein wenig Arbeit erfordern. Wenn es richtig verwendet wird, wird Ihr Abstand garantiert in keiner Weise Ihren Inhalt beeinträchtigen. Sobald Ihr Inhalt auf diese Weise kompromittiert wird, wurden sowohl das Design als auch der Inhalt vollständig beeinträchtigt. Je beengter sich das Design anfühlt, desto weniger geplant und absolut professionell wirkt es. Und das ist niemals ein Eindruck, den wir durch unsere Arbeit machen wollen. Wir müssen also sicher sein, dass wir diese kleinen Dinge auch beim Bauen berücksichtigen.

4
jedmao

Was ist seine Begründung dafür, dass er die Knöpfe kleiner machen möchte?

Je nachdem, was Sie erstellen und wer das Publikum ist, ist es nicht immer besser, Schaltflächen größer zu machen. Hier ist ein Artikel über den abnehmenden Usability-Vorteil, wenn Schaltflächen größer gemacht werden. http://sixrevisions.com/usabilityaccessibility/improving-usability-with-fitts-law/

Unten habe ich ein kleines Modell gemacht. Die Schaltflächen in der ersten Zeile haben die Standardgröße für jquery-Schaltflächen, aber ich würde argumentieren, dass sie gegenüber den Schaltflächen in der zweiten Zeile keine wesentliche Verbesserung der Benutzerfreundlichkeit bieten.

Die dritte Zeile sieht auch nicht so schlecht aus, solange Sie zwischen den Schaltflächen einige zusätzliche Pixel hinzufügen. In Wirklichkeit sind selbst die dünnsten Schaltflächen dicker als die meisten Hyperlinks, und die Leute haben kein Problem damit, auf Hyperlinks zu klicken.

Tut mir leid, ich helfe Ihnen nicht dabei, Ihren Fall hier zu vertreten, aber wenn Sie seine Argumentation anerkennen, sie kleiner machen zu wollen, können Sie sich vielleicht auf halbem Weg treffen? :) :)

enter image description here

4
Jung Lee

Das einfache Argument:

Unsere Kunden werden zunehmend über mobile Touch-Geräte auf unsere Website zugreifen, für die eine Vielzahl von veröffentlichten "Zielbereichen" erforderlich sind, für die eine Schaltfläche mit minimaler Größe erforderlich ist. Einfachere Berührungsziele = weniger frustrierte Benutzer = $$$!

Das Gleiche gilt auch für den Desktop/die Maus, aber das Herauswerfen von "Mobile" und "Touch" sind trendige Geschäftswörter, die Ihrer Sache helfen können.

1
DA01