John Pape Online Blog

Today I want to explore the element of design.  Design is an art and is subjective to the tastes of the individual that experiences the design.  To put this concept into perspective I will present this scenario.  Imaging you are going to but a T-Shirt.  What do you look for?  For most of us we will look for a design that works for us.  So we can conclude that design is a key aspect in our decision.

One of the best ways to look a problem is to look at it from another person’s point of view.  To do this I will present two different situation to help you understand this concept.

Site 1:

Bob is shown a website.  This website has good design features, amazing images, good choice of color.  All the images are relevant to the content.  The choice of font are easy to read.

Site 2 :

Next, Bob is shown another website.  This website features gross and ugly images.  The resolution is out of whack.  The images have nothing to do with the content.  The color scheme looks like it came out of a blender.  There are no less than 10 font styles used on the page.  Each page has a different layout.

Observation:

Looking these two sites from Bob perspective might go something like this:

Bob really likes Site 1 a lot.   He is impressed with the artwork and design.  He found it easy to navigation.  It was as though the design enhances the content.  Bob, enjoyed the site so much he stayed a while, learned many new things and even came back.

As for Site B Bob could hardly wait to leave the site. Visually it gave him a migraine.  There was now way he would ever want to return.  It was so bad that he even removed from his browser history. Now that’s bad.  The worst thing Bob did not fell comfortable, was distracted and was disappointed.  Not very welcoming was it?

Analysis:

Like it or not most people DO judge on first impression.  In these two cases the impression ranged from good to bad.

Often our ego gets in the way of good design.  The primary thing to take away is to plan your websites carefully.  Get feedback for others and get their perspective.  Remember, everyone is different.  Keep in mind design is subject to interpretation.  The goal is to create a favorable impression the first time.

Need A Web Site?

Custom Web Design for Small Businesses by professional and experienced web designer and developer.

Here is what I can do for you…

• Innovative Web Design
• Graphic Design Logos
• Maintain Your Website
• Data Driven Content
• Flash Applications
• Build Shopping Carts for Ecommerce
• Custom PHP Applications and Programming
• WordPress Installation & Customization

Get an affordable, attractive great website today. Hire Me For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com

Technorati Tags: information technology, Internet, usability, Web Design, Web Development

The Internet is built on connections. These connections bridge one computer to many others.  As a result we can access an abundance of information quickly and easily.

To get around the Internet we click on links.  Now think of these link in the same way the synapses of the brain are formed.

With website design one of the most important feature that is required is a way to link from one page to another.  Having a dead link is like crashing into a brick wall.  It stops you in your tracks.

As a web designer I make it a point to include a link on nearly every page I design.  These links are important.  If there were no links there would be no other place to go and get additional information.

A website had different kinds of links.  There are unspoken standards of design that should be followed for better usability.  Messing with these convention can have a negative effect on the user.  And as a designer I don’t want to see that.  Understanding the rules of convention that need to be followed is the first step in understanding.

When you look a typical website you can imagine it is like a book.  A book holds several pages.  These pages are often categorized in chapters.  A web page can be likened to pages of a book.

The two types of links: Internal and External

Let’s begin with Internal links.  These are the links that join content within your website.  If we look at the book example.  The Index or the Table of Contents of a book contain internal links that connects a page to another page in the same book.   On a website Internal links connect pages to other pages in the same website.  This allows a visitor to access the about us page from the home page though an internal link.

The other type of  link is the External link.  This link will move you from the current site you are on to another site.  In the book example this would be similar to a citation or reference.

Layout Conventions

Over time more users and website are added and certain assumption about the location of certain links.

One of the most common location for internal links is either horizontally across the top or vertically along the left margin of the page.  In nearly every case this will be the main navigation to the website.  Designer thought these area to be the most natural position for this grouping on links.  As a result these area are prominent in graphic design of the page.

You will also find internal links toward the bottom of the page.  This area is called the page footer.  Here you will find links of secondary importance or are more informational.

Within the body of the content you will usually find External link.  There are no set rules for this it is just a convention that has come out out common use.  The location of the link could be within the body text or as a reference note at the end of the content.

Keep in mind these ideas are only convention and not set in stone rules.  Designer have a lot of freedom to adjust the layout.  These variations can make surfing the web more intersting.  The important thing to remember is to not confuse of alienate your visitor.

Need A Web Site?

Custom Web Design for Small Businesses by professional and experienced web designer and developer.

Here is what I can do for you…

• Innovative Web Design
• Graphic Design Logos
• Maintain Your Website
• Data Driven Content
• Flash Applications
• Build Shopping Carts for Ecommerce
• Custom PHP Applications and Programming
• WordPress Installation & Customization

Get an affordable, attractive great website today. Hire Me For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com

Technorati Tags: linking strategy, usability, Web Design, Web Development

Your website is where your business resides — it’s like the headquarter of an offline company. Hence, it is important to practice good design principles to make sure your site reaches out to the maximum number of visitors and sells to as many people as possible.

Make sure you have clear directions on the navigation of your website. The navigation menu should be uncluttered and concise so that visitors know how to navigate around your website without confusion.

Reduce the number of images on your website. They make your site load very slowly and more often than not they are very unnecessary. If you think any image is essential on your site, make sure you optimize them using image editing programs so that they have a minimum file size.

Keep your text paragraphs at a reasonable length. If a paragraph is too long, you should split it into seperate paragraphs so that the text blocks will not be too big. This is important because a block of text that is too large will deter visitors from reading your content.

Make sure your website complies to web standards at www.w3.org and make sure they are cross-browser compatible. If your website looks great in Internet Explorer but breaks horribly in Firefox and Opera, you will lose out on a lot of prospective visitors.

Avoid using scripting languages on your site unless it is absolutely necessary. Use scripting languages to handle or manipulate data, not to create visual effects on your website. Heavy scripts will slow down the loading time of your site and even crash some browsers. Also, scripts are not supported across all browsers, so some visitors might miss important information because of that.

Use CSS to style your page content because they save a lot of work by styling all elements on your website in one go.

Need A Web Site?

Custom Web Design for Small Businesses by professional and experienced web designer and developer.

Here is what I can do for you…

• Innovative Web Design
• Graphic Design Logos
• Maintain Your Website
• Data Driven Content
• Flash Applications
• Build Shopping Carts for Ecommerce
• Custom PHP Applications and Programming
• WordPress Installation & Customization

Get an affordable, attractive great website today. Hire Me For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com

Technorati Tags: design process, usability, Web Design, Web Development