Opens in a new tab
Skip to main content
Lesson 07 of 10

Make the Workflow Clear for the Person Using It

Review labels, keyboard use, errors and the next step.

About 11 minutesNo coding experience neededExplore in your browser

Look around. Try a small click.

This lesson works as a written guide with interactive examples. You can explore here before opening the real application or provider dashboard. A recorded video has not been added yet.

Read the short lesson

What will make more sense

  • Describe the user’s path, clear feedback and accessible controls as part of the feature.
  • Recognize the choice in a prepared business example.
  • Explain a small next step before asking an assistant to act.

One idea to keep

Describe the user’s path, clear feedback and accessible controls as part of the feature.

The short lesson

Read the explanation at your pace

A feature is useful only when its intended user can understand and operate it. Begin with the staff member's task: choose the enquiry category, read the suggested questions and understand what to do next. That is the user journey. It gives you a practical review path instead of a vague impression that the interface should feel modern. A simple, clear journey is often more valuable than extra visual effects.

Controls need useful labels. Choose a repair category tells the person what the selector does. Show questions describes a button action. The result should explain which category was selected and whether anything was submitted. Clear labels help many people, including those using assistive technology or working quickly during a busy day. You can request native controls and meaningful structure without deciding how to implement every detail yourself.

Think about the starting state too. What does someone see before making a selection? A short instruction is better than an empty panel that looks broken. If a choice is missing, the tool should explain what is needed. If a real connected service fails, the message should describe the problem honestly and provide an appropriate next step. The local planner does not contact such a service, so its feedback states that boundary.

Try the task using a keyboard, not just a mouse. You should be able to reach the choices and see which control has focus. Check that text remains readable when the page is zoomed or the window is narrow. These are helpful first reviews, not a complete accessibility certification. A real public or business-critical product needs evaluation appropriate to its audience and scope, including issues that a few quick checks may miss.

Ask the agent to investigate specific observations. For example: after choosing a category, the result is far below the visible area and I did not notice it. That is a more useful request than improve the experience. The assistant can propose a change and explain how it helps the journey. Then repeat the same task to see whether the problem actually improved, rather than judging only the new screenshot.

The activity asks you to choose feedback that tells the user what happened and what remains to do. Optional practice is moving through the prepared planner with Tab and reading its initial instruction. You are learning to direct a usable workflow by describing the person's actions and needs. That understanding remains valuable whether the tool is implemented as a website, a local helper or a connected business application.

Try it here

Try it here · no installation needed

Choose useful feedback

A staff member selects Appliance Repair in the local planner.

This is a local learning example with prepared responses. It does not run VS Code or contact an AI service.

STEP 1Confirm the selected category
STEP 2Show the relevant question list
STEP 3Explain that nothing was sent or stored

Which message helps the user understand the result?

A tiny next step, if you want one

Optional: try 2 small actions at your own pace

You can finish this lesson by exploring the example above. These real-app actions are optional, and there is nothing to submit.

  1. Optional: use Tab to move through the planner’s category controls.
  2. Optional: zoom the browser and read the instruction and result again.

A quick confidence check

These checkmarks are a personal reminder. Choose what feels familiar, and come back whenever you want.

Your place is saved in this browser when storage is available. There is no grading or account sync.

Try a short question

Choose an answer to see why it fits. You can try again or explore every explanation.

What should happen before a category is selected?

Do a few keyboard checks certify the entire product?

If something looks different

My app or provider uses different labels.

Use the linked official guidance for your current product. The lesson teaches the decision rather than requiring a particular screen.

I only want to learn the idea today.

Use the browser activity and confidence questions. The real-app actions are optional, with nothing to submit.

Sources and further help

Read the official product guidance and related learning resources when you need them. You do not need to read every reference now.