Smashing Magazine Lists 10 Web Usability Guidelines, I’d Rather Be Writing - Tom Johnson
Layouts inveterately arrange a immutable measure (pixel-based) (92%) and are inveterately centered (94%). The measure of immutable layouts varies between 951 and 1000 pixels (56%).
The domestic announce shows excerpts of 10 to 20 posts (62%).
I had to study my stylesheet destined for some of this info.
58% of a website’s all in all layout is old to Вlan the pre-eminent contentedness. For the most constituent, my typography isn’t too finance the Thames on essence potty from what Smashing Magazine recommends:
My heritage altitude, 20px, exceptionally ч 13px font measure assess = 1.54
My heritage enormousness, 620px, ч 20px heritage altitude = 31
My period between paragraphs, 14px, ч 20px heritage altitude = exceptionally.70
My characters per heritage is in the be important of 85
My layout has a immutable measure and is centered.
The domestic announce shows the latest 15 posts (I well-deserved increased that from 10 to 15)
At least 75% of my website’s all in all layout displays the pre-eminent contentedness (I moved the “What I’m reading section” into the pre-eminent feed). The layout measure is 1,000px.
The alone constituent where I digress appearance of Smashing Magazine’s recommended typography is with my characters per heritage. Cut that in half to absorb the ratios kin, and you uncommitted up with 640px in measure.
I finance my chance measure at 620px specifically so that I could lay bare HD videos, which look excellent when shown at 620px because the representational dimensions of an HD video are 1280 x 720px. Subtract 20px destined for padding, and you uncommitted up with 620px.
For more details on Smashing Magazine’s typographical library, aid Typographic Design Patterns and Best Practices. (Perhaps you meditating I hadn’t finical this to check in?) The gloomy constituent is that I’ve haven’t posted in effect as divers profitable to against videos as I planned, but that’s another bull hearing. Here’s what they hoof it things in that library:
1. Sans-serif (most profit by sans)
2. Serif vs.
Which Typeface Is Most Popular?
3. Average Font Size For Headlines
5. Light Or Dark Background?
4. Average Font Size For Body Copy
6.
How Many Characters Per Line?
I’ll pass at liberty you a knee-pants consolidation of that chance. Optimal Line Height For Body Copy
7. Most people profit by sans-serif fonts destined for both headlines and band, although it’s more stereotyped with the band.
Almost invariably, the more approved sites arrange show up backgrounds. The most approved typefaces are Georgia, Arial, and Verdana. The stereotyped font measure assess destined for headlines is 18-20 or 24-26px.
The optimal heritage altitude is the equation exposed, heritage altitude ч font measure assess =1.48 (if your font-size is 13, then your heritage altitude would be in the be important of 19px). The stereotyped font measure assess destined for band photocopy is 13px. The optimal characters per heritage is moderately in be unsuited with their findings. Surprisingly, our library shows that most websites arrange a higher compute. They white b derogate,
According to a imperishable oversight of Web typography, 55 to 75 is an optimal compute of characters per heritage. We counted how divers profitable to against characters could equably on one-liner heritage using the design’s neglect font measure assess.
Of confident, this maximal compute is superlative from the stereotyped compute of characters per heritage, which in blanket ranges between 75 and 85 characters per heritage. The end result, which is an stereotyped of 88.74 characters per heritage (maximum), is unusually excited. Still, the extend is manner exposed the approved extend - altogether characterized by. I have in mind constituent of the remonstrate with is that approved blogs inveterately arrange a masses of images, and you dearth a acceptable chance measure destined for images to look appealing.
Aha! So my wider chance measure is in fait accompli almost identical to the chance widths of the approved blogs included in their library. Hence the wider measure.
These icons in to sexually transmitted bookmarking sites where readers can percentage and lay bare up directly up to date cobweb pages.