Relative rather than absolute sizes are used
Posted: Sat Dec 21, 2024 5:04 am
Don't specify image or font sizes in pixels. Otherwise, images that are normal for a desktop will look gigantic on a smartphone. Fonts should be specified in relative units (em), and images in percentages relative to the corresponding container.
7. Text in one column
Texts should be placed in one column. You can't use several columns of text, like on desktops. Otherwise, it will look too small. The optimal line size is 45-60 characters.
In addition to a line of text, only a carefully drawn icon can be present on one line, as on the website we developed for the Aldenta dental clinic.
8. Card interfaces are used
In this type of data presentation, content is placed in rectangular containers that can be moved in a different order when adapted to a specific device. However, this should not be taken as an absolute panacea. What is suitable for an aggregator site may be completely unacceptable for an original design project that claims to be sophisticated.
9. Unnecessary details are excluded
Mobile adaptation disciplines in terms of website development and content filling. Due to the small screen size, the need to express your thoughts concisely and succinctly becomes even more important. We leave whatsapp number uk the most important, hide the rest. On desktops, drop-down widgets like accordions are used for this. You can experiment with them on mobiles as well.
10. You don't have to scroll too much to get to the main content
One sign of a poorly optimized website is a cluttered header that takes up several screens, which the user has to scroll down before getting to the main content.
11. The site looks good on different versions of mobile devices
Mobile devices differ greatly from each other. The display of a website on an expensive tablet and a budget smartphone differs greatly. Such moments should be taken into account at the stage of mobile adaptation of the site.
12. Mobile is given due consideration when speeding up loading
When clients contact us with a difficult situation regarding website loading speed on desktops, it often turns out to be simply catastrophic on mobile devices. With the right approach, this is a solvable issue, but it is scary to imagine how many clients leave such pages for the sites of more agile competitors. If you have discovered that your site freezes on mobile devices, contact us right now, do not lose money. We have dealt with such issues before. For example, on the booknets.ru website we doubled the loading speed on mobile devices , brought it into the green zone according to Google Speeds Insights:
7. Text in one column
Texts should be placed in one column. You can't use several columns of text, like on desktops. Otherwise, it will look too small. The optimal line size is 45-60 characters.
In addition to a line of text, only a carefully drawn icon can be present on one line, as on the website we developed for the Aldenta dental clinic.
8. Card interfaces are used
In this type of data presentation, content is placed in rectangular containers that can be moved in a different order when adapted to a specific device. However, this should not be taken as an absolute panacea. What is suitable for an aggregator site may be completely unacceptable for an original design project that claims to be sophisticated.
9. Unnecessary details are excluded
Mobile adaptation disciplines in terms of website development and content filling. Due to the small screen size, the need to express your thoughts concisely and succinctly becomes even more important. We leave whatsapp number uk the most important, hide the rest. On desktops, drop-down widgets like accordions are used for this. You can experiment with them on mobiles as well.
10. You don't have to scroll too much to get to the main content
One sign of a poorly optimized website is a cluttered header that takes up several screens, which the user has to scroll down before getting to the main content.
11. The site looks good on different versions of mobile devices
Mobile devices differ greatly from each other. The display of a website on an expensive tablet and a budget smartphone differs greatly. Such moments should be taken into account at the stage of mobile adaptation of the site.
12. Mobile is given due consideration when speeding up loading
When clients contact us with a difficult situation regarding website loading speed on desktops, it often turns out to be simply catastrophic on mobile devices. With the right approach, this is a solvable issue, but it is scary to imagine how many clients leave such pages for the sites of more agile competitors. If you have discovered that your site freezes on mobile devices, contact us right now, do not lose money. We have dealt with such issues before. For example, on the booknets.ru website we doubled the loading speed on mobile devices , brought it into the green zone according to Google Speeds Insights: