Website Builders.com

  • Home
  • Builder Reviews
        • Our team have carefully reviewed a selection of premium website building platform, making it easier for you to choose the right one.

          While most website builders are compatible for generic  website building, including online stores, blogs and generic websites, some are better than others depending on what your website type.

        • Website Builder Reviews

          GoDaddy

          IM Creator

          Jimdo

          Squarespace

          Voog

          Weebly

          Wix

          WordPress

        • Store Builder Reviews

          BigCommerce

          GoDaddy Store

          Shopify

          Weebly

          Wix

          Yola

        • Comparisons

          Wix vs. Weebly

          Shopify vs. BigCommerce

  • Start A Blog
  • How To Guides
        • With over 500 pages of detailed tutorials and guides, our guides cover a large chunk of online topics.

          Learn crafty tips and tricks to make your time online smooth. Our directory is useful for internet newbies, as well as aspiring website builders.

          Check out the full directory.

        • Building a Website

          How To Build a Website

          Name Your Website – Domain

          Picking a Web Hosting Service

          Content and User Experience

          More

        • Searching and Research

          Searching the Web

          Doing Research Online

          The World of Wiki

          Finding Videos Online

          More

        • E-mails – Basics and Advanced

          Getting Started

          Sending an E-mail Message

          Opening Attachments

          Sending Attachments

          More

        • Social Media & Communication

          Instant Messaging

          Online Networking

          Facebook

          LinkedIn

          More

        • Files, Downloads, Software & Installs

          File Formats and Extensions

          Install Plug-Ins

          How to Download Files

          Downloading Software

          More

        • Making Money Online

          Making Money with Facebook

          Affiliate Marketing

          Virtual Assistant

          Writing Articles

          More

        • Online Shopping

          10 Tips for Smart and Safe Shopping

          Smart Shopping

          Protecting Personal Information

          Looking for Discounts

          More

  • Website Builder Tools Your Business Can’t Do Without (+ Links To Useful Resources)
    • HTML Character Codes
    • Advertiser Tracking Cookies: There ARE Ways To Opt Out – Here’s How
    • Website Glossary
  • Our Blog
        • Recent Posts

          When you have awesome writers, it is easy to spread wisdom. Take a look at some of our recent posts on various internet and website related topics.

          Have any suggestions on topics? Don’t hold back, send us your ideas:

          [email protected]

        • 12 Simple Rules on How to Use E-mail Politely

          Live Chat Software: Is it Worth It? Facebook Says Yes.

          Algorithmic Warfare: Is it the Beginning or the End?

          How to Promote Your Pet Business Online

          DIY Marketing: 7 Steps for any Business Owner

        • 20 Ideas to Generate Your First Online Sale

          Complete Guide to Content Marketing

          8 Best Free Photo Editors for Product Photosraphy

          Press Kits: DIY to Free Media Hype

          Why Backlinks are Essential for SEO – How To Build Them

  • About Us
    • Contact Us
    • FAQ
    • How Did You Make This Site?
    • How the Website Is Funded
    • Our Team
You are here: Home / The Complete List Of How-To Tutorials For Internet Dummies / Private: How To Build a Website / Build a Website: Designing for Different Audiences

Build a Website: Designing for Different Audiences

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

The best planned and designed website may look significantly different when viewed on computers running different operating systems, different web browsers, or different devices. There’s a few reason why this happens:

  • First, people access the Web with a wide variety of computer systems and monitors.
  • Second, all web browsers are not the same and don’t support the same features.
  • Third, as smartphone usage continues to climb, more and more people are viewing websites on the go from their mobile devices, which typically have much smaller screens than our desktops at home.

The design challenge is to address these differences, so that even if all your visitors don’t have the same experience on your site, the experience is a good one regardless of their equipment or software.

Contents

  • 1 Define Your Audience
  • 2 Content Management Systems
  • 3 Website Builders
  • 4 Developing Your Own Site
  • 5 Test. Test. Test.

Define Your Audience

Don’t Miss This!

Before designing a website, ask yourself this key question: who is your target audience?

Before designing a website, ask yourself this key question: who is your target audience? Do you want the site to be accessed by as many people as possible, or are you targeting a select group? For instance, if you’re designing for the average viewer in the developed world, you can expect that most of them will have high-speed Internet access at home, on their phone, or using their local hotspot. That means you can incorporate rich graphics and multimedia content into your site without having to worry that it will significantly impair their viewing experience. But if you plan on targeting users in developing countries, or even those living in rural or impoverished areas in developed nations, expect that many of your viewers will be reaching your site using a 56 Kbps modem, and downloading a graphics-intensive or media-rich web page will be painfully slow.

If your website is general interest, expect that many of your visitors will connect to it using a mobile device. Depending on the size of their device, large graphics or other displays may not show up as clearly. Most people using mobile devices browse websites in portrait mode, meaning their screen is taller than it is wide, the opposite of how we view sites on our desktops. And complex menu systems will be a pain to view and navigate with a touch screen. You need to consider this and design a mobile-friendly version of your site or use an adaptive theme (which we’ll discuss shortly).

Did You Know?

Responsive Web Design (RWD) is an approach to web design aimed at providing an optimal experience across a wide range of devices – from laptops to smartphones.

