Design Mobile Keyboard Experiences
Mobile · keyboard, mobile
Updated 2026-07-28
- The keyboard changes the entire screen.
- Optimize fields based on input:
- Email → email keyboard.
- Number → numeric keyboard.
- Search → search action.
- URL → URL keyboard.
- Avoid hiding important context:
- Keep labels visible.
- Keep errors accessible.
- Move users forward:
- Next button between fields.
- Correct focus behavior.
- The keyboard should help users complete the task faster.
Related guides
UX Handbook