ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Website Designing Do's and Don'ts

Updated on May 13, 2013

Web Designing

Tips on how to build a successful Website.
Tips on how to build a successful Website.

What is a Website?

This is actually a continuation of an article that I have written on Web Designing, click here to read about it.

The first and most important thing you need to know before you start developing your own Website is, what exactly is a Website?

A Website is basically a group of web pages, just like how you have a book with a bunch of pages in it.

Only difference here is that your book is virtual, can have various multimedia like videos, high quality information and various formatting's. Now this type of a Website is known as a Informative Website.

There are other types of Websites like online virtual stores, just like retail stores, where buyers and sellers interact with each other. These are known as eCommerce Websites. Banking and other finance institutions come under this category.

For more information on eCommerce, click here

An example of CSS code:

/* This code is used for changing the color of a button (say a Submit Button). Instead of putting the code for each and every button, you just need to link the CSS file to the Webpage and it gets applied.
*/

.buttons, .buttons:link, .buttons:visited {
	padding: 4px 12px;
	display: inline-block;
	text-align: center;
	position: relative;
	background-color: #287EED;
	color: #030508;
	font-size: 13px;
	font-family: sans-serif;
	border: 1px solid #468CDB;
	border-radius: 6px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

.buttons:hover, .buttons:active {
	background-color: #4D8EFF;
	color: #121110;
	font-family: sans-serif;
	border: 1px solid #59AEF0;
}

.buttons .highlight {
	position: absolute;
	display: block;
	z-index: 1;
	border-radius: 6px;
	top: 15%;
	width: 90%;
	height: 30%;
	left: 5%;
	background: #ffffff;
	filter: Alpha(opacity=30);
	opacity: 0.3;
}

Do's that you should follow:

A few pointers that every Web designer or even blogger should try and follow as much as possible in order to have the perfect, fastest and most eye catching site are as given below.

Following these simple rules will help you increase your traffic and get repetitive viewers as well.

5 things every Web Designer should follow :


1. Ensure Website Scalability :

- Make sure that your Website is scalable. As technology is continuously and rapidly increasing, checking your website on each and every resolution, platform and browser becomes near to impossible.

See that your coding and designs are scalable.

2. Use CSS programming for designing :

- Css programming is a method of putting all your formatting into one file and then embedding it into all the web pages.

This not only saves time as you won’t have to do the same formatting again and again, but it will also help in keeping your formatting consistent and your overall web page size small, so it loads quicker.

3. Use Professional Looking Fonts :

- Fonts.. Since the basic idea behind a Website is for people to read and learn about your company, organization or product, selecting the right font is obviously one of the most important thing there is.

Select a professional and easily readable font rather than something fancy, artistic and kiddish.

A fancy and artistic font may attract users, but the moment they start reading and can’t understand anything, they’re gonna leave and never come back.

4. Create a Good Layout Design :

- An important aspect of any Website is it’s layout..Try using a template and stick to the same template for all the web pages in your Website.

Maintain a sense of uniformity amongst all the pages in your Website. Use a font that is mostly likely to be available on everyone’s system to avoid your site from getting messed up.

5. Maintain a Consistent Look and Feel through out your Website :

- Try and maintain and consistent look and feel throughout your Website, it’ll make your users feel more comfortable. Sudden change in the background color, size of the text, putting your text in all CAPS will annoy and irritate your users.

Do Not!

Some don'ts you should keep in mind when designing your Website.
Some don'ts you should keep in mind when designing your Website.

Web Designing:

Do you have your own Website? And does your Website follow these tips?

See results

Don'ts that you should follow:

1. Don't use Hi Fi Words that Most People Won't Understand :

- Don't use words that a simple lay person can't understand. You can make your Website look professional and show it's standard by using simple words that everyone is able to understand too.

Users are not gonna waste their time looking up in the dictionary for words that they don't understand, they'll simple just leave your site and visit some other one. Keep your sentences simple, short and to the point and try and avoid complex words and sentences.

2. Don't Forget to use Words and Phrases that will Create Emotion :

- Use words and phrases that will bring out a person's emotions.. Phrases like a proverb, maxim, or a motto that has a funny side to it will make a person laugh and smile will create an attachment or a bond between the user and your Website.

Remember, every human being has emotions. Use this so as to get the user interested in your Website. At the same time, don't over do it as your site might tend to look unprofessional.

3. Don't use too Different Types of Formatting :

- Don't use various different formatting's for every web page or paragraph of your Website. Try and stick to a consistent format. Creation and use of templates helps here. Stick to one font style, font color and font size throughout the entire website.

Use bold, italics and underline only when really necessary.

4. Don't use Content that your Desired Audience Won't be Interested in :

- People visit your website cause of what it says it offers, so don't put content into your web pages that have no relevance to what your website is all about.

Say your website is about an online retail store, don't add information or put up a widget showing the latest football scores and updates by the side. It's only going to slow down your website and annoy the user as well as he or she probably has no interest in football.

5. Don't let your Selling or Main Points, Words and Phrases go Unnoticed :

- Use bold, italics and underline or even highlight to help focus the user's attention onto your selling words or phrases. Don't let them go unnoticed..

Suggestions :

Please leave your comments or any additional suggestions that you may have in the comment box below.

© 2013 Paiva

Comments

    0 of 8192 characters used
    Post Comment

    • paiva25 profile imageAUTHOR

      Paiva 

      5 years ago from Goa, india

      I totally agree with you Insane Mundane (nice pen name btw), I'll add that to the list of do not's...

      As for the different formats...I mean as in background colors, text colors. etc...you gotta maintain the overall feel and color scheme of the website (that's my opinion atleast,depends on site to site as well)..

    • Insane Mundane profile image

      Insane Mundane 

      5 years ago from Earth

      It's okay to have a totally different format and/or look & feel to certain parts of your website, if it's a different section of your site - such as a forum or blog section, etc.

      As for the things to not do, I'd like to add keyword stuffers and wanna-be SEO gurus to the list. Nobody likes to read web pages that repeat the same keyword crap over and over while sounding like a robotic drone with tourette's syndrome of the spammer variety; ha!

    • paiva25 profile imageAUTHOR

      Paiva 

      5 years ago from Goa, india

      Thank you weezlabs.

    • paiva25 profile imageAUTHOR

      Paiva 

      5 years ago from Goa, india

      Thanks Tennicut..

      And yes I agree with you, simplicity is the key. And best and free programs that you can use is Google Analytics, if you already have a website hosted (or even a blog where you have access to the source code).

      Just create a account, link and embed it to your site, and when you log on and open your site, it shows you how many views you get, where the users click the most, etc.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)