Optimal Line-Length for Web and Mobile

One of the biggest factor about readability is line length and it really affects your readability. And now the question arises how much length a line should have in a paragraph for optimal reading. OK. Now some say 65 70 characters per line and 40 characters per line or something like that. I have seen a lot of articles and different books and the ranges from 45 to almost 85 characters per line. They are optimal. Ok Now why this line length optimal line length. And so the problem is if you have ready to do long lines then the user or reader needs to move their head from left to right to read that line. Now if you have a very short line then they have to jump from top to bottom line to line again and again. OK. So this is a very this is going to produce fatigue in your user even their eyes or head or maybe some other muscles. OK. From my experience the characters if we translate characters to words that are almost 10-17 words per line is optimal. They might be 19 or 20 depending on the length of the word but it is almost the average. OK. Now one of the Factor is for size. If you have a good line length and you switch the font to the smaller form then you have a lot of words in the same space and you need to change the line length again. Now if you have. If you try to switch to small font then line length is very big and you need to read the long lines. So this is one other factor so choose your font size wisely. So the line length is optimal. Now. What about mobileand websites so their mobiles have small screens so I think generally that there should be a bit more bigger body text should be bigger. So no normally on mobiles body text or the paragraph's are basically 120 percent of the size of the paragraph's on our desktop website. So if you are developing a website and showing different views of that Web site on mobile on desktop and tablet then you should take care of these. OK. Also on mobile phones the lines will be less longer because we have less space. So some of that line and principles don't apply there. Also you need to shift the headings size the line height too. So all these factors you need to cover for the mobiles and on desktop if you are a developer you need to use media queries to adjust the size for the optimal line length and readability. So this is all about the optimal line length and how we are going to use it on mobiles and desktop designing If you are designing for mobile or desktop. We will dig in deep into all this stuff on mobile and desktop sizes. And the last two sections of our course. Lets move on to the next lesson.