Below Are Some Points to Help You Read Text and Text

sharminakter

So please use them as a reference. Item estimated value body font size 16px (minimum 12px or more) between the lines of the main text 1.5em~2.0em (1.5x~2x when the font size is 1.0em) number of characters in 1 sentence within 60 characters number of lines if there are more than 5 lines, create margins with paragraphs or line breaks. In addition, " lighthouse " , which is used when conducting mobile-friendly tests , mentions the following regarding font size. Font sizes less than 12 pixels are often difficult to read on mobile devices and may need to be enlarged to display the text at a more readable size. (quote: chrome for developers "document does not use a readable font size" ) i'll explain more about the mobile-friendly test and lighthouse later. Make buttons and links easier to tap make buttons and links easier to tap. Unlike computers, where you use a mouse, mobile devices require you to tap the screen with your finger.

If buttons and links are difficult to tap, they may cause erroneous operations and cause users to leave the homepage. There are two main points to keep in mind: point make it tappable size space between elements make it tappable size first, make the buttons and links large enough to be tapped. Lighthouse recommends "48px x 48px or more". For elements that you want to keep small, such as icons, it is recommended that you adjust the "padding" (the space inside New Zealand Phone Number the border). Target size description ▲source: chrome for developers “tap target size is inappropriate” ) space between elements next, make sure to leave enough space between the elements. Lighthouse recommends "8px or more". Otter the numbers are just a guide. Let's actually look at the screen and decide from the user's perspective. Consider menus that can store information compactly consider menus that can store information compactly. Mobile devices have less screen space than computers.



If you display content from your computer on a mobile device, it may be difficult to view and use. In such cases, use the `` hamburger menu '' or `` accordion menu .'' what is the hamburger menu? This is the navigation menu displayed by the three-line icon "≡". The name comes from the fact that the icon resembles a hamburger. Related article 8 examples of hamburger menus! Also explains tips for optimization what is an accordion menu? An accordion menu is a menu that opens and closes with a click (tap). It is called an accordion menu because its opening and closing movements resemble the bellows of an accordion. Related article 10 corporate examples of accordion menus! Advantages and disadvantages etc. For your reference, we will introduce the "frequently asked questions" on the top page of this media. On a computer, both "question" and "answer" are visible by default.