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
50 Surefire Web Design Tips > NetSparsh - Viral Content you Love & Share

50 Surefire Web Design Tips

Tips to brand your website

  • Include your logo in all pages. Position it at the top left or each page.

  • Complement your logo with a tagline or catchy sentence that summarizes your business purpose. For example "Always low prices" is the tagline for Wal-Mart.

  • Create a favicon. A favicon is that small graphic that appears next to the URL in the address bar.

  • Have a consistent look and feel in all your pages. Use a color scheme and layout that are clearly recognized across your site.

  • Have an About Us section, that includes all relevant information about you and your business.

  • Include a copyright statement at the bottom of each page.

Tips on website navigation

  • Design your pages to load in less than 10 seconds (50Kb maximum size, including pictures).

  • Group your navigational options in relevant categories.

  • Use common names for your menu options: Home, About Us, Contact Us, Help, Products. Avoid "clever" or "trendy" alternatives.

  • If your site uses Flash, provide also an HTML version for users who prefer a less fancy, faster site.

  • Provide simple text navigation links at the bottom of long pages, so users don't need to scroll back up.

  • Link your logo to your homepage, except in the homepage itself. Put a link to your homepage on all your internal pages.

  • Display a "breadcrumb trail"; it is basically the path from the homepage to the page where you are. A breadcrumb trail looks like this: Home > Section > Sub-Section > Page, and it greatly facilitates navigation.

  • If your site is too big, provide Search capabilities. Include a search box in the upper right corner of your homepage, and a link to a Search page from your interior pages. Freefind ( ) offers you a free and powerful search engine for your site.

  • Set your search box to search your site, not to search the web.

  • Create a custom error page that displays a simple site map with links to the main sections of your site. That way, you will not lose visitors that have followed a bad link to your site or who have misspelled your URL.

Tips on Layout and Content Presentation

  • Save the top of your page for your most important content. Remember: good content must flow to the top.

  • Lay out your page with tables, and set the width in percentage terms instead of a fixed number of pixels. That way, your page will always fit the screen, without the need to scroll horizontally.

  • Optimize your page to be viewed best at 800x600 (the most popular resolution at the time of this writing).

  • Use high contrast for the body of your page: black text on white background, or white text on black background work best.

  • Don't use too many different fonts in one page. Also, avoid using small serif fonts (like Times Roman): they are difficult to read from a computer screen. Verdana is the most web-friendly font, since it is wide, clean and easy to read.

  • Avoid long blocks of text. Use tools that facilitate scanability, like bullets, subtitles, highlighted keywords, hyperlinks, etc.

  • Avoid amateurish features like: numeric page counters, wholesale use of exclamation points, all caps, center justified blocks of text, excessive animated gifs, busy backgrounds, etc.

  • Don't use pop-up windows. They distract your visitors and are immediately dismissed as ads.

  • Test your site so that it looks good in different browsers and resolutions.

Tips on Writing for the Web

  • Write in layman's terms so that everybody can understand your content, unless you're running a technical site for technical people.

  • Reading from a screen is painful: use 50% less words than you would use on print.

  • If a page is too long, break it into several pages and link to them.

  • Don't use font sizes smaller than 10pt. for the body of your page. Specify your fonts in percentage terms instead of pixels, to let users set their own size preferences using their browser's text view options.

  • Use a spell checker. Spelling mistakes are embarrassing and hurt credibility.

Tips to Know Your Customers

  • Ask for feedback: include a feedback form in your Contact Us page.

  • Publish an ezine and include a subscription form in your homepage. Give your customers valuable information and encourage them to contact you.

  • Include polls and other tools to gather market intelligence.

Tips on Linking

  • Make your links descriptive. They should indicate what the user will be linking to, as opposed to just saying "click here".

  • Don't underline anything that is not a link.

  • Underline your links and use a consistent color for them across your site (preferably blue).

  • Use a different color for visited links, so that your visitors know where they've been (preferably purple or a more subdued tone of the unvisited links color).

  • When linking to a non-HTML file, such as Excel, Word or Acrobat, make it evident, by including a small icon next to the link.

  • Don't link to "under construction" pages.

  • Make sure that your links work and that you don't have broken links. There are free online tools that can help you with this.

  • If you use graphic links, don't forget to use the ALT attribute. The ALT attribute should describe what are you linking to.

Tips on how to use graphics

  • Optimize your graphics. Use only .gif and .jpg formats. Make your image files as small as possible while maintaining acceptable quality. Use a free online graphics optimization tool.

  • Use thumbnails (miniature versions of a picture) and make them clickable to the actual size picture.

  • Avoid graphics that look like ads. People ignore them.

  • Use the ALT attribute on pictures, even the image is not a link. It helps users with disabilities and people who have turned off graphics.

