Beginners tutorial: How to Design a Website Analysis Organization Development Implementation Maintenance
Rocketface Workshop - "How to Design a Website" - Welcome to the Web
  • Rocketface®Workshop
  • Sitemap
  • Webmasters Archive
  • Tutorial Index
  • Privacy
  • About

  • How to Design a Website - Webmaster's WorkshopRocketface Webmaster's Workshop - Homepage

    8 Ways To Improve Bad Website Design
    By Ayat Shukairy (c) 2007

    Introduction

    You're website reads well and you're proud of it. But, you've tried and tried to create something that looks good too, and you can't seem to get it together. You're waiting for rave reviews but none have come your way. Your website is a flop. Not to worry. You're not alone. You want to fix it but you don't have the big budget you need to hire a great web developer. Check out some simple ways you can improve your website and get it into better shape, now!


    1. Balance your page

    When users enter a website, their focus first starts at the top left of the page, and hovers there before slowly tracking to the right. Contrary to what many think, the web user is focused more on the text of the page, rather than images or graphics. This is where balance comes into place.
    Balance will not only make your page more visually appealing, but it will make your page easier to read and items easier to find. A good layout will help the objects on your page to flow.

    2. Keep it simple

    Less is more. Clean your website up by removing all the unnecessary visual elements. This will allow important items to
    stand out. Leave some white space on the page. The illusion of space is visually pleasing, as well as easier to navigate.
    Otherwise, your visitor will get whiplash by darting their head from left to right in an attempt to look at all the information crammed on your screen. Or worse, they'll click on out of there in a hurry.

    3. Fix your fonts

    The size and type of font you select will have an effect on how your reader takes in your information. What font should you use? San-serif fonts such as Arial and Verdana are popular choices for on-screen reading. And keep the size in mind too. The font size should be no smaller than 10 points and no larger than 14 points. You don't want the reader to be able to read the information from across the room, but you don't want them squinting and leaning closer to the monitor either.

    4. Clean backgrounds

    Go subtle. The background textures and colors you choose have the ability to gauge the overall appeal of the website. Lots of texture and graphics in the background can be distracting, and the more texture you add to the background, the less noticeable your text and images become.

    If you're going to use a color on the background, make sure there is a significant contrast between the background color and the text. Strike a good balance, or you may compromise the readability of the text. Make good choices. You will rarely go wrong with black text on a white background. It's crisp, clean, and easy to read. Be cautious when using darker and brighter colors such as red or yellow. They cause visual fatigue and the reader will lose their focus on the text.

    5. Graphics

    Graphics are often overused on webpages. We often clutter the pages with objects that look cool but serve no purpose other than to increase the download time. Here are some instances where you can use graphics to enhance your pages:

    • Logo – Your logo is your brand recognition and it adds visual appeal to your webpages.

    • Title bars – The title bar lets your visitors know which page they are on.

    • Horizontal rules – Graphic lines are often used to separate categories or sections of a webpage.

    • Background images – Are used to add visual appeal or make a web site easier to navigate.

    • Photos – Personalize a website and make it inviting.

    • Navigation icons, such as `home' and 'back' enhance a page because they are familiar and users anticipate seeing them.

    5a. Easy navigation

    Create a toolbar with links that are easy to navigate. Position the toolbar in an area that makes sense. Web users often look for the toolbar across the top or down the left hand side of the page. Going with the norm will create a sense of familiarity and facilitate the ease of navigation. And don't forget a link to your homepage. It's often forgotten but very important to point your users to your home page. Check out www.invesp.com for an example of easy and well structured website navigation.

    6. Text readability

    You have great copy, but are you displaying it effectively? Make your pages easy to read. Break up blocks of text and
    create short paragraphs.

    • Consider the key points on each page and create headings and subheadings.

    • Only use one or two fonts. Select one font for your headings and subheadings and another for the body text.

    • Highlight key words and phrases by bolding or using a different color. Be careful when selecting colors, and don't use every color in the rainbow. Many, such as yellow and pink, don't stand out well if you've selected a white or black background.

    7. Scrolling

    Horizontal scrolling? Yikes. That needs to go, now! Users hate, hate, hate to scroll left to right. It's disorienting and annoying, so if you've got it, lose it.Vertical scrolling is ok if you have to have it, but consider moving larger blocks of information to another page and providing links. There's also the danger of missing vital information that falls below the screen if a user decides not to scroll down to view it. So if you've got to have a scrolling page, try to keep all your important information above the fold.

    8. Make it quick

    We all get impatient when it takes more than 5 seconds to connect to a website. Users want to make contact, and make it quick. Ensure that your pages load as quickly as possible.

    Eliminate unnecessary graphics, especially flash graphics...they can be time hogs. You need to make an immediate impression, and the only impression you're leaving as your page slowly grinds in to view is "this page sucks"...if they're still there to see itat all.


    As the Director of the writing department, Ayat has become an expert at increasing conversion rates for clients. Her team of writers provide copywriting services, as well as http://www.invesp.com/seo-articles SEO writing services.


    Designing Web Pages

    Designing Web Pages
    Designing good webpages begins with good webpage layout. So what do you want on this most important first screen?
    Professional Webpage Layout
    Examining the methods of professional webpage layout. The individual pages in your website must have a layout that allows the visitor to find out as much as possible about your webpage at a glance.
    All About Design Principles and Elements
    Basic website design elements to consider. A truly shocking number of web designers are unfamiliar with the basic principles and elements of design.
    Designing your Homepage
    Believe me, you want your visitors to stay as long as possible. This is the only way your site is going to succeed. Your site must be interesting, persuading, and easy to navigate.
    The Best Page Layout and Design for Content Websites
    To understand which layouts work you only need to look at the industry gorillas. These are the online content publishers who have been around for years, and who have tested just about every layout combination.
    Writing for the Web
    Writing for the Web is very different from traditional writing. The way website visitors read Web copy is unique and you must adjust your writing style to be effective.
    An Easy Way to Choose Attractive Color Combinations
    Lots of people struggle to come up with attractive color combinations when designing logos, banners or web sites. So, here's an easy technique that only takes a few minutes.
    Professional Graphics
    Graphic design is an intimidating subject for many Internet entrepreneurs. However, most of us must learn some basic design techniques to avoid the high costs of hiring a professional graphics designer.
    9 Ways to Make Your Web Site Look Great
    Learn how to design a website that gets attention every time. Avoid the mistakes most people making when creating their first web site. Take home some tricks that even the most advanced designers will enjoy.
    Selection of Web Templates
    An important part of website designing is selection of web templates. Here are a few points which will help you select the best web template for your website.
    Creating a Basic Web Design Template
    A "template" is simply a design format which you can apply to all (or most) of the pages in your web site.
    Website Optimization - Optimizing your websiteMarketing Website - Marketing your websiteWebsite Managment - Managing your websiteWebsite Design - Designing your websiteRocketface(R) Webmaster's Article Archives

    Website Navigation and Layout

    Sitemaps and SEO
    For those who don't devote too much time on the SEO of their site - this is a good place to start. By submittíng a sitemap to various search engines, you are telling them that you exist and what pages your site has to offer the World Wide Web.
    How to Make Easy Website Navigation
    Navigation is how visitors get around your site. If your navigation is unclear then your visitors will get frustrated and go away.
    Navigational Options for Your Website
    There are many types of navigation methods to choose from. You must carefully consider the layout of your site so you can choose the system that will work best.
    Web Site Navigation Best Practices
    A great user experience will bring visitors back. Navigation is a key element in the user experience.
    Developing a Theme for your Website
    Every website should have some type of theme or a way of giving your site an identifying look. When visitors come to your website they should be presented with an experience that they will remember.
    Website Navigation and Theme
    Have you ever visited a website where you keep clicking on links, hoping you are going to find that information you're looking for, only to be led to more pages of links.
    Tips for Improving Website Navigation
    In order for visitors to find the right information, a website's navigation path needs to be clear.
    Professional Webpage Layout
    The layout of your webpages says a lot about you and your message. Good webpage layout is the key to a successful website.
    Web Site Design Layout - Five Common Elements
    Your web site design layout largely depends on the type of website you're building. A sales page, for example, has different requirements than a landing page, and a landing page has different requirements than a niche web page.
    Web Page Design Ideas - How to Use Graphics Creatively
    Keep your web site design simple, and never lose sight of what you want your visitors to do when they arrive.
    Website Design - 3 Pointers For Color You Must Consider
    The correct use of color in your website design is paramount to ensure your site is not plain and uninteresting or on the other spectrum too busy, glaring and difficult to look at for a period of time.
    Creating a Basic Web Design Template
    A "template" is simply a design format which you can apply to all (or most) of the pages in your web site.
    Website Optimization - Optimizing your websiteMarketing Website - Marketing your websiteWebsite Managment - Managing your websiteWebsite Design - Designing your websiteRocketface(R) Webmaster's Article Archives



    Copyright© 1999 - 2010
    Rocketface® Graphics
    Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index