Interaction Designer

Interaction Designer performs the procedures shown here; this page collects 22 real tasks for practice. Expect plain checklists and signals that indicate when to escalate. Each one shows where we found it, and comes with an AI prompt you can copy and use straight away.

22evidenced tasks
22ready prompts
11tools of the trade
15-1255.00O*NET-SOC code
113,330hold this job (US, BLS 2025)
$104,000median pay/yr (US)
Open Interaction Designer in the interactive atlas →

What it pays

Government survey numbers — not estimates, not ads.

Half of all Web and Digital Interface Designers in the U.S. earn more than $104,000 a year — the middle 80% land between $53,750 and $201,550. About 113,330 people in the U.S. do this work. Figures are for the U.S. occupation group “Web and Digital Interface Designers”. (U.S. Bureau of Labor Statistics survey, published 2025.) In India, Professionals earn about ₹38,298 a month on average — around ₹4.6 lakh a year (government PLFS survey via ILOSTAT, occupation-family figure).
$104,000typical pay / year
113,330people in this work
$201,550+top 10% earn
₹4.6 lakha year in India (family avg)
Think you get this job?Six quick questions on how it really works — with a hint and the reason behind every answer.
Test yourself →

The work, task by task

These are the real jobs-to-be-done, not a wish list. Each task shows where we found it, and the prompt underneath is written for that exact task.

Keeping the record3

Design layout and visual elements

+
Create three responsive page templates and a component library for the dashboard with spacing rules, type…
Create three responsive page templates and a component library for the dashboard with spacing rules, type scale and interaction states, then hand the assets and a dev-ready spec to Aaron and the frontend team by Friday.
The tools that do the workAdobe IllustratorESCOjob descriptionsWikipedia

Maintain and update website content

+
Update the content inventory, fix the broken layouts flagged by QA, replace outdated imagery, and publish the…
Update the content inventory, fix the broken layouts flagged by QA, replace outdated imagery, and publish the revised pages with version notes so content owners Claire and DevOps know what changed by end of day Tuesday.
The tools that do the workAdobe InDesignjob descriptionsO*NETWikipedia

Optimize website graphics for performance

+
Reduce the hero image and icon asset weight across the marketing site to hit a 2.5 second homepage load on…
Reduce the hero image and icon asset weight across the marketing site to hit a 2.5 second homepage load on mobile; export optimized vector and raster variants, produce responsive size rules, and prod engineering to deploy by Wednesday.
The tools that do the workAdobe IllustratorAdobe Photoshopjob descriptionsWikipedia
Protecting1

Troubleshoot website issues

+
Diagnose the intermittent rendering bug reported on the product gallery: gather console logs, compare the…
Diagnose the intermittent rendering bug reported on the product gallery: gather console logs, compare the latest asset builds, roll back the last visual change if needed, and brief Sami with steps to reproduce and a hotfix plan within 24 hours.
The tools that do the workAJAXESCOjob descriptionsO*NET
Convincing1

Align the client's web presence with its business strategy

+
Align our public website content, navigation and homepage messaging to match the Q3 product launch targets…
Align our public website content, navigation and homepage messaging to match the Q3 product launch targets and B2B sales goals; map pages to the five priority customer journeys, list required content changes, and schedule a stakeholder review with Priya on Friday.
The tools that do the workAmazon Web Services AWSESCOjob descriptionsO*NET
Learning1

Conduct user research to inform design decisions

+
Run a mixed-methods research week: recruit eight current customers and four prospects, schedule 45-minute…
Run a mixed-methods research week: recruit eight current customers and four prospects, schedule 45-minute remote sessions, test the new checkout prototype, collect task success, pain notes and three verbatim quotes, and deliver a prioritized findings deck to the product team next Tuesday.
The tools that do the workAdobe Creative CloudO*NETWikipedia
The daily work16

Stay updated with web design trends and technologies

+
Review the latest seven web design articles, three component libraries, and two browser release notes, then…
Review the latest seven web design articles, three component libraries, and two browser release notes, then summarise actionable changes for our design system and list two spikes to validate before Friday.
The tools that do the workAmazon Web Services AWSO*NETWikipedia

Integrate multimedia elements into websites

+
Embed responsive video, animated SVGs, and a lazy‑loaded audio clip into the marketing page prototype, ensure…
Embed responsive video, animated SVGs, and a lazy‑loaded audio clip into the marketing page prototype, ensure captions and ARIA roles are present, and deliver a working build for usability testing on Tuesday.
The tools that do the workAJAXjob descriptionsWikipedia

Create searchable indices for Web page content.

+
Index all product and help pages, extract headings and metadata, wire up full‑text search with faceted…
Index all product and help pages, extract headings and metadata, wire up full‑text search with faceted filters, and produce a deployable search index plus query examples for the developers by Wednesday.
The tools that do the workAmazon RedshiftO*NET

Create Web models or prototypes that include physical, interface, logical, or data models.

+
Build an interactive prototype that shows physical layout, screen flows, data models, and API call examples…
Build an interactive prototype that shows physical layout, screen flows, data models, and API call examples for the checkout journey, then run a 20‑minute walkthrough with product and engineering on Thursday.
The tools that do the workAmazon Elastic Compute Cloud EC2O*NET

Develop system interaction or sequence diagrams.

