Web Design
Does the Shape of a Button Create the Desire to Click It?
The question 'Does the shape of a button create the desire to click it?' reexamines the essence of affordances in UI design. It explores how a button's roundness, shadow, color, shape, and texture evoke the desire to click. Drawing from Donald Norman's affordance theory, this goes beyond mere visual decoration to examine how design directly shapes human cognition and behavior. The question asks whether web design possesses a psychological and bodily power to guide action — not just appearance — and whether this changes the definition of 'good design' and the scope of a designer's responsibility.
Good design should make affordances obvious so users naturally feel 'I want to click.' Like Norman's door handle example, the shape itself guides action.
The desire to click arises from learned cultural conventions, not inherent power in the shape itself. New shapes work once users learn them.
The lived experience of seeing the button itself generates a bodily 'I want to press' sensation. Beauty and texture act not just visually but as bodily invitation.
Using shape to nudge clicks subtly manipulates user free will and raises ethical concerns. Transparency and freedom of choice should be prioritized.
-
Think of a recent moment when you felt compelled to click a button. What was its shape, color, or shadow like?
-
What do you think is the difference between a button that feels 'pressable' and one that doesn't?
-
If every button were the same rectangle with no shadow, how would your experience of using the web change?
-
Do you think button shape truly creates the desire to click, or is it the result of what we've learned?
-
Have you ever struggled with deciding the shape of a button when you were the one designing?
-
When you've felt 'This button feels hard to press,' what do you think was the cause?
This topic uses the small element of button shape to consider the large influence design has on human behavior. It is a quiet space for dialogue to share 'How does this feel to you?' rather than arriving at a correct answer.
- Affordance
- The property of an object or environment that makes certain actions possible and invites them. Proposed by James Gibson and Donald Norman; in UI design, it refers to how clearly a button communicates 'clickability' through visual cues.
- Clickability
- The degree to which a button visually and psychologically communicates that it can be pressed. Contributed to by shadow, color, shape, and hover effects.
- Visual Feedback
- The immediate visual change that occurs when a button is pressed (color shift, shadow change, animation). It conveys the result of the action instantly, increasing user satisfaction and trust.
- Nudge
- A concept from behavioral economics. Changing how choices are presented to predictably guide people's behavior. Button shape is a classic visual nudge.
- Embodied Cognition
- The view that cognition arises not only in the brain but through interaction between body and environment. Button shape prompts action by making the finger movement feel imaginable.
- Learned Convention
- The view that a button's 'pressable' appearance is culturally learned rather than absolute; users can adapt if the shape changes.
Tell me about a recent experience where you thought 'I want to press this button.' What shape was the button?
If every button were the same rectangle with no shadow or color, how do you think your daily web experience would change?
When the other person says 'The buttons on this site are hard to press,' try imagining together: 'How does this button's shape make your finger want to move?'
- What does button 'pressability' mean for people with disabilities?
- How does a button shape generated by AI differ from one made by humans?
- Where does the difference in children's and adults' reactions to buttons come from?
- The difference between a button you 'want to press' and one you 'should press'
- How does button shape express brand identity?
- The relationship between haptic feedback (vibration) and visual shape