Ich entwerfe eine iPhone-App, die einen ziemlich großen Satz abgerundeter Rect-Tasten auf dem Bildschirm enthält. Was ist Ihrer Meinung nach angesichts der fingerbasierten Touchscreen-Benutzeroberfläche die kleinste sinnvolle Tastengröße? Ich muss so viele wie möglich in das Ansichtsfenster einfügen, ohne die Benutzerfreundlichkeit zu stark zu beeinträchtigen. Vielleicht gibt es eine von Apple empfohlene Mindestgröße? Im Moment ist es 33x33 und es sah auf einem Simulator in Ordnung aus, aber ich habe letzte Nacht mit der App auf einem echten Telefon gespielt, und es war umständlich - die Tasten fühlten sich zu klein an.
iphone
user-interface
usability
uibutton
Seva Alekseyev
quelle
quelle
Antworten:
Apple sagt, dass der durchschnittliche Fingertipp 44x44 (von WWDC) ist. Es wird empfohlen, dass alle Tabellenzeilen mindestens diese Höhe haben. Es ist üblich, dass Symbole 32 x 32 angezeigt werden, aber eine Auffüllung haben, um den berührbaren Bereich 44 x 44 zu machen. Natürlich können Leute auf 1x1 tippen, wenn sie sehr vorsichtig sind, aber warum sollten die Leute sich mehr anstrengen, als sie brauchen, um Ihre App zu nutzen?
quelle
Neuere wissenschaftliche Forschungen haben ergeben, dass:
Zitiert aus einer Zielgrößenstudie für die einhändige Verwendung von Daumen auf kleinen Touchscreen-Geräten (Parhi, Karlson & Bederson 2006). Andere Quellen stimmen dieser "Regel nahe 0,4 Zoll" zu (z. B. Entwerfen gestischer Schnittstellen (Saffer 2008, S. 42)).
Angesichts der Pixeldichte des iPhones von 163 PPI (6,417 Pixel / mm) sollten Sie für jedes Ziel vorzugsweise eine Diagonale von nicht weniger als 59 Pixel wählen .
(Bitte beachten Sie, dass dies nur für die Verwendung mit einem Daumen überprüft wird .)
quelle
Apple ist diesbezüglich nicht konsequent und es gibt keine strengen Regeln.
Sie empfehlen, in den UI-Richtlinien Ziele in Fingerspitzengröße anzugeben und anschließend zu sagen, dass die Taschenrechner-Schaltflächen 44 x 44 sind.
In diesem Dokument heißt es auch, dass Bilder für Symbolleisten- und Navigationssymbole 20 x 20 und für Registerkartensymbole 30 x 30 sein sollten.
Ich denke, Sie müssen einfach Ihre Anwendung testen und sicherstellen, dass es einfach ist, die Tasten zu drücken - selbst wenn Sie ziemlich große Hände haben ...
-t
quelle
Ich hätte schwören können, dass das Minimum 37 Pixel betrug, aber ich finde heute 44. In jedem Fall scheint 33 klein zu sein.
(Beachten Sie, dass Bilder kleiner sein können, da sie häufig Teil eines größeren rechteckigen Bereichs sind.)
(Wenn andere Pixel größer sind, kommen Sie möglicherweise mit weniger Pixeln auf anderen Geräten davon.)
quelle
In der Praxis war es uns beim Erstellen einer benutzerdefinierten webbasierten Geräte-Benutzeroberfläche auf frühen Touchscreens wichtig, für einen unserer Betatester zu entwerfen, der als "meine fetten Finger" bezeichnet wird. Und er hatte Recht: Es ist einfach, elegante, feine Steuerelemente zu entwerfen, die für eine erhebliche Anzahl von Benutzern fehleranfällig oder unbrauchbar sind. In diesem Projekt war die genaue Größe anwendungsabhängig, aber dieser Tester stellte fest, dass 40 x 40 verwendbar sind (doppelt so groß wie bei HD- / Retina-Displays), und alles andere erhöhte die Anzahl der Fehler und Irrtümer (und die Frustration). und als Bonus empfanden Menschen mit schlanken Fingern das Gefühl, sie könnten sich schneller bewegen und mussten nicht so präzise sein, wodurch sich das Ganze glatter anfühlte, weniger subjektive Reibung, mehr Raum zum Atmen. Der Trick besteht darin, Steuerelemente dieser Größe nicht klobig oder anmaßend erscheinen zu lassen. eine Lösung ist oben erwähnt,
quelle
Laut HIG sollte es mindestens 44pt x 44pt sein:
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
quelle