Design Tips / 3 Facts why Text Buttons Hurt Mobile Usability
Resource slide 1
Resource slide 2
Resource slide 3
Resource slide 4
Resource slide 5
3 Facts why Text Buttons Hurt Mobile Usability
by uxgene
Here 3 little facts about usability of Text button in Mobile interfaces ☝️They are harder to tap - The small size of text buttons forces users to move their finger with precision to hit the target. Solid buttons don’t present this problem because they have a larger target and straighter edges 👀 Harder to read - To combat the tapping problem of text buttons, some designers style their text buttons in all uppercase. Google’s Material Design system promotes this button style, but it has its flaws. All caps does give the text button straighter edges and a larger target. But this isn’t much better because the target is only slightly larger and the text style reduces readability. All caps text buttons are harder to read, especially for dyslexic users. Users rely on the shape of letters to identify words. Uppercase letters don’t have contrasting ascenders and descenders, making words harder to read at a glance 👓 Harder to recognize — The differentiator of text buttons is color, this makes them harder to recognize, especially for color-blind users. Without a distinct shape, users are more likely to overlook text buttons and miss the call to action But they definitely have their place in Mobile UI. Stay with me for upcoming post about Text button usage use cases. Hope that was helpful! Credit to Anthony from uxmovement.com