Design for your readers.
Hi bloggers! My name’s Kjell Reigstad, and I’m a designer at Automattic. This is part eight in my monthly series on “The Principles of Design.” In this series, I share some of the basic tenets of design, and we explore how to apply them to your blog.
Previous installments:
Clarity
Visual Hierarchy
Color Harmony
Design Iteration & Feedback
Accessibility
Choosing Fonts
Readable Typography
Previously, we’ve explored how design tweaks to hierarchy, color, and typography are beneficial on a small scale, but today we’re going to take a step back and talk about designing a great overall experience for your readers.
Do you have a beloved restaurant that you return to over and over? Mine is Otto Pizzeria, in New York, where I know I can always expect a great experience:
- Spectacular food that I can’t find elsewhere. (Try the Heriloom Caprese!)
- Knowledgeable staff, quick to suggest a new dish I’d like.
- A great ambiance — fancy enough for special evening, casual enough for a quick dinner.
When designing websites, we’re also aiming to create a great experience for visitors. (We call this “User Experience Design,” or UX.) The core ideas are pretty similar:
- Fantastic, original content.
- A well-organized site, so it’s easy to find what you’re looking for.
- A welcoming, beautiful look and feel.
As a blogger, your “users” are typically your readers. If you’re able to provide them with a great experience, they’ll keep coming back for more. Here are a few tips to help you assess and improve your reader’s experience on your blog.
Understand your readers
Understanding your audience and the content they want is essential to providing them with a great experience on your site.
We’ve written before about your audience. WordPress.com blogs cover tons of different topics, so your audience could be just about anyone! If you write a small personal blog maybe your close friends are your readers. If you write a recipe blog, your audience is probably food lovers.
Once you pinpoint your audience, you need to find out what they are looking for on your site. Usually, this is your “Unique Value Proposition”: the reason people keep visiting. The easiest way to figure this out is just go ahead and ask them! Reach out to the people who comment and like your posts and ask what sets your blog apart from their perspective. Gathering feedback like this is essential to providing a great experience.
You can make adjustments to your site’s design based on this feedback. For example, if readers really love your photos, try a theme that focuses on bigger images. Or if they tend to really like posts on a specific topic, try prominently linking to that category in your sidebar. A great user experience connects readers with their favorite content as efficiently as possible.
Organize your content
Your blog is made up of thousands of little pieces of content and metadata: posts, pages, tags, categories, images, maybe even some videos. Without a plan, this content can become a dense wall of stuff. It’s important to organize your content in a way that’s intuitive to your reader, because if readers can’t find the content they’re looking for on your site, they’ll go elsewhere.
Information architecture is an area of design that aims to untangle, organize, and present information in a way that makes sense.
It’s a good idea to plan out the structure and navigation of your site. Start by thinking about the different types of posts and pages you have, and try organizing those into different sections. Sometimes it can be helpful to draw up a sitemap to help sort things out visually:
Keep in mind that blogs often change organically. You might start off writing personal essays, then shift to posting lots of photos. As your site evolves, it’s a good idea to continually re-evaluate how your content is organized.
A sitemap can give you a birds-eye view of your website and help define your key tags, categories, and menu items. To learn more about sitemaps, check out Wendy’s post, “Measure Twice, Cut Once.”
Organization is important even within single posts. Subtle typography tweaks like scale and emphasis can impact how readers absorb your blog’s content, and being smart about the way you divide up longer posts will have a positive effect as well.
Create ambiance
The overall visual aesthetic of your site is also a major part of the experience. Readers should feel comfortable and welcome when they visit.
Remember, every single element of your site impacts your overall message. Aim to keep both your design and content clear and concise.
Think of it this way: If a highly qualified job candidate showed up to a job interview in sweatpants and a smelly t-shirt, you probably wouldn’t be too excited to hire them. If you have a superbly organized site with great content, your look and feel should match. Sites that are appealing and desirable have a major leg up on sites that aren’t.
Start with a great theme and make it yours. Choose a lovely color scheme, and pair it with some great fonts. Many of the other posts in this series can really come in handy as well.
Learn more
That’s just the tip of the iceberg when it comes to the field of user experience. If you’d like to learn more, I’d suggest the following resources:
- Usability.gov has a great primer on what goes into a great user experience.
- The Design of Everyday Things by Don Norman is a great book to inspire critical thinking about experiences and how you interact with the world around you.
- UX Booth and A List Apart are full of great articles on the topic as well.
Do you have examples of sites that offer up a great overall experience? Feel free to share in the comments!
Currently blogless? You’re a click away from sharing your story.
Create your blog at WordPress.com
One of the things I did recently was create a widget for more popular blog tags I use and put up at the top of the right side of the page. This has increased the views of older content. I am always looking for suggestions on how to improve! https://whenithoughtiwasfat.wordpress.com/
LikeLiked by 2 people
Since I’m starting out these are excellent tips on how I can design a better site. Thank you
LikeLiked by 1 person
I bookmarked this.
LikeLiked by 1 person
New year, new design ideas for my blog 🙂 Thanks for the ideas 🙂
LikeLiked by 1 person
As the new year starts, I wanted to change the color of the text of my blog name. I’ve done this numerous times through the years including the first part of December, but all of a sudden the option to do it appears to be gone. I submitted a question to the forums but the only answer was another person who is experiencing the same problem. I believe it use to be under Settings, General. Advice??
LikeLiked by 1 person
Hi there! As you’ve noticed, our new Customizer doesn’t offer that option yet. You can still change this in our old WP-Admin interface by pasting
/wp-admin/themes.php?page=custom-header
after your blog’s URL. So in your case, that would be:http://newenglandgardenandthread.wordpress.com/wp-admin/themes.php?page=custom-header
You should see a “Text Color” option near the bottom of that page. I hope that helps!
LikeLiked by 2 people
THANK YOU SO MUCH. May the blue bird of happiness keep you company in 2016. 🙂
LikeLiked by 1 person
This is just the kind of information I need to get a jump-start on my blog! Thank you!
LikeLiked by 1 person
Great written, thank you!
LikeLiked by 2 people
“Keep in mind that blogs often change organically… As your site evolves, it’s a good idea to continually re-evaluate how your content is organized.”
Such a great point. I didn’t realize when I started blogging how much my vision for my blog would grow. Now, one of my goal 2016 blog goals is to figure out a way to organize my posts so that it is easier for my readers navigate. I hate when poorly designed websites and blogs make it hard for me to explore. I don’t want that for my readers.
http://mostlytruestoriesofkrenaep.com/
LikeLiked by 1 person
This was very helpful and informative ❤ Thank you!
LikeLiked by 2 people
Thank you so much for posting this. I’m new to blogging. And I feel this will help me a lot.
LikeLiked by 1 person
Great article on usability, I will definitely review my site based on these guidelines and checkout the rest of your series. Thanks!
LikeLiked by 1 person
Nice suggestions, it’ll surely improve our blogging experience in new year
LikeLiked by 1 person
Very informative and helpful to new bloggers like me. I will be thinking of the feeling my favorite restraints give me as I begin to design my new blog.
LikeLiked by 1 person
As I am only new….just set up my weight loss journey blog last night ….I found this really helpful. Thanks 💋
LikeLiked by 1 person
How do you get pictures
LikeLiked by 1 person
I have an app on my phone and when I go to write a post…There are picture options at the end for attachments…font etc. ..and pictures…hope this helps
LikeLiked by 1 person
Excellent advice for everyone because after all, the blogosphere world continues to evolve therefore, your site must too!
LikeLiked by 1 person
😊 2016😊😊😊😊😊😊😊😊
LikeLiked by 1 person
You are my inspiration… thank you so much i love read your bloggers
Read my blogs
Adityasinghchouhan.wordpress.com
LikeLiked by 1 person
Organic, content driven and timely are all the real values, not just SEO!
LikeLiked by 1 person
This is legit. I might find this very useful. Thanks for this!
LikeLiked by 1 person
This is a huge help. I’m working on my UI right now
LikeLiked by 1 person
great help, will try to improvise 🙂
LikeLiked by 1 person
One of the things I haven’t figured out, are themes where it’s not a fixed header option. Just featured photos. To me, that would dilute the branding of a blog…..that is if one doesn’t create an unique logo. Logo is not something I want to spend time since I have a personal blog. I have a full time job outside of all this.
I agree simple organization of blog posts as the blog content grows, is helpful. Problem with me, I might be too smple.
LikeLiked by 1 person
Thanks for sharing your expertise with neophytes like myself. We really appreciate it.
LikeLiked by 1 person
Thank you so much for sharing. This is just what I was looking for. What a way to start the New Year off right. Happy New Year to you all!
LikeLiked by 1 person
Thank you so much for these advices! Will keep these in mind for my new blog :Dhttps://sharondestiny.wordpress.com/
LikeLiked by 1 person
Thanks for sharing these, great advices. By the way, new bee here, just wrote a poem hope you’ll appreciate it
LikeLiked by 1 person