Checklist for mobile

Although the Visma websites have responsive layouts, the content is not necessarily mobile friendly. Therefore we've created a list to help you make better web pages for mobile and optimize for mobile conversions.


Short version:

  1. Test before you go live.
    What are your users’ expectations? What are your goals?
    Test on iOS and Android, mobile and tablet, at least Safari and Chrome. Supply with the Chrome Device Toolbar. Test the page on your colleagues to get feedback on scroll length, content sizes / readability and load times.

  2. Include only the most relevant content
    Show the most important content first. Move detailed explanations to separate pages, or hide them behind expanders or filter views

  3. Only use images where necessary
    Optimize images so they don’t slow the page down (see guidelines for file sizes)

  4. Use space and padding to assist navigation and readability
    Blocks and buttons should have enough space to easily distinguish between them.

  5. Call-to-actions
    What call-to-action is most relevant for mobile visitors? Consider making separate CTAs for mobile and desktop users

  6. Optimize forms.
    Keep your form simple. Ask only for information you need.

  7. Consider adding a click-to-call button on relevant pages
    (If phone calls convert better than mobile traffic in the page’s context)

  8. Optimize the user journey
    The user should be able to find relevant information with as few clicks or as short scroll distance as possible. Use Hotjar to find the best navigation and content.

  9. No pop-up banners or other intrusive elements
    If you use chat or similar, make sure it doesn’t block the page view or otherwise disrupt the user journey.