Following the basic Sitemap, I layout the major sections and their subsections in a combination of top and side bars. Every project would have a fixed set of sections where different tasks are performed.

slide 291.png


Followed z-pattern to guide users attention to information in a more natural sequence.

Followed z-pattern to guide users attention to information in a more natural sequence.


search_att.gif

schema.gif

Other navigation considerations

Always have a way back

Make use Help Screens when unexpected results occur, offer an explanation and a way to navigate to a safer place.

404.png

Hint - Help Screens.png

Desktop-first application

If the screen becomes too narrow to show both panels then instruct the user to widen the window.

Frame width is less than 760px.png

Display panels when you need them…

Make use of panels when editing and configuring the content. toggle panels on and off ⌘;

Default.png

…and hide them when you don’t.

Clear panels when you don’t need them, let the content take the center stage. Toggle panels on and off ⌘;

No Panels.png

1. Users:

<aside> <img src="attachment:43bde4e8-4996-42bc-a7e9-e80bd402615c:Screenshot_2025-01-16_at_1.22.54_PM.png" alt="attachment:43bde4e8-4996-42bc-a7e9-e80bd402615c:Screenshot_2025-01-16_at_1.22.54_PM.png" width="40px" />

“Platform” Engineer (admin)

Full account permissions

Key Focus:

<aside> <img src="attachment:b5543f39-d57e-462f-86b2-c77d492d3f0a:Screenshot_2025-01-16_at_1.21.36_PM.png" alt="attachment:b5543f39-d57e-462f-86b2-c77d492d3f0a:Screenshot_2025-01-16_at_1.21.36_PM.png" width="40px" />

Viewer (user)

Limited account permissions

Key Focus:

3. Project-based documentation

Handling resources