Designing SharePoint for Mobile App users

The SharePoint mobile App is a great way to access your content when you’re away from the office. If your user community uses the mobile app then it is important to design pages that will display nicely on a phone.

The page, section layout and web-part order all play an important part in making a great mobile experience. If you have a two column section, all of the web-parts in the left hand column appear first and then the right hand column.


On the mobile app the news web-part is displayed first and then quick links. I have used a new section to push the Company Events and Employee Spotlight below the Quick Links. If these web-parts were in one section, they would appear News, Events, Quick Links, and finally Employee Spotlight.


Other things to consider when creating SharePoint sites for mobile users include the choice of web-part layouts, navigation elements and types of content.

  • The carousel layout for the News web-part reduces scrolling to web-parts further down the page. Other layouts display the news posts underneath each other increasing the amount of scrolling.
  • Quick Links using the Tiles layout makes nice easy to read buttons on the mobile app. Some of the other options are more difficult to read and can create additional scrolling.
  • The SharePoint Mega Menu option is better for navigation than the classic menu.
  • If you are using PDF files check the layout to ensure they are easily readable on a mobile devices smaller screen.

I’ve also made a video explaining how to layout pages in Communication sites. Note that this also works for Team Sites.

The Mobile App is a great tool. To give users the best experience think about the layout of your pages and the use of sections to control the order items appear.

This video is a quick demo of the features. Including the navigation and page layouts

Finally though, when it comes to mobile, less is more. Less scrolling, focus on the important content and avoid complexity.



One thought on “Designing SharePoint for Mobile App users

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s