Hi I am looking for alternatives for this process diagram. You should be able to click on each of the sections (interactive), which results in the box opening up with further explanation
You seem to have two objectives for the UI:
- Firstly, communicate how the information is connected in the 'flow diagram'
- Allow the user to read more information on each step
The above solution from Danielillo works well, though I am not a fan of having to open/close overlays before navigating to each new piece of content.
I think the key is providing context for the user.
Solution: Have two states - overview and detail, and allow the user to navigate through content at each state.
- First state: User can navigate around different steps of the 'flow diagram'
- Second state: (Upon clicking a step), the user can then read the detail, and continue navigating steps at this detail level