Complete AI Training

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.

All 19 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. 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

  1. Ask for any missing context before starting.
  2. Based on the provided context, recommend specific touch-friendly design adjustments for buttons, form inputs, and gestures.
  3. Include concrete measurements (e.g., minimum touch target size) and best practices for each recommendation.
  4. Suggest how to adapt existing desktop elements for touch, considering the target devices and audience.
  5. 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?