Think about navigation
Posted: Sun Jan 19, 2025 9:32 am
The content should be placed on a fixed screen width. Therefore, instead of 12 columns in the desktop version, the mobile version uses only one column. This way, the user sees the entire text and image.
Moving your finger across the screen is inconvenient for a simple reason: when moving horizontally, the user almost always unconsciously moves the screen a little vertically as well. This makes reading difficult.
The main menu in the mobile version is usually armenia whatsapp number data hidden in the "burger" - a navigation element at the top right of the screen. Filters and sorting in the catalog are hidden under a spoiler to save space.
Optimizing Your Website for Mobile Devices: A Detailed Guide and Checklist Optimize button and link sizes.
To make the element easy to click, its size should be approximately 44×44 px. In a text block, the target can be smaller — up to 27 px.
Avoid text that is too small and illegible fonts.
Text of 16-18 font size is easy to read on the screen. 14 font size is suitable for captions to pictures. Smaller letters will be difficult to read.
The title should be larger than the main text, but should not take up more than three lines, otherwise it will greatly "stretch" the screen. The maximum recommended font size for a title is 28.
Suitable fonts for mobile layout are Open Sans , Montserrat and Rubik .
Structure your content.
Moving your finger across the screen is inconvenient for a simple reason: when moving horizontally, the user almost always unconsciously moves the screen a little vertically as well. This makes reading difficult.
The main menu in the mobile version is usually armenia whatsapp number data hidden in the "burger" - a navigation element at the top right of the screen. Filters and sorting in the catalog are hidden under a spoiler to save space.
Optimizing Your Website for Mobile Devices: A Detailed Guide and Checklist Optimize button and link sizes.
To make the element easy to click, its size should be approximately 44×44 px. In a text block, the target can be smaller — up to 27 px.
Avoid text that is too small and illegible fonts.
Text of 16-18 font size is easy to read on the screen. 14 font size is suitable for captions to pictures. Smaller letters will be difficult to read.
The title should be larger than the main text, but should not take up more than three lines, otherwise it will greatly "stretch" the screen. The maximum recommended font size for a title is 28.
Suitable fonts for mobile layout are Open Sans , Montserrat and Rubik .
Structure your content.