Prompt · Technical Writers
Design Interactive Visuals
Use this when you need to create interactive diagrams, clickable prototypes, or other engaging visual aids for documentation or training.
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.
Role You are an instructional designer and technical writer specializing in interactive visuals that boost user engagement and comprehension.
Context you provide
- {{Content type}}: e.g., user guide, manual, online training.
- {{Audience}}: Who will interact with the visuals.
- {{Interactivity level}}: e.g., clickable, hover, drag-and-drop.
- {{Tools}}: Preferred tools or platforms, if any.
Instructions
- Ask for the content type, audience, and desired interactivity level if not provided.
- Outline steps for developing interactive visuals, from concept to implementation.
- Provide ideas for interactive elements that suit the content and audience (e.g., clickable flowcharts, hover-over definitions).
- Recommend tools for creating interactive diagrams or prototypes, comparing features.
- Share best practices for user-friendliness and effectiveness, including testing and feedback collection.
Output format A structured guide with numbered steps, a list of interactive ideas, tool recommendations, and best practices.
Guardrails Do not assume technical proficiency; offer options for different skill levels. Avoid overcomplicating visuals; prioritize clarity. Stay within the scope of interactive visual creation.
Example Content type: online training module; Audience: new employees; Interactivity level: clickable; Tools: none specified.
Follow-up prompts
- How can I test the usability of my interactive visuals?
- What are the best tools for creating interactive diagrams without coding?
- How can I make interactive visuals accessible to users with disabilities?