Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Basic Web Design Principles > NetSparsh - Viral Content you Love & Share

Basic Web Design Principles

Home Page

Home page should clearly indicate what the site is about. Provide top level navigation on the first page, your logo, and tell to the visitor what he can found on your web site. Your home page should be informative, and should call your visitor on action. Home page is the place where the visitor decides what he will do, click on some of your links, or leave the site. If you have a discount, or if you offer some free service in attempt to make a contact with potential customers, make sure to provide link to that service on your home page.

If you decide to implement flash intro on your first page, make sure to give the user possibility to skip the flash intro. The link "skip intro" should be outside of the flash, because you will force the visitor to wait until the Flash movie is loaded.

Navigation structure

Place the navigation on the place where the people are used too look for it. Don't experiment with the navigation! I can't stress enough this. Keep the navigation system same on ALL pages. Visitors are not ready to learn your site navigation system. Consistency is the most important thing here. You should focus your effort on building consistent rhythm across all pages of your site.

Font size

Your font size should be enough big so your text can be read without effort. There are many people who will not bother to read very small letters. Don't loose your visitors because of font size. Optimal size seems to be 12-13 points. Visitors should be able to read your text easy, without any effort. Broke big chunks of texts in paragraphs and make them easy to follow.

Line Length

The length of a line of type should be comfortable to read. The optimal line length for printed materials seems to be about 10 to 12 words, or 60 to 70 characters. Somewhat shorter lines of about 40 to 50 characters may be more appropriate for larger displays. If the line is too long the reader must search for the beginning of it; if it is too short it will break up words or phrases awkwardly.

Creating emphasis

Creating emphasis is an important and integral part of designing and typesetting. Handled with taste and good judgment it can help direct and inform the reader. When these qualities are lacking, or someone feels that every word is important and must be emphasized in some way then your web page starts to look like a battlefield and becomes difficult to read!

Graphics

It's well known that one picture worth more than million words. This rule applies on Internet too. Do your best to show clear, attractive photo of your product. If you offer a service, find a photo which will best describe him. However, be careful about file size. Don't compress your photo to that level to not be clear, but also don't leave the photo on full quality. That will make file size too big, and will increase download time.

Gif vs. JPEG

Less experienced web designers many times use wrong format to store their picture. Here are few guidelines which will help mistakes to be avoided. If your photo has small number of colors (less then 64) GIF will be better choice. Make sure however to reduce the palette size too. That is, if your image have10-15 colors only, reduce your palette on 16 or 32 colors.

Also, if your image contains text, GIF format should be your choice. JPEG use loosy compression method and will cause text and edges to become blurry.

If you are saving a photograph ? save it as JPEG

JPEG images can contain over 32 million different colours. That is much more than the human eye can see.

If you want to incorporate large text into a photographic image, JPEG may be a good format to use. While the edges may still get blurred, danger of it becoming unreadable is slim. If you think your image is more important than the text, go ahead and use the JPEG format.

Speed

Do your best to reduce the download time. We live in a busy world and people are not will to wait long time. Try to reduce size of your graphics as much as possible without to destroy the image. Image must look good, but size (in KB) should be as small as possible.

Test before publishing

Do your homework, and do it well. Your visitors will not bother to send you an E-Mail that some of your links does not work or that some of your images does not appear. Even if someone do so, it is quite embarrassing. Perform spell and grammar checking. Remember that in many cases visitor will build his opinion about you or your company on base on your web site. When published, site should not contain any "under construction" or "coming soon" messages.

About The Author

Zoran Makrevski is founder and CEO of SEO.Goto.gr.

Since 1998 has focused on E-Commerce and attempts to bring more traffic to the customer sites bring him in the SEO industry, and he is running his own company today.

Search Engine Positioning Firm

SEO.Goto.gr

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at https://news.google.com/news

Web Design Basics For Beginners
MinuteHack (blog)
Web designers such as the professionals at https://www.cbwebsitedesign.co.uk/ are already familiar with coding and can create the page of your dreams in an extremely short period of time. All you need to do is have a brief consultation and they will ...


iMore (press release) (blog)

Learn the Adobe Creative Suite and web design for only $39
iMore (press release) (blog)
Graphic design is a hot skill set to have nowadays, and if you're in any type of communications profession or you'd like to get into web design, then the ability to design everything from online publications to graphics and illustrations is invaluable ...


New York Web Design Company, Lounge Lizard, discusses 6 Things Google wants you to do for a Faster Website
PR Newswire (press release)
20, 2018 /PRNewswire/ -- Lounge Lizard is globally recognized as a top New York Web Design Company within the web design and development industry. Lounge Lizard's brandtenders are creative, tech-savvy, and passionate in developing innovative ...

