|
|
IS YOUR WEB SITE UNFRIENDLY? Part 2 of 9
Part 2: IMAGES: make every one count Don't load your page with graphics, especially those "under construction" things. If the graphic has nothing to do with the content of your page it is best left out. "Why," I hear you ask, "shouldn't I have as...
The Ideal Web Design Firm
Choosing a web design firm isn't as easy as you think it is. Sure, you could get a firm to do your requirements and specifications as long as you have the money to pay for it. However, getting an inexperienced web design firm may hurt you more and...
Web Content Case Study ...
We recently "re-engineered the content and design of a website for Gardner+Lang ( www.gal.com.au ), a leading commercial real estate consultancy in Melbourne, and the result is a site that is quite different from most commercial agency sites. But...
Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image "Bit-Depth"
Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image "Bit-Depth" Are bloated images slowing down your web site and causing you lost business? Images comprise over 50% of the average web page so putting them on...
Why Not To Use Web Design Templates
In today's age of fast food and high-speed Internet, a business may be tempted to take the "more convenient" route in launching a website - buying a template and customising it. Website design templates are like off-the-shelf websites and are...
|
|
|
|
|
|
|
|
Five Core Elements to a Successful Website
It seems to me that many of you who are new to building websites are having trouble figuring out exactly what makes the difference between a website that's effective and one that doesn't produce results. For example, I recently received this from a reader of my e-zine, Marvin Baerg:
> This is a suggestion for an inclusion of an article on site > design tips. It would be great if you could give some URL's of > "excellently" designed sites with the reasons WHY they are > superior, in order to give a model to those of us who are still > amateurs at web design . Maybe also a not-so-good-one, > but then again, that may be construed as slander.
I told Marvin that was a great idea, and that I'd love to do an article like that-and that's what this article is. However, instead of focusing on the sites themselves, I'm going to focus on the aspects of the sites that make them so great. So, let's begin.
First, there are always *five core elements to a successful website*: global navigation, clean and attractive design, effective sales copy, appropriate text formatting, and value to the visitor. Let's explore each of these in more detail:
(Please note that with each element I explain, I may give an example of a good site and possibly a bad site. In no way are these examples meant to be an insult to the site owners or reflect upon the quality of their products. I'm simply pointing out what is, in my opinion, good design and bad design.)
1. Global Navigation - It's absolutely vital that your visitors be able to quickly and easily navigate your site and find what they need. In order to provide for this, a site must have a navigation system that will allow them to reach the main sections of the site immediately, and it must always be available and recognizable to the visitor.
o Good Example: www.sybren.net. I'm probably a little biased here as this is my site, but really, note that no matter what selection you make or what part of the site you're in, you can always get to the "main" parts of the site with one click.
o Bad Example: www.magic-city.net. Note that as you move through this site, you have to constantly return to the home page in order to navigate to other pages.
2. Clean and Attractive Design - A site that reflects a professional appearance is essential. While it's not absolutely vital that your site be designed by a professional, keeping it organized and free of clutter is imperative. To do so, make a logical outline of how you think your site's pages should be organized and then build (or rebuild) the site
around that outline. Also, remove anything from your site that isn't generating results for you. It's just making your site cluttered. Further, spend some time in your graphics program to learn how to create attractive graphics for your website.
o Good Example: http://imc.sybren.net. I don't have to say much here -- just look at the site: It's just very appealing and nice looking!
3. Effective Sales Copy - The sales copy you write is extremely important to the success of your site. It should be written with your target market in mind. (Note that if you have a content-based site, this should be replaced with good content instead.) To make your sales copy work, focus on benefits to the customer, not on features. Also, incorporate testimonials. Additionally, unless you're extremely good at writing sales copy, short copy is usually better than long.
o Good Example: www.roibot.com. Note the effective use of testimonials and how the focus is placed on benefits, not features.
4. Appropriate Text Formatting - If you format your text incorrectly your site will, quite frankly, look silly. Throughout your site, try to keep your use of font styles, sizes, and colors consistent as well as avoid too much bolding. This is best illustrated with examples:
o Good Example: www.howstuffworks.com. Click on several of the articles on this site and notice how they are consistently formatted the same. Your content should be formatted consistently as well.
o Bad Example: www.business-opportunity.net/fort5000.htm. Notice all the different sizes, colors, and overuse of bolding throughout the text. (By the way, this example is taken from an article written by Ralph Hilliard of WordNet.net)
5. Value to the Visitor - In order for your site to be valuable to its visitors, it must provide something that they need (be that a product, service, or information). Because not everyone will be interested in what you're offering, the most effective way to make your site valuable to your visitors is to target your marketing efforts to the right group of people-instead of trying to create a site that has a little bit of something for everyone. There are some other things you can do, like giving away freebies such as newsletters, eBooks, or articles, but that's a whole different subject.
About the Author
Micah D. Cranman designs attractive, compelling, and results-driven websites for small businesses and organizations. For more information on how he can help you develop a powerful web presence, visit his site at www.sybren.net.
|
|
|
|
|
Web Development |
This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation. |
www.december.com |
  |
Web Development |
Professional Web site design, graphic design, and Internet development services. |
webdevelopment.com |
  |
Web Developer's Virtual Library: Web Development Tutorials and ... |
News, tutorials, and reference material focusing on technical web development topics. |
www.wdvl.com |
  |
Open Source Web Development Tutorials - Dev Shed |
Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript. |
www.devshed.com |
  |
WebDeveloper.com |
Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ... |
www.webdeveloper.com |
  |
LevelTen Web Design | Professional Website, Flash & Graphic ... |
Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash] |
www.leveltendesign.com |
  |
Web development - Wikipedia, the free encyclopedia |
For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ... |
en.wikipedia.org |
  |
Web Design - HTML XML - Web Development - Web Site Design |
Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ... |
webdesign.about.com |
  |
Agile Web Development with Rails—Second Edition |
Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630. |
www.pragmaticprogrammer.com |
  |
CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ... |
CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer! |
www.webdev.cygad.net |
  |
Web Development Bookmarklets |
Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document. |
www.squarefree.com |
  |
SGI - Freeware - Web Development |
Links to freeware web development tools, browsers, software, etc. |
www.sgi.com |
  |
Webmonkey: The Web Developer's Resource |
Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources. |
www.webmonkey.com |
  |
Web Development Tools - Web Developer's Journal |
Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ... |
www.webdevelopersjournal.com |
  |
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ... |
Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman. |
www.alvit.de |
  |
Ceonex Web Development & Web Design - Full Service Digital ... |
Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ... |
www.ceonex.com |
  |
Cayenne Web Development - web design agency, Oxfordshire, UK |
Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service. |
www.cayenne.co.uk |
  |
Web development mistakes | 456 Berea Street |
When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing… |
www.456bereastreet.com |
  |
Web development mistakes | 456 Berea Street |
Articles and news on web standards, accessibility, usability, and other things related to web development and web design. |
www.456bereastreet.com |
  |
Anil Dash: Web Development Trends for 2006 |
Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ... |
www.dashes.com |
  |
|