Tips to optimize your site for the search engines:

  • Create short, descriptive page titles, to entice search engine users to click on your links.

  • Create a site map containing all your pages, and link to it directly from your homepage. Search engine robots will follow the link to your site map and will most likely add all your pages to the index.

  • Decide what the two or three main keywords are for each page (the words you believe search engine users will type to find your page) and repeat them often in your page title, description meta tag and page body.

  • Create a Links page and call it Resources. In it, place links to those sites that have agreed to place a reciprocal link to your page. The more inbound links you have from quality sites with a topic related to your site, the better your site will rank with the search engines.

  • Use more text than graphics, and minimize the use of Flash and JavaScript. Search engines heavily favor text and will crawl and index your site faster.

For more details on these tips, or for more tips, visit http://www.theinternetdigest.net .

About The Author

Mario Sanchez publishes The Internet Digest ( http://www.theinternetdigest.net ), a collection of web design and Internet marketing tips and resources to help you design a better website and market it more effectively.

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

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.


Where to learn web design?
SitePoint
Hello,. I already know HTML and CSS. I would like to learn how to create attractive layouts in Photoshop, so I can lay them out with code. Are there any good books or online tutorials that would help me with this? Thanks!


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 ...


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 ...


Customer Think

Top website Design and development Guidelines for 2018
Customer Think
Most of the designers don't really care about design standards. However, it is crucial for web designers and developers. There are few Standard Web Conventions which are actually basic web design best practices and standards. They are a certain set of ...


TechCo (blog)

Best Web Design Software
TechCo (blog)
It has never been easier to make your own website. Thanks to web design software, the time required to create your own website has dropped from days and weeks to minutes. Gone are the days of coding, testing and even CD-based web design software.


Digital Product Manager/Web Designer/Developer
Bizcommunity.com
You will also keep a pulse on competitors in the industry, best practices in web design, the latest trends in digital media, and the needs of the editorial team — all to provide the foundation and vision for projects that will continue to drive ...


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 ...


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 ...


Fast Company

Here's how GDPR is already changing web design
Fast Company
A typical web page can have many dozens of cookies (even hundreds, in some cases), which track your behavior for everyone from advertisers to developers–a practice also known as design optimization. When Europe's sweeping privacy regulations (called ...

and more »
Google News

Give Your Web Wite Visitors What They Really Want - Information!

Surfing the internet is basically an information-fest! From intellectual discussions... Read More

How to Create A Homepage That Works

Want to know what the worst thing to say on... Read More

How To Design A Web Site

I'm not a professional web site designer and openly admit... Read More

Keep Your Navigation Simple!

Navigation must be simple. Since it's the backbone of your... Read More

Turn Harmful 404 Error Pages Into Helpful 301 Redirects

It's a fact, Page Not Found, known as a 404... Read More

One-Product Sales Sites: Avoid These Top Blunders

One product, one long web page: this kind of web... Read More

Choosing A Color Scheme

When you begin the design of your Web site, one... Read More

Cool Web Design And Promotion Tips

This article gives free tips on how to find a... Read More

Successful Websites Don?t Set Out To Sell

What are websites? Are they sales tools for vendors and... Read More

No Matr How Goud The Infomation...

Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More

Mini Site or Content-based Web Site?

Are you in a dilemma whether to create a mini... Read More

Size Does Matter!

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

Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic

If you're not getting a lot of traffic to your... Read More

Sell Yourself First...Your Key To More Sales

Selling on the internet is a challenge. There is no... Read More

Why Should You Care About Your Web Site Colors?

**How Colors are Used in web design:**Demarcates screen elements into... Read More

Adding the Right Keywords to Your Website Content

You've made your website, added a great title and keywords... Read More

How to Force Your Visitors to Order Immediately!

This may comes as a surprise to you but, if... Read More

Creating Quality Websites

Websites, there are literally billions of them out there in... Read More

Designing Your Websites Directory Structure

Any kid, and their grandmother too, can make a webpage.... Read More

How To Improve The Professional Look And Feel Of Your Website

Projecting a professional image is paramount to your website's success.... Read More

Elements of Graphic Design for Your Website

We've all seen them. Poorly designed web sites that make... 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 Redesign for Existing Websites

Does your website need a re-design? Here are some questions... Read More

Flash Doesnt Always Add Shine to Web Efforts

The trend today to overuse animation in a website's opening... Read More

Simple Steps To Proper Web Design

Over the course of the last decade, the Internet has... Read More