Design and development especially on mobile a challenge

[arzina221]

With a tree test you test a menu structure that is composed on the basis of card sorting. You do this online with the user. You ask them a specific question to which they have to find the answer via the 'tree' (the menu or navigation structure). For example: 'Book a meeting room at location Den Bosch'. This makes it clear which navigation paths users find logical. And therefore whether you really made the right choices in your preliminary work

Interaction design (IDE)
A tree test provides a clear guideline for the development of the interaction design. For the intranet of Nidos, we also used the results of the focus groups to create the interaction design. In interaction design, concept, functionalities, navigation, interaction and information architecture come together. Such wireframes function as a concept or discussion document where changes can be implemented quickly and easily. The chance of delays and high costs for implementing changes during development is therefore considerably smaller. As soon as the interaction design is final, the (graphic) design process starts.

One of the main challenges was the (interaction) namibia phone data design and development of a robust solution for navigation for mobile, tablet and desktop. The intranet of Stichting Nidos consists of different sections with multiple levels of information. Logically, we mainly experienced problems for mobile. Because where do you put main navigation, meta navigation, a search option and an entrance to the employee's profile, without the entire screen being filled up?

Off-canvas there is plenty of space
Most responsive websites often rank page elements in mobile state by priority below each other. At the top of the page there is space for navigation, the logo and possibly a search function . You can see that nicely below.

Mostly fluid Nidos responsive intranet

For the intranet of Stichting Nidos, a different approach is needed. Because when we place all navigation elements in sight, that is at the expense of the most important content per page. An off-canvas layout offers a solution here. This type of layout uses the space outside the initial viewport of the browser to hide page elements until the user takes action to show them. Or when a larger screen has enough space to include these elements permanently in the layout.