What are the design best practices for creating pages that are "mobile friendly"?

[Victoria Reggiardo]

I'd like to know what are the page design (and macro usage) best practices to take into account to create pages that render well in Confluence Mobile.

Thanks! 

[Shannon S]

Hello Victoria,

Thank you for contacting us. We have a few resources that can help you with this. For one, I would recommend reviewing this article on creating a page for use on mobile devices:

• 4 ways to enhance product documentation for mobile first

In addition, the documentation on Confluence Mobile does describe some pitfalls you might run into, namely:

The mobile app provides a simple, lightweight way for users to view, create, edit and collaborate on pages. Complex interactions, including those provided by Marketplace apps, such as blueprints, calendars, workflows will not be available in the app. Some third party macros may be available, depending on whether the third-party app supports rendering these macros on mobile. 

Any theming or look and feel customizations you've made to your site will not be reflected in the mobile app. 

Please keep this in mind! If you have any further questions, feel free to let us know.

Regards,

Shannon

[Victoria Reggiardo]

Hi Shannon, thanks for the link, it is useful. Still, I think I need further guidance as of what panel structure is recommended or what image file formats render better, etc. Any other source of information that you can recommend in this regards?

[Shannon S]

Victoria, 

I'm not aware of any other documentation on our end in terms of mobile design practices, but I've shared your post around so let's see if anyone has anything to recommend you!

You might also be able to find some generic best-practice web design blogs online that could give you a few pointers.

Regards,

Shannon