Effective intranet design doesn’t just mean picking the right colour schemes, fonts, and logos for your company intranet (although it is important).
Intranet design first and foremost needs to provide an amazing user experience. And these days, that means creating an intranet that’s mobile-friendly.
That’s because more than half of web traffic now comes from mobile devices, signifying that the days of desktop-only are coming to an end. So it’s important that your intranet design is optimised for mobile as well as laptop users.
Designing your intranet software for mobile comes with its own set of best practises, not least because you’re working with a much smaller screen size which limits space. Therefore, make sure you take this into account when planning your intranet project, and allow extra time for optimising your intranet design for mobile.
Learn how to design an intranet for mobile devices by following our best practices below:
Mobile intranet design best practices + intranet site examples
Format intranet content into bite-size chunks
Creating intranet content that’s easy to digest isn’t just best practice for mobile intranets – it should apply across your entire digital workplace too. But in practical terms, intranet content that’s formatted into smaller paragraphs, rather than huge blocks of text, is essential for devices with smaller screens.
So whenever you’re sharing internal communications on your intranet – whether that’s company news, knowledge base articles, or team blogs – make good use of headings, subheadings, bullet points, images, and lists to make the content easier to read on mobile.
Keep menus short and simple
Space is a premium on mobile screens, so don’t waste valuable pixels on long menus that take attention away from meaningful content, especially on your intranet homepage design. Indeed, the homepage acts as a dashboard for staff to view key information and get quick access to other areas of your intranet, so it should remain clean and clutter-free.
Our own mobile intranet designs include responsive menus and easily identifiable design patterns as standard. For example, main menus and filters – which are always present on desktop – automatically collapse into “hamburger” menus on mobile to save on space.
Reduce page elements
Desktop intranet designs have the luxury of space, so page elements such as menus, app shortcuts, bookmarks, and search bars can happily stay put without distracting from the main content.
However, these page elements – whilst useful – aren’t essential, and don’t need to be perpetually present to mobile users.
Only keep page elements on mobile that provide the most value to users, for example, include a link back to the homepage (which should be presented as a recognisable “home” icon), new messages/notifications, and the main menu. These elements are more than enough to allow users to easily navigate their way through the intranet, whilst keeping the page neat and tidy.
Utilise filters to minimise scrolling
Reducing scroll time is important for mobile intranet users – they want to get the information they need, and fast, so they’ll have little patience for an intranet design that’s cumbersome to use.
To minimise scrolling and speed up search times, utilise filters. Filters allow intranet users to narrow down search results by customising what data will be returned. For example, users who want to view intranet news articles about a particular topic can add a filter that only displays articles with a specific tag – rather than scrolling through potentially hundreds of posts to find what they need.
Always check how your intranet design looks on both desktop and mobile
Last, but not least, it’s important to spend time double checking how your intranet design choices translate between desktop and mobile.
Use your intranet design tools to see a preview of the changes you made and how they appear on different devices, before you publish your hard work. Doing so allows you to catch any mishaps before you go live, saving you time from fixing issues later down the line.