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.
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.
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
Only use images where necessary
Optimize images so they don’t slow the page down (see guidelines for file sizes)
Use space and padding to assist navigation and readability
Blocks and buttons should have enough space to easily distinguish between them.
What call-to-action is most relevant for mobile visitors? Consider making separate CTAs for mobile and desktop users
Keep your form simple. Ask only for information you need.
Consider adding a click-to-call button on relevant pages
(If phone calls convert better than mobile traffic in the page’s context)
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.
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.