and more »

Practical Ecommerce

22 Free Web Design Tools from Summer 2018
Practical Ecommerce
Add value to your website by utilizing free resources from the design and development community. Here is a list of new web tools and design elements from summer 2018. There are designer and developer apps, icon sets, fonts, and more. All of these are ...


Boing Boing (blog)

Modern web design best practices
Boing Boing (blog)
1. Let Users Know About Your Mobile Application. The very first thing you must do when a user visits your website is to show them a big modal dialog telling them that they should just install the mobile application instead.


Web Design Company, Lounge Lizard, shares 7 SEO Tactics Everyone Should Avoid
PR Newswire (press release)
18, 2018 /PRNewswire/ -- Lounge Lizard is globally recognized as a top Web Design Company within the web design and development industry. Lounge Lizard's brandtenders are creative, tech-savvy, and passionate in developing innovative strategies that ...


Roanoke Times

Christiansburg entrepreneur sells 18-year-old web design business
Roanoke Times
A longtime Christiansburg entrepreneur has sold his small web design company in order to focus more attention on his passion for art. Kirk Carter founded Service First Webmasters from his Christiansburg home in 2000, when the Internet was still young ...


The Conversation AU

A nostalgic journey through the evolution of web design
The Conversation AU
The World Wide Web was invented almost 30 years ago by Tim Berners Lee to help people easily share information around the world. Over the following decades, it has changed significantly – both in terms of design and functionality, as well its deeper ...


National Catholic Reporter

Web developer sues Knights of Columbus, alleges membership stats inflated
National Catholic Reporter
A small Colorado web design company that has filed a $100 million suit against the Knights of Columbus, alleging that the organization breached a verbal agreement and that it engages in fraudulent practices in its insurance business, will get its day ...


TechCo (blog)

Best Web Design Services
TechCo (blog)
The best web design companies can give you exactly the site you want, and help you achieve your business goals. Today's web-savvy consumers can instinctively recognize a high-quality business from first impressions alone. An out-of-date website could ...

Google News

A Web Site That Sells Is All One Needs To Have A Successful Online Business!

There are more than billions of Web Sites, running Online... Read More

Is A Picture Really Worth a Thousand Words?

The great debate: how much copy you should have on... Read More

Other Ways to Look at Things

Many people today are tired of the Microsoft software that... Read More

Eliciting Constructive Website Feedback

"It's good.""You've done a nice job.""I don't like it."At some... Read More

Website Design - Choosing Your Colors Wisely

Colors convey emotions and emotions heavily influence the decision-making process.... Read More

Graphic Terms- The Basics Part I

You're almost set. The content of your website, e-book, or... Read More

Quality Web Copy is the Key to Success

Many websites make the mistake of being all flash and... Read More

Let Your Website Make You $$$ While You Sleep! and All That Other B.S.!

Well, you've got your product, started your home business, and... Read More

Website Design Basic Concepts

So, what's in a website design anyway? And, how do... Read More

Tips On Effectively Organizing Your Navigation

Not all links are created equal.While all of your links... Read More

Web Site Professionalism? What Is It?

Your web site should be-visitor friendly to navigatesearch engine friendly... Read More

Your Graphics- Are They Really Working For You?

(Making Your Graphics Work For You)It's no secret that a... Read More

5 Ways To Improve Your Website Immediately

If you are reading this, I assume you either have... Read More

The Best Simple Software For The Busy Webmaster

Here are a few programs I can't do without. They're... Read More

Is Your Site Too Slow? Why Image Optimization Is Critical

Graphics are fun, but if you put in too many... Read More

Drupal Modules

There are plenty of Drupal Modules that you can install... Read More

Creating Your First Website? Your Options

Creating your own website is great fun! But how is... Read More

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

Testament To Testimonials

We have all seen websites showcasing their testimonials either spread... Read More

Do Your Website Yourself - 4 Simple Steps to Get Your Dreams on the Web

Many people hire professional web site designers for as much... Read More

Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why?

A Double Ad Tracker is an Ad-Tracker that points to... Read More

Service Professions: Does Your Website Follow These 5 Simple Rules For Getting More Clients?

There are literally thousands of different options, styles and formats... Read More

Web Copywriting: The Psychology Of Scarcity, Less Is More If You Want Faster Sales

Countdown to Armageddon - at least you'd think so judging... Read More

Size Does Matter!

In this article we will be looking at why you... Read More

Get Rid of Your Frames

A few years ago a lot of websites utilized frame... Read More