Sind deine Buttons groß oder klein besser? Worauf musst du achten? Antworten gibt es in der Slideshow.

1. Hat dein
Button die
richtige
Größe?
Agentur für digitale Kommunikation
www.cybay.de
BUTTOBUTTON BUTTON
🤔

2. Dafür ist die Fingergröße
entscheidend
Buttons müssen auf Touchbedienung optimiert
sein. Die Fingerspitze vom Zeigefinger ist ca.
1,6-2cm, die vom Daumen ca. 2,5 cm groß.
1,6-2cm 2,5 cm
ON

3. In CSS-Werte übersetzt ergeben sich Klickflächen
von 45-72px. Dann können Klickflächen leicht
bedient werden.
👇 Schaut in die Kommentare, da ist die Quelle
verlinkt.
45-57 px 72 px

4. Berührungsgenauigkeit
Bei Tests erzielten Größen zwischen
42 und 72 px die besten Ergebnisse. Darüber und
darunter sinken die Werte spürbar.
+ + + ++
20 px 42 px 60 px 72 px 90 px
Agentur für digitale Kommunikation
www.cybay.de

5. Empfehlungen & Standards
• In den Guidelines von Google werden 48px für
quadratische oder runde Buttons empfohlen, in
denen von Apple 44px.
• Schau, welche Konventionen und Standards
deine Plattformen oder Frameworks
mitbringen und nimm diese als Grundlage.
• Achte auch auf genügend Abstand von
Klickflächen zueinander und teste auf
verschiedenen Endgeräten!
Agentur für digitale Kommunikation
www.cybay.de

6. Agentur für digitale Kommunikation
www.cybay.de
💬 Wo hattest du das letzte Mal
ein Problem mit zu kleinen
Klickflächen?
Oder sonst noch Fragen oder Feedback?
Schreibe es in die Kommentare!