Level control feature

[lauracumming]

Context

The level control feature currently sits embedded in the teacher dashboard under class settings.
Not many teachers are finding the feature, and we know from research that it is a valuable feature.
We need to rethink the location of the feature or create signposting to encourage more traffic to flow to it and increase usage.

How to find the feature:

1. https://www.codeforlife.education/teach/dashboard/#school
2. https://www.codeforlife.education/teach/dashboard/#classes
3. Edit class details
4. Additional class details
5. Locate Levels access settings

Objective:

For this task we would like to look at the navigation of the dashboard and understand if it is:
a) in the right place, and
b) look at additional signposting elsewhere on the site.

Tip:
Each class is different and will have different students so settings need to apply to the classes.

Tools:
Use whatever tools you are comfortable with. We use Figma for UX and UI design, but you could use Miro or any other tool that allows you to map out pages and flows.

Suggested approach:

1. Research other sites and see how they do it
2. Use wireframes to map it all out and demonstrate links - https://www.figma.com/design/
3. Test it with users
4. Move to UI design to show how it looks in the site

[lauracumming]

@shardaprisha can you try to comment on the ticket please?

[shardaprisha]

assign me

[lauracumming]

@shardaprisha please add each option here too.

[shardaprisha]

Level Access Control Relocation (1).pdf

[lauracumming]

Thanks @shardaprisha I will discuss with the dev team before we move to testing

[lauracumming]

Comments included: Level.Access.Control.Relocation.1 (1).pdf

[shardaprisha]

Updated wireframes.pdf

[lauracumming]

Thanks @shardaprisha , I will migrate the designs to Lyssna and set up a test for the teachers next

[lauracumming]

Hi @shardaprisha please can you export option 2 as PNGs?

[lauracumming]

Don't worry - exported form PDF

[lauracumming]

Hi @shardaprisha. We need to align the elements in the wireframes so that when they are overlaid they don't jump around.
That way we can build a prototype that operates smoothly. Would you be able to take a look at the wireframes again and make sure elements are in exactly the same position on each artboard?

I will send you a link to view a demo