Mistakes you should avoid:
When we talk about compatibility, the type of coding and formatting used should be well optimized for mobile users. Flash-based video and audio cannot play on the most modern mobile device.
It is frustrating for an ad to be displayed while browsing, ad Pop-up can even be frustrating, on desktop, it will be a better option to design it to load faster or do without it or reduce to the nearest minimum for the sake of mobile user’s or it should be able to cancel at a click.
Loading speed is also an important factor that needs to be taken into consideration, the hardware of a desktop user and RAM is far greater than that of a mobile user’s, a delay on a desktop can be multi-delay on mobile devices and this can discourage a user if the page loading speed is slow.
Responsive sites are very important and useful when it comes to this. Your text should be visible to read rather than mobile device user’s zooming and scrolling from left to right to read the content. As said earlier, Responsive sites will determine the user agent is surfing the website and Optimise or scale the size of the page.
If you want your Site to have images or video; maybe in passing instruction or for an advert, it must be mobile friendly. You should avoid using old coding methods because this can cause your image and video not to load at all on mobile devices. Also, you should ensure your video player is responsive. If you host a video on your site, the first thing to take into consideration is a responsive player size. The video must be able to show both on phone pixel (e.g. 320 px, 640 px) And desktop (e.g. 1920 px).
On a desktop, the user relies on the mouse for manoeuvring the web pages, the buttons can be small and the drop-down menu as well. But this must be avoided in mobile, your layout should be designed in such a way that it will be easier for mobile phone users to click and drop down easily even by a user with big fingers. As we all know now that most mobile users are finger-based.
You should avoid snubbing perceptive insight, Google has what we called “Mobile-friendly test”. This will help you to examine whether your website is Mobile friendly or not. If not, you will need to revisit its layouts and design.