+
Draft system interaction and sequence diagrams for login, password reset, and session expiry, annotate each…
Draft system interaction and sequence diagrams for login, password reset, and session expiry, annotate each with timing and failure cases, and send the diagrams to engineering and security for review by Friday noon.
The tools that do the workAmazon Web Services AWS CloudFormationO*NET

Perform Web site tests according to planned schedules, or after any Web site or product revision.

+
Run the scripted regression tests across desktop and mobile after the content refresh, capture issues with…
Run the scripted regression tests across desktop and mobile after the content refresh, capture issues with screenshots and repro steps, prioritise defects for a patch release, and share the report with QA and product by end of day Monday.
The tools that do the workAmazon DynamoDBO*NET

Direct and execute pre-production activities, such as creating moodboards or storyboards and establishing a project timeline.

+
Plan and produce the pre-production pack for the new onboarding flow: assemble moodboards for mobile and…
Plan and produce the pre-production pack for the new onboarding flow: assemble moodboards for mobile and desktop, draft a three-act storyboard covering first‑time use, and deliver a week-by-week project timeline that flags design reviews with Priya and the engineering spike on Tuesday.
The tools that do the workAdobe PhotoshopAdobe InDesignO*NET

Document technical factors such as server load, bandwidth, database performance, and browser and device types.

+
Collect and log the technical metrics for the prototype sprint: capture peak and average server load,…
Collect and log the technical metrics for the prototype sprint: capture peak and average server load, bandwidth per user, database query times, and the browser and device breakdown for last week’s beta, then summarise risks for the engineers and product manager.
The tools that do the workAmazon Elastic Compute Cloud EC2Amazon RedshiftO*NET

Research, document, rate, or select alternatives for Web architecture or technologies.

+
Run a short architecture options review: list three web architecture alternatives, document pros and cons for…
Run a short architecture options review: list three web architecture alternatives, document pros and cons for scalability, cost, and integration with our content APIs, rate each on a simple risk and effort scale, and recommend one to discuss with Arun on Friday.
The tools that do the workAmazon Web Services AWSO*NET

Respond to user email inquiries, or set up automated systems to send responses.

+
Respond to the inbox backlog of user interface queries: draft standard answers for the five most common…
Respond to the inbox backlog of user interface queries: draft standard answers for the five most common emails, set up an automated acknowledgment for new messages pointing to the help article, and queue personalized replies for the complex tickets for Alice to handle tomorrow morning.
The tools that do the workAJAXO*NET

Select programming languages, design tools, or applications.

+
Create a short decision memo to pick our front-end stack: compare three candidate programming languages and…
Create a short decision memo to pick our front-end stack: compare three candidate programming languages and two design tooling workflows, score them on speed, ecosystem, and familiarity, and recommend the one to approve in the Monday architecture meeting with Dev and QA.
The tools that do the workAmazon Web Services AWS CloudFormationO*NET

Write and edit technical documentation for digital interface products and designs, such as user manuals, testing protocols, and reports.

+
Produce the technical documentation bundle for the prototype: write the user-facing quick start, the testing…
Produce the technical documentation bundle for the prototype: write the user-facing quick start, the testing protocol with pass/fail criteria, and the engineering notes on component APIs, then circulate to Sam for technical review and send the final to QA by Thursday.
The tools that do the workAdobe AcrobatO*NET

Write code for websites using HTML, XML, JavaScript, or SQL

+
Implement the homepage and product pages using semantic markup, responsive layout rules, and client-side…
Implement the homepage and product pages using semantic markup, responsive layout rules, and client-side scripting so forms validate, navigation updates without full reloads, and the site reads correctly in screen readers before Friday code freeze.
The tools that do the workAJAXjob descriptions

Monitor website traffic and performance

+
Run the last 30 days of traffic checks, flag slow pages and error spikes, produce a short list of pages with…
Run the last 30 days of traffic checks, flag slow pages and error spikes, produce a short list of pages with the biggest load and JS errors, and share that with the product manager by Tuesday with suggested quick fixes.
The tools that do the workAmazon Redshiftjob descriptions

Develop web-accessible software based on designs

+
Build the interactive prototype into a deployable web app using the agreed API patterns, implement feature…
Build the interactive prototype into a deployable web app using the agreed API patterns, implement feature toggles, write unit tests for the new flows, and deploy the staging build so QA can start testing on Wednesday.
The tools that do the workAmazon Elastic Compute Cloud EC2ESCO

Look for ways to improve the application

+
Conduct a quick heuristic review of the app, gather three data points from user sessions and error logs,…
Conduct a quick heuristic review of the app, gather three data points from user sessions and error logs, propose two prioritized UX changes with estimated dev effort, and send the recommendations to engineering lead by Friday.
The tools that do the workAJAXESCO

Says who?

These are the pages we read to build this. Open any of them and check us.

The logs, files & records this job keeps

Shared with other careers — the same record means something different in each.

Related careers

Same family of work — each with its own tasks and prompts.

The LLOS Work Atlas is the world's largest evidenced task library — a map of human work, with a ready prompt behind every task. 1,774 careers · every task named by the sources that witnessed it — O*NET, ESCO, real job descriptions, Wikipedia — and the deepest tasks by several at once. And it is honest about limits: where AI cannot help, the map says so.

The rest of the map

Same library, five ways in.

Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.
Built on public evidence: O*NET®, ESCO, Wikipedia, U.S. Bureau of Labor Statistics, ILOSTAT. All sources & licenses