it-swarm.com.de

Was ist die optimale Tastengröße für Touchscreen-Anwendungen?

Es gab einen nicht ganz so aktuellen Blog-Beitrag über die ideale Tastengröße für Touchscreen-Steuerungsgrößen (leider gibt es keinen Link, die Website ist jetzt eine Spam-Falle), der auf dem Studie aus dem MIT touch lab, das einige Maße für die Größe und Empfindlichkeit des Fingers angibt.

Wie der Autor des Blogs betonte, ist diese ideale Kontaktgröße viel größer als die empfohlene Größe für Windows- und Apple-Geräte, die in den Designhandbüchern enthalten ist. Ich frage mich, warum es einen solchen Unterschied gibt und ob es sinnvoller ist, die Größe der Steuerelemente in Touchscreen-Anwendungen zu erhöhen, oder ob dies überhaupt kein Usability-Problem ist.

Es scheint auch, dass viele mobile Websites und Apps diese Prinzipien völlig ignorieren. Ich bin mir sicher, dass die Bildschirmgröße die Größe der Steuerelemente auf der Benutzeroberfläche einschränkt. Ist dies also einfach ein Kompromiss zwischen der Möglichkeit, möglichst viele Informationen einzutragen, und der einfachen Interaktion mit dem Steuerelement? Es fühlt sich an, als ob der Stift nicht viel benutzt wird.

Eine ähnliche Frage wurde bezüglich der minimalen/kleinsten Größe aufgeworfen, mit der Sie durchkommen können, aber ich würde dies als eine andere Frage betrachten als die optimale Größe, da die kleinste Größe die Mindestanforderungen an die Benutzerfreundlichkeit erfüllt, während die optimale Größe erfüllt die besten Usability-Anforderungen.

Archivierter Link des Blogs (ursprüngliche Domain zeigt Spam) https://web.archive.org/web/20140116222719/http://designbrother.com/2013/04/29/touch-screen-design-the -ideal-button-size /

