|
Home / Internet / Web Design
Essential Ingredients of Web Site Design
By:Jez Lacey
The success or failure of a web site is in many cases solely due to the way your site looks and the ease of navigation. There are a number of creative and technical elements involved in producing a quality website, all of which should be considered when first designing your site. These include creating mock-ups, defining interfaces, database design, system platform and web page aesthetics, just to name a few
First impressions count, your visitors will expect to find the information they seek easily; this is the fundamental reason for their visit.
It is the overall harmony of the web site components that will be key in its performance and efficiency. There must be balance through all the pages, whether it is a three page mini website or larger.
Hypertext Mark-up Language (HTML) came to be used as the primary web design language, which has had several upgrades in the past, the current version being HTML 4.01 which was set by the World Wide Web Consortium (W3C). HTML files are simply standard ASCII text files with special formatting codes that web browsers can interpret and appropriately display on screen.
The W3C is a multi-national consortium recognized all over the world. The main goal of the W3C is to further the development of standards for the Word Wide Web. You should try to make your site as W3C compliant as possible when designing your website, to ensure browser compatibility, and it will also help with your search engine rankings too.
As the internet became more and more popular web designers began to develop systems to ensure their job was made easier. This resulted in the production of web development tools. These tools include Cascading Style Sheets (CSS) which can be used to separate site design for content, for example by removing tables and using absolute positioning instead.
With the increasing popularity of web sites designers became exposed to a whole new world of server side scripting languages such as PHP- (Hypertext Preprocessor), Active Server Pages (ASP), Java Server Pages (JSP), Python and ColdFusion.
Macromedia Flash in particular has given web designers other alternatives to improve how their web pages will look. Many web sites have been developed entirely in Macromedia Flash, but search engines could hardly index web pages created in Macromedia Flash. For this reason, usage of macromedia flash should be seriously considered before attempting to create a web site.
To maintain the best balance of ease of use and full functionality, most web designers use HTML along with several web development tool hybrids to have their website running optimally.
There are other web design criteria to be considered when undertaking web site design, the paramount categories are:
• Content
• Organization
• Appearance
“Content is king” is a phrase that has gained a lot of prevalence in recent years, and is the truest words on the web. If a visitor finds relevant useful content on a site, the chances are that they will come back again.
Give the visitor quality content! What is quality content? Quality content is information that your viewers can benefit from, without having to trawl through confusing links and getting nowhere. When first designing the site, the web sites' purpose should be clearly defined and the targeted audience clearly identified. This means that when you come to writing the content it will give the web site an identity.
The website should also have useful links to other web sites of the same theme or similar purpose. Spelling and grammar should be checked and double-checked so as to convey a professionally created site.
Organisation is a topic we touched on earlier in the article; the visitor wants to visit a site with clearly defined information and character. They want to navigate through the site with ease; start with the first thing they see and then make sure the path they follow is clear and not confusing.
For this reason an important component of any site is a clear navigation menu and a site map. A site map is in essence a complete list of all the pages on the site, and it should be pointed to from every page on the site. This ensures both your visitors and search engines can easily navigate your site to find the information they are looking for.
The appearance of a web site is defined by the layout of images, text, links and animation. Visitors need to see clearly what the theme of your site is, remember, first impression count! Bear in mind that graphics and animations do take longer to download, and not every visitor may have a high speed internet connection. Ensure all your text is legible and clear and that the color scheme does not induce headaches!
Overall, the effect produced by the use of a central theme, well presented pages and a tactful use of colours, will lead to a credible and efficient looking finished web site.
Digg
del.icio.us
Blink
Stumble
Spurl
Reddit
Netscape
Furl
Article keywords: web site, web design, site design, website, webmaster, website design, website layout
Article Source: http://www.articles2k.com
Jez Lacey is co-owner of 4-packs. Check out our latest release, the incredible Ultimate CMS power builder; it helps create websites in minutes and makes site management as simple as 1-2-3
Ultimate CMS Power Builder
|
|
| Top Web Design Articles |
- 1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
- 2). Irish Graphic Design Industry By : dave4
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
|
- 3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
|
- 4). Some guidelines for Website Design By : Angela Oliver
You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
|
|
|
- 6). Develop Your Business Web Site for Profits By : Jay Peterson
Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
|
- 7). Is your printing costs sky rocketing? By : Florie Lyn Masarate
Here are some things you can do to be able to lower your printing costs.
1. Cheap but good quality printer.
There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
|
- 8). Creating A Quality Web Site Design! By : Martin Lemieux
In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic.
In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
|
- 9). How Does Your Website Make Me Feel? By : Philippa Gamse
When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type".
But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment.
It's commonly understood that "people buy emotionally, not intellectually.
|
- 10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires
You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site.
A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.
|
| New Web Design Articles |
|
|
|
|
|
|
|
|
|
|
|
|
- 7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria
Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent?
Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing.
You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
|
- 8). How To Style Your Text With CSS By : Hilco van der Meer
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.
We will start with some basics.
First we define the html where we will be working with. This is the text
1. Colorize your text
We can select the P tag and add some styles to it.
p { color:red;
}
Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
|
- 9). What is a web designer anyway? By : Alicia Harper
As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
|
- 10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
|
|
