5 principles for UX professional when working with product managers
To help you land on the right blog layout (that’ll attract and retain more readers), we’re going to break down the most crucial blog layout best practices and highlight 12 of the most impressive blog layout examples from real-life websites, blogs and publications—so that you can take inspiration from the best when designing your own blog layout.
10 blog layout best practices to remember in 2021
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
- Fonts You Can Read
1. Fonts You Can Read (H2)
Choosing the right fonts to use across your blog sounds relatively simple, but it’s very important to your overall blog layout. Your font choices shouldn’t detract from your content—and needs to be easy to read for your viewers.
"The fonts on your blog may not be the reason someone stays...
but it could very well be the reason a reader leaves."
What Font Size Should You Use? (Subtitle)
- Font sizes that are too small will be difficult to read
- Medium to larger font sizes are preferable for online reading
- This is even more important for people who have a hard time seeing smaller fonts
Generally, you want to have your body text font size set at a minimum of 16px.
You may be using a font that’s naturally a little bit bigger, and therefore you don’t need to go larger than 16px. Use your best judgment on this decision (based on who your readers are), but don’t be afraid to solicit some feedback from real people in making this decision.
Mea an decore veritus probatus. Nec ea affert verterem. Vix probo semper et, mea simul graeco diceret te. Qui no stet ferri qualisque, ut clita scripserit nec. Ei mei fabellas gubergren, ius nostro senserit adversarium te. Vix dicam dolore cu. Mel erat timeam scriptorem an. Sit alii tantas viderer no.
— Kimberley Claflin
2. Organize Your Blog Layout for Easier Access
if you’ve already spent some time writing useful blog content, then you may have realized it can be hard to keep everything organized within an individual article (which is why I always start with a blog post outline), let alone from the macro perspective of your blog as a whole.
3. Consider Page Load Time
Load time is another very important consideration when it comes to your overall blog layout.
Test Your Page Load Speed (H3)
The first step in determining which changes need to be made with your blog layout, is discovering what your current load speed is. You can use a free testing tool like Google’s PageSpeed Insights to gather these figures.
Example Response
<div>tasdfasdfasdfsadf</div>
this is the h2
asdfasdfsd
this is code
this is quote asd;lfk a;lsdfk la;sdkf l;sadfk l;sadkf ;sadf
a | b |
---|
asdfasdfasdfasdfasdfsadf