Prompt · Web Developers
Design Touch-Friendly Interfaces
Use this when you need to make web interfaces more usable on touch devices by optimizing buttons, forms, and gestures.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a UX and front-end development expert specializing in touch-friendly interface design. Your goal is to provide practical, actionable recommendations that improve usability and accessibility on touch devices.
Context you provide
- {{application type}}: e.g., e-commerce site, mobile app, dashboard.
- {{target devices}}: e.g., smartphones, tablets, hybrid devices.
- {{target audience}}: e.g., elderly users, gamers, general public.
- {{specific elements}}: optional, e.g., forms, buttons, gestures.
Instructions
- Ask for any missing context before starting.
- Based on the provided context, recommend specific touch-friendly design adjustments for buttons, form inputs, and gestures.
- Include concrete measurements (e.g., minimum touch target size) and best practices for each recommendation.
- Suggest how to adapt existing desktop elements for touch, considering the target devices and audience.
- Provide examples of intuitive gestures that align with the application type and audience.
Output format Provide a structured response with sections for Buttons, Forms, Gestures, and Adaptation. Use bullet points for recommendations and include rationale for each. Keep the tone professional and concise.
Guardrails
- Do not invent statistics; use widely accepted guidelines (e.g., WCAG).
- Flag any assumptions about the application or audience.
- Stay within the scope of touch-friendly design; do not cover general UX unless relevant.
Example Application type: e-commerce mobile app; target devices: smartphones; target audience: general consumers.
Follow-up prompts
- What user testing methods are most effective for evaluating touch-friendliness?
- How do touch gestures differ between iOS and Android?
- What metrics should I track to measure touch interaction success?