On the other than, if you site is designed for business users who are sitting at their desks, you probably don’t have to worry much about mobile access. Though you probably should, because even businesses are growing more reliant on mobile technology every day, and it’s best to stay ahead of this shift.

So how do you create a flexible website that will look right on any computer, browser, or type of device? The approach you take will depend on how technically savvy you are and the tools you use to design your site. Let’s look at three of the most popular methods for designing sites today, and see how you can easily create versatile, adaptive sites using each method.

Content Management Systems

Content Management Systems have made it possible for anyone to create their own stylish, complex website and to easily update that site on the fly. The three most popular content management systems are WordPress, Joomla, and Drupal, all of which are available for free with most web hosting packages. For many content management systems, you don’t need to know any programming. All you have to do to get started is to pick a theme for your site, update the text headings and photographs to match your brand, and start adding content. If you do know some coding, you can customize your site even more, but it’s not necessary. There are thousands of themes available, many of which are free, so it’s easy to create a site that has a fresh, contemporary feel.

Did You Know?

WordPress, Joomla, and Drupal combine to command 70% of the total CMS market.

In many cases, it is also the theme that will determine how compatible your website is with various devices. Make sure you select a theme that specifically states it responsive or mobile compatible. A responsive theme automatically adjusts its layout based on the screen size of the device that is viewing your site. For instance, if your site has a menu bar and text and images are placed side-by-side, a dynamic theme will change your site when viewed from a smartphone so that the user will see a mobile-friendly menu, and images and text will be placed on their own lines, so neither has to be scrunched to fit. When choosing your theme, it’s also a good idea to pick something that is fairly new or has been updated recently, as older themes are less likely to be responsive. And once you have applied your theme, make sure to test it on several types of devices.

If you plan on including any add-ons within your pages, such as media players or other enhanced content, make sure to carefully research those as well, as some may not be compatible with different browsers or devices.

If you already have a website created with a content management system, you’re in luck. Most existing sites, unless they have been heavily customized, can be easily updated to a modern theme. Download a new theme and test it out. Just remember, don’t apply the changes until you’re sure it will work.

Website Builders

Need Help?

There are lots of web designers who would love to help craft your website. However, picking the right web designer is critical.

Website builders are even easier to use than content management systems though they are usually not as powerful or versatile. However, they are a great way to get started, particularly if you want to avoid too much of the technical work. Most hosting plans include some sort of free website builder, which should have a large selection of predesigned themes. Just as with content management systems, make sure to choose a recent theme and look for ones that are mobile-compatible. Before you get too far along with your website, publish a simple version and test it in as many browsers and on as many devices as you can. If it doesn’t work for some, check the theme’s options to see if it can be customized, or try a different theme.

Most website builders also make it very easy to update your theme as newer styles become available. This can be particularly handy if you find that your theme is not working on certain devices. Some website builders, particular those that are provided for free with your hosting plan, may charge extra to take advantage of some features, including responsive themes. If responsive or mobile themes are an add-on for your system, bite the bullet and pay for it (or find another system that provides them for free). Your mobile visitors will greatly appreciate it!

Developing Your Own Site

If you prefer to create your own site from scratch, you will have to consider compatibility when designing it. If you want to appeal to the widest possible audience, keep your site simple and avoid the use of advanced features that are not universally supported. A good example is Google, which is enormously popular despite its basic design.

If you decide to use some advanced features that may not be supported by some systems, consider developing parallel sites–a simple one that doesn’t use the “enhancements” and one that has all the bells and whistles. The best way to accomplish this is to direct the user to the alternative versions with a link at the top of your home page. Keep in mind, however, that developing different versions is time-consuming and expensive, and maintaining them can be cumbersome.

Test. Test. Test.

Regardless of how you design your site or what tool you use to create it, test your page design in a variety of browsers. This will give you a good idea of how different people will see it. If you typically use a broadband connection, try accessing your site with a dial-up connection or view it on a smartphone screen. If you’re frustrated by the experience, imagine how others will feel.

Latest Posts

Hosting

Black Friday 2023: Website Builder & Web Hosting Deals For Webmasters [Updated]

Uncategorized

Why WebsiteBuilders.com Got Hacked (Yes, You Can Blame Social Warfare)

E-mail Internet

E-Mail Etiquette: 12 Basic Rules For Politely Using E-Mail

Marketing social networking

Live Chat Software: Should You Invest In It? (It’s Easier Than You Think)

Computer Science

Never Heard Of Algorithmic Warfare? Then You’d Better Read This

Marketing

How To Successfully Promote Your Pet Business Online With Minimum Effort

Most Popular Reviews

  • Website Builder Reviews
  • Wix
  • Weebly
  • Squarespace
  • GoDaddy Website Builder
  • Shopify

Recent Posts

  • Black Friday 2023: Website Builder & Web Hosting Deals For Webmasters [Updated] November 5, 2019
  • Why WebsiteBuilders.com Got Hacked (Yes, You Can Blame Social Warfare) March 23, 2019
  • E-Mail Etiquette: 12 Basic Rules For Politely Using E-Mail November 15, 2017

About WebsiteBuilders.com

Everything you need to know about the WebsiteBuilders.com team.

About Us

Our Team

How The Website Is Funded

Privacy Policy

© 2017-2022 Website Builders.com | Sitemap