Most everyone has heard of KISS. Keep It Simple, Stupid. Why is simple web design so popular? In most cases, it quickly draws attention to a website’s most valuable content, improving the user experience and delivering a return on your investment in the short attention span you have. The concept is rooted in minimalism, with origins in the arts from the 1950’s. In web design, it gained popularity in the early 2000’s, with the core philosophy of reducing complexity and confusion (Nielsen Norman Group). Most of you may remember how cluttered some of those early websites in the 90s and early 2000s were. Today, minimalist web design is much more than displaying a certain percentage of blank space on a web page. Let’ dig into some examples.
Image Source: Themeforest Diux – Portfolio Theme
The Why of Simple Web Design
In the UX Industry Reports from UserTesting.com, it’s reported that year over year, companies are allocating a higher volume of resources to User Experience (UX) research to capture user feedback, test new initiatives, and benchmark their UX over time. As customer experience becomes the driving force behind many brand initiatives and the reason search engines send organic traffic to websites, delivering an uncluttered website is the reason behind new websites and website redesign projects.
Other studies show that good, useful content is a top factor for successful websites, and the best way for good content to stand out is to present it with accentuating features, a key feature of any minimalist design.
Want some quality examples? Download our Minimalist Elements Checklist as a quick-reference guide.
Before you proceed with a new website or redesign project, keep these design factors in mind:
Optimize for User Experience
Home Page
No matter how simple the design, your home page should give users a few options to click through and find exactly what they are searching for. Think of this like a funnel and where do you want to move your users into In one study, 86% of website visitors want to see information about products and services on the home page. While a minimalist home page might look cool, failing to deliver the right content or click-through options will raise your bounce rate. Try to think about the one message that resonates and then the path that you want to lead your visitors down. If getting signups is the most important thing you have to make it clear and obvious how to sign up and show the benefits of signing up in clear messaging.
Page Layout
Utilize the 80/20 rule when selecting a page layout. Also known as the Pareto Principle, only 20% of space is necessary to drive action toward the other 80% of the website. When planning page content, layout, and titles, write down everything in a list, graph, or chart. Identify 20% of the content as the “function” content, and make sure those items have a prominent place within your minimalist design.
Accessibility
Are the most popular questions or topics difficult to organize within a few main bullet points on your main pages? Consider adding an FAQ page to give website visitors with questions a definitive place to go. Make the FAQ page rich with internal links to keep visitors engaged. This is also good for search engine optimization.
Navigation & Content Organization
Website structure is easy to do if you have a relatively small website or few service/product pages. When website pages equal hundreds of URLs, organizing the content can get a little tricky, especially when you’re going for a simple website design.
A professional designer can make recommendations, but you can begin by separating pages into buyer journey categories: Awareness, Consideration, and Decision. From there, use the age-old tree method or top-down approach and list them in order of importance. If you have pages that exist for SEO purposes but they are “lead-in” pages to higher value conversion pages, they don’t need to appear in the main navigation. Try to think about what are the overarching pages that define the structure of your website and then what are the subpages that are relevant to those main pages. A good trick is to write down or map out a sitemap of your site to see how it is organized. We like to use a whiteboard and post it notes (your different pages) and then draw lines to connect the post-it notes. This is a good way to see if you have any dead ends and how many pages you might need to design.
Navigation and content organization is the perfect area to begin A/B testing.
A/B testing will identify the content that drives the most action from website visitors.
Headings, Titles, and Paragraphs
While a clean website design may not contain as many words as a regular design, the words are still important. Search engines use words and phrases to crawl and index your pages, and numerous studies show that verbose blog posts (1,000 words or more) result in better rankings.
You can implement a simple web design with high word count pages; simply minimize the “busy” effect of the words with a few layout guidelines:
Keep the headline or title to a 5-word maximumUse short, easy-to-read paragraphs, broken up by subheadings and double spaces.Use h1 tags for your most important keywords
Graphics and Images
Simple websites utilize high-quality, graphic-rich imagery. This is not the time to do a search for “free website images;” it’s time to invest in quality images that will draw website visitors into clicking and engaging with your brand or even create your own content with a professional photographer or videographer. If you create your own you know it will be unique to your brand.
Download our Minimalist Elements Checklist to see examples of high-quality graphics within a minimalist design:
Get the bonus content:Minimalist Elements Checklist
Themes and Styles
While it’s possible to design a website with a minimalist design in any CMS platform, WordPress offers themes and styles that are built on the pillars of minimalism. If you’re using WordPress, you can check out these “off the shelf, Minimalist” options:
Less
Less is a free, ultimate simplistic theme, best for small sites.
Origin
Origin is an image-rich theme ready for your customization.
Divi
Divi is very uncluttered and modern with custom options to ensure important content isn’t pushed aside.
Pierce
Pierce is a robust theme built on the Genesis framework with a responsive design that’s perfect for minimalism on mobile.
Note: All these can be customized by a designer or front end engineer so if you want it tweaked and changed you can do that as well.
Ready for Simplicity? Not so Fast!
If you’re ready to jump on the simple website design train, proceed with caution. Heed these warnings as you proceed:
Don’t Sacrifice Functionality
When it comes to navigation, look into a variety of options. Tabs, collapsible menus, and scrolling click-through images can deliver a crisp, clean design without losing functionality. Google and Apple both have standards for how you can design producst to make them easy to understand while still having a lot of functionality. Here is Google’s material design guidelines.
The Need for Speed
Image-heavy websites can slow down the load times for website pages, alienating new visitors and search engines alike. WordPress offers a variety of plug-ins to optimize and compress images, and Google offers a free site speed performance reportwith suggestions for improving site speed. You can give those suggestions to any front end engineer and they will be able to help you optimize your images.
Beware of Neutral Typography
Project leads and designers alike lump minimalism in with neutral, and a minimalist design with a neutral color scheme that doesn’t have any “pop” that will not deliver the level of engagement you are after. Look at your brand colors, identify a few studies that identify high-conversion colors. Then work with your designer to ensure that fonts and important messages don’t blend into the background. The designer you work with should know from the start what the main messaging of your website should be.
Moving Toward Simplicity: Use Data as a Guide
If you’re embarking on a website redesign or refresh, begin collecting data as soon as possible to guide your content organization efforts. Collecting data isn’t difficult, and your web team can usually set it up in a day or less:
Google Analytics. Make sure that landing page performance is tracking correctly. Identifying top-performing landing pages is critical to website redesign and organizational success.Google Search Console. Connect your Google Analytics account with Google Search Console. You’ll gain access to landing page impressions, clicks, position, click-through rates, page crawl rates, and keywords. Using this data, you can build out a hierarchy of pages in terms of engagement and value.Conversion Tracking. Set-up goal tracking, funnels and conversion path tracking in Google Analytics. The reports will give you data on where your users are getting stuck, where you can optimize your sales/signup funnel and what your conversion rates are.
Simplicity in web design can significantly boost website engagement rates with careful planning and a data-driven strategy.
Comments