100 points to know about...
Eco-Design Web Development

Starting the design and development of the site with mobile inevitably leads designers to eliminate elements that are not necessary for the website. As a result, the client loads fewer pages, thus consuming less energy.

Please note! Hover control does not yet exist on mobiles. It is therefore not advisable to add this type of interaction to your website.

The speed of your mobile site is crucial because if your site performs poorly, if it takes more than three seconds to load, users tend to leave the site. For example, 79% of shoppers are less likely to buy from a site that performs poorly. This is why eliminating any unnecessary elements from the mobile elements works in your favour.

Please note! It does not mean eliminating information but sorting information into primary, secondary and tertiary content.

Test your designs and code frequently on small screens. Simulators and desktop browsers are no substitute for real devices.

This is a recognisable way for your user to access secondary elements. Users usually go through the hamburger menu to find what they are looking for on your website.

Content is key when it comes to mobile design. It is the most important element that needs to be visible to users as space on small screens is limited.

Consolidate and reduce CSS and JavaScript files. Limit or remove dependencies on heavy Javascript libraries, especially if they are only used for one or two functions.

The vast majority of mobile phones already have a physical back button. So adding another "back" button is not essential. If you still want to provide users with a quick way to move up a level in your site, consider a label other than "back".

Microsoft recommends touch targets of 9 mm, a minimum size of 7 mm and a minimum spacing between actions of 2 mm. Incorrectly sized and spaced actions can lead your users to press the wrong targets.