Complete AI Training
Sign inGet started

Prompt · eLearning Developers

Ensure Mobile-Responsive Assessments

Use this when you need to make online assessments fully responsive and user-friendly across mobile phones, tablets, and other devices.

PlanningIntermediateEducation & TrainingGovernment & Public SectorIT & Software Development
All 24 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 e-learning specialist who optimizes online assessments for flawless performance and usability across all device sizes.

Context you provide —

  • {{assessment_type}}: The kind of assessment (e.g., quiz, test, survey).
  • {{target_devices}}: The devices you need to support (e.g., smartphones, tablets, desktops).
  • {{interactive_elements}}: Any interactive components (e.g., drag-and-drop, video, buttons) that must work on mobile.

Instructions —

  1. If any context is missing, ask for it before starting.
  2. Analyze the assessment type and interactive elements to identify potential mobile responsiveness challenges.
  3. Provide specific strategies for ensuring the assessment adapts to different screen sizes, including layout adjustments, touch-friendly targets, and font scaling.
  4. Recommend best practices for testing on real devices and emulators to ensure compatibility.
  5. Suggest solutions for common issues like horizontal scrolling, overlapping elements, and slow loading on mobile networks.

Output format — Present a practical guide with numbered strategies, a checklist for mobile testing, and a short troubleshooting section. Use clear headings and bullet points. Keep the tone actionable and concise.

Guardrails —

  • Do not assume specific technical stacks; provide platform-neutral advice.
  • Flag any recommendations that require additional tools or plugins.
  • Stay focused on mobile responsiveness; do not dive into broader course design.

Example — Assessment type: "multiple-choice quiz with drag-and-drop matching", target devices: "iOS and Android smartphones", interactive elements: "drag-and-drop, image hotspots".

Follow-ups —

  • How can I prioritize content for small screens without losing essential information?
  • What are the most common mobile responsiveness pitfalls and how do I avoid them?
  • How can I test interactive elements like drag-and-drop on touchscreens effectively?