Avoid No Visible Contact Details
Being Mobile Friendly (1)
Fast load page(2)
Your website needs to have a clear and concise message. Underlining the goals of your website will help you pin down your hierarchy and reading order.
Avoid Designing Cluttered Pages with No Whitespace.
This follows on from not having a visual hierarchy for your website.Avoid Overly Complicated Forms
Understanding Basic SEO
Search Box
Providing an Email Opt-In Form
(1)
Playable content: Avoid including content that only plays on desktop. Mobile users don’t want to see the “Video can’t play on mobile” error.
Redirects: Avoid faulty redirects if you have separate mobile urls. All your redirects should lead to their correct mobile pages.
Touch elements: Buttons and links should not be so close to each other such that they make it impossible for a mobile user to tap on their desired option.
Website headers: Have you noticed that most top websites have now reduced their header sizes? Avoid large header sections so that it can be easier for mobile users to get to the content.
Font size: This is important on both mobile and desktop. Make sure your font size is not too small to read. Also, include lots of white space in your content.
Test your visuals: Sometimes some visuals you create for your users may not work well in mobile devices. This includes pop-ups (that may not even show the “close” button) and floating social sharing buttons. After testing, optimize them for mobile.
The design of e-commerce sites: 30% of shoppers on mobile abandon transactions if their mobile experience is not optimal. That’s a lot of money lost for something that can be quickly set up.
(2)
Images that aren’t optimised for the web
Animated file formats that could easily be created in HTML/CSS
Lots of background textures and background images
Too many Javascript, jQuery, or other fancy front end library files