iPhone-home3Design in the browser and desktop first
Posted: Mon Jan 06, 2025 6:14 am
Below you can clearly see that there is no room for extensive navigation on a mobile screen. But when the user activates the menu with the menu button at the top right, the menu slides in from the left side of the canvas. With the meta navigation directly below it. The rest of the page elements remain. Only scrolling within the menu is still possible, until the user deactivates the menu with the same button.
iPhone-home1
By the way, we didn't start from this concept right away. In fact, in the interaction design we deleted the meta navigation and the entrance to the employee profile to explicitly create space for the main navigation (you can see that clearly in the image below). But during development we noticed that an off-canvas solution offered enough space to include these elements as well.
During the realization, the design took on a role more as a manual with guidelines and not so much a nailed-down condition that the front-end had to meet. This created room for innovation. So why wouldn't we also make the meta navigation available for mobile? After all, we want to offer a holistic solution.
This requires frontend code that is flexible enough namibia phone data to separate meta navigation and main navigation for desktop and at the same time represent an all-in-one navigation on mobile. And by starting from desktop we forced ourselves to find a solution for this. And if we compare the design for mobile with the result we can say that we succeeded. Below you can see the navigation for both mobile, tablet and desktop.
iphone tablet desktop
Responsive intranet has been realised; now it's time to use it
The new, responsive intranet for Nidos has been built and launched, but we are not there yet. Because people really have to start using it now, (learn to) work with it. Does the content connect well enough to the context in which the youth protection workers operate? Do employees see that this new intranet can really help them in their daily work in various situations? Their way of working will probably change. They will be able (and have to) share more: information, documents, experiences, etc. And that is a cultural shift.
iPhone-home1
By the way, we didn't start from this concept right away. In fact, in the interaction design we deleted the meta navigation and the entrance to the employee profile to explicitly create space for the main navigation (you can see that clearly in the image below). But during development we noticed that an off-canvas solution offered enough space to include these elements as well.
During the realization, the design took on a role more as a manual with guidelines and not so much a nailed-down condition that the front-end had to meet. This created room for innovation. So why wouldn't we also make the meta navigation available for mobile? After all, we want to offer a holistic solution.
This requires frontend code that is flexible enough namibia phone data to separate meta navigation and main navigation for desktop and at the same time represent an all-in-one navigation on mobile. And by starting from desktop we forced ourselves to find a solution for this. And if we compare the design for mobile with the result we can say that we succeeded. Below you can see the navigation for both mobile, tablet and desktop.
iphone tablet desktop
Responsive intranet has been realised; now it's time to use it
The new, responsive intranet for Nidos has been built and launched, but we are not there yet. Because people really have to start using it now, (learn to) work with it. Does the content connect well enough to the context in which the youth protection workers operate? Do employees see that this new intranet can really help them in their daily work in various situations? Their way of working will probably change. They will be able (and have to) share more: information, documents, experiences, etc. And that is a cultural shift.