Und hier ist ein weiterer Verweis darauf (nur um zu zeigen, dass es nicht das Problem mit dem Link ist, sondern mit der Website ( http://www.linkedin.com/groups/Touch-screen-design-ideal-button-)) 2566185.S.238425414 )

UPDATE # 1 : Eine weitere neue Referenz mit einer sehr genauen Zahl von mindestens 44 x 44 Punkten , nicht sicher, wie es genau abgeleitet ist, aber interessant ( http://babich.biz/pagination-best-practices/ ). Lesen Sie Abschnitt 2. Stellen Sie große anklickbare Elemente bereit.

UPDATE # 2 : eine weitere Referenz, diesmal von Microsoft unter Angabe der Touch-Zielgröße auf 9 mm im Quadrat oder größer (48 x 48 Pixel) eine 135 PPI Anzeige auf einem 1,0-fachen Skalierungsplateau). Sie empfehlen außerdem, keine Berührungsziele mit einem Quadrat von weniger als 7 mm zu verwenden.

UPDATE # 3: etwas aus den Apple Developer Guidelines , auf das ich kürzlich verwiesen habe, unter Berufung auf 44 x 44 Punkte.

UPDATE # 4: NN/g hat einen Artikel über Touch Targets auf Touchscreens veröffentlicht und die Informationen/Schlussfolgerungen bleiben unverändert.

UPDATE # 5 Eine wirklich nette Zusammenfassung über die Notwendigkeit, die anklickbare Bereichsgröße der gängigen UI-Elemente zu verbessern, unter Berufung auf die WCAG 2.1-Richtlinie dass die "Mindestzielgröße für Berührung oder Maus 44 × 44 Pixel betragen sollte" (2.5.5 - Zielgröße - Stufe AAA).

(enter image description here

59
Michael Lai

Ja, Größe kann ein Problem sein. Berührungsziele müssen größer sein als typische Desktop-Ziele, da die Fingergenauigkeit schlechter ist als die Zeiger- und Mausgenauigkeit. Mit dieser schlechtesten Präzision ist die Wahrscheinlichkeit, verpasste Taps auszuführen, größer (z. B. wenn Sie keinen Knopf berühren oder den falschen berühren).

In der Regel verwenden Touch-Studien als Hauptstudienvariable die Fehlerrate. Die Vorschläge beziehen sich nicht auf perfekte fehleranfällige Berührungsziele, sondern darauf, die Anzahl der Fehler auf ein praktisches Niveau zu minimieren und gleichzeitig andere wichtige Variablen wie die Dichte der Bildschirminformationen auszugleichen.

Target size influences error rate (from Microsoft)

Bei herkömmlichen Touch-Interfaces wie Kiosken sind die Ziele normalerweise viel größer als bei Mobiltelefonen, da der Designer dies aufgrund der Größe des Bildschirms tun kann. Bei Mobiltelefonen müssen einige Kompromisse eingegangen werden. Dies ist der Grund, da sich einige Zielgrößen zwischen Styleguides und früheren Studien unterscheiden.

Eine Messung in Pixel ist für die Gestaltung von Touch-Interfaces nicht sinnvoll. Sie müssen die Größe des menschlichen Fingers in Bezug auf die Bildschirmpixeldichte berücksichtigen. Sie müssen die Pixeldichte der Geräte kennen, für die Sie entwerfen, und die metrischen Einheiten in Pixel konvertieren.

Die optimale Touch-Zielgröße ohne Berücksichtigung einer anderen Variablen wäre die theoretische unendliche Größe. In Styleguides wird jedoch normalerweise empfohlen, allgemeine Zielgrößen von 9 mm (0,5% verpasste Taps) und 7 mm (1% verpasste Taps) zu verwenden. Als minimum.

Luke Wroblewski hat eine gute Zusammenstellung von Styleguide-Empfehlungen , und ich würde Ihnen empfehlen, sich Microsoft-Empfehlungen (basierend auf Benutzertestsitzungen) anzuschauen. Das Diagramm für verpasste Taps stammt aus ihren Studien.

47
PaRaP

Die Richtlinien für die verschiedenen Plattformen basieren alle auf der Idee, dass Mindestgröße 9-12 mm sein sollte. Die Abweichung zwischen den Richtlinien ist hauptsächlich auf unterschiedliche Pixeldichten auf den Geräten und damit auf die unterschiedliche Anzahl von Pixeln zurückzuführen, die zum Erreichen der 9-12-mm-Zahl erforderlich sind.

Beachten Sie, dass dies keine ideale Dimension ist, um die Verwendung der Schaltfläche zu vereinfachen, aber was Sie niemals untergehen sollten. In der Praxis wird jedoch aus Platzgründen häufig die verwendete Standardgröße verwendet.

Was die 'ideale Größe' wirklich ist hängt von der Anwendung ab. Ich habe an einer mobilen Anwendung gearbeitet, bei der drei Schaltflächen in einer unten ausgerichteten Aktionsleiste sehr oft verwendet werden mussten. Durch Erhöhen der Größe der Schaltflächen um etwa 20% konnten wir eine messbare Verbesserung der Benutzeroberfläche feststellen. Dies war für diese Anwendung wichtig genug, dass wir bereit waren, etwas Platz für die größeren Tasten aufzugeben. In anderen Anwendungen ist dies möglicherweise kein guter Kompromiss.

19
JohnGB

Ich denke, genauso wichtig ist das Auffüllen zwischen den Schaltflächen und der Position der Schaltfläche auf dem Bildschirm. Einige befürworten, dass es aufgrund von Telefonhüllen schwierig ist, Tasten am Rand des Bildschirms zu berühren.

Aufgrund der großen Größe von Smartphones, die derzeit auf dem Markt sind, ist die Einhandbedienung wahrscheinlich auf dem Weg nach unten, aber es kann dennoch sinnvoll sein, die Reichweite eines Daumens zu berücksichtigen, und an seinen Grenzen oder Bewegungen ist sie weniger genau. Dieses Bild aus einem Artikel über die Verwendung mobiler Geräte veranschaulicht es recht gut.enter image description here

Schließlich ist, wie bereits erwähnt, der Anwendungsfall gleichermaßen wichtig, wenn nicht sogar noch wichtiger. Wenn die App für Snowboarder gedacht ist, sollten Sie sie mit Skihandschuhen verwenden (zumindest mit leitfähigen Handschuhen für Touch-Geräte). Wenn die App für kleine Kinder gedacht ist, die noch motorische Fähigkeiten entwickeln, sind größere Touch-Zonen und Polsterung ratsam.

8
Thurstan

Ich habe jetzt mit Leuten gekämpft, die diese Erkenntnis in mehreren Projekten zitierten. Die Diskrepanz, imho, besteht aufgrund der Fähigkeit des Forschers, in einer kontrollierten Umgebung zu existieren.

Wenn Sie komplexe Seiten bearbeiten müssen, können Sie nicht jede tippbare Aktion so groß wie den Daumenabdruck eines großen Mannes machen. Wenn Sie dies tun, würden Sie eine überfüllte Benutzeroberfläche haben. Menschen sind mit ihren Touch-Geräten geschickter, als wir ihnen manchmal zuschreiben.

Bei kritischen Aktionen habe ich festgestellt, dass alles mit einem Quadrat von 9 bis 12 mm (oder breiter) zuverlässig funktioniert. Bei sekundären und tertiären Aktionen wie kleinen Symbolen oder Textlinks stelle ich nur sicher, dass keine vorhanden sind weniger als 6 mm im Quadrat.

Fazit: Mit etwas anderem als Ihren "kritischen Pfaden" haben Sie ein wenig Spielraum. Die Leute sind heutzutage nicht ganz willkürlich mit ihren Geräten, sie sind sich der Kosten des faulen Klopfens bewusst. Wenn sie mit einer Ihrer weniger wichtigen Aktionen interagieren möchten, werden sie mit ihren Fingern etwas vorsichtiger sein;)

6
plainclothes

PaRaP kurz berührt zu einem wirklich wichtigen Punkt

"In herkömmlichen Touch-Interfaces wie [Kiosken] sind Ziele normalerweise viel größer als in Mobiltelefonen."

Es wird keine einzige optimale Größe in px oder mm geben, da dies davon abhängt, wie der Benutzer mit der Benutzeroberfläche interagiert.

Wenn sie gerne still sitzen, z. B. eine Newsreader-App, können Sie es sich leisten, die Schaltflächen kleiner zu machen.

Wenn sie wahrscheinlich in Bewegung sind, z. B. eine Workout-Timer-Uhr, sollten die Tasten massiv sein.

Ich mag den Ansatz, Daten über% der Fehler im Vergleich zur Größe zu sammeln, obwohl Sie je nach Szenario eine andere Ergebnismenge erhalten. Ich denke auch, dass Zeit zum Drücken wichtig wäre. Ich kann den Knopf nicht verpassen, aber es kann unangemessen lange dauern, bis ich meine Körperbewegung gestoppt habe, um den Knopf zu drücken.

1
andrewb