Archive for Web Design

Web Design Trends 2007

There is a permanent change in web design especially in times of web 2.0 with a rapid advancement of technologies and opportunities.

It was fancy, if websites where animated and flashy some years ago. Nowadays webdesign is turning back to the roots. Static, clearly arranged side lie fully in the trend again. This is on the one hand because of the user-supersaturation by animated sides. On the other hand the accessibility and usability of a website becomes more and more important.

The german internet agency TechDivision, located in Rosenheim, supplies state of the art web design since 1997. Thus we concern ourselves also constantly with trends in web design. For the year 2007, we have located some trends, which will be incorporated in our customer projects.

Driven by web 2.0 technologies and the corresponding trend of blogging, the blog optics will become more and more important. Some larger companies already took up this trend. This will continue in the coming year.

Interaction between white or grey surfaces with specific used colours will play a basic role in modern web layouts. Combinations of pictures, diagrams, colored and white surfaces will be used very often.

The mainly used background colour was white. We can recognize a trend in multicoloured or single coloured backgrounds in the year 2007. We also believe that specific textures could become more and more important. E.g. structured surfaces.

Special attention will have to be on slim, standard-conformable web pages with clearly structured and easy to read content.

The table Design of the past will be replaced by layer-based, table-less XHTML and CSS templates which offers more flexibility in design together with slim and clear source code.

Animations will be used only punctually and very specific. In former times the often used intro-site represents an absolute no go.

Article Source: http://EzineArticles.com/?expert=Josef_Willkommer

Comments

Ten Ways to Instantly Improve Your Usability

Whether it’s an e-commerce site, an online tool, or just your company’s corporate sites–smart marketers know that web site usability is key to the success of any online presence. What a lot of marketers don’t know is the basic principles of web usability and how to apply those rules to their own online presence. Here are ten very easy ways to make an immediate impact on the usability of your site:

1. Home – Users want a home and they expect to see a link to home in the same place: the top left-hand part of your site. Don’t try to be creative and place your link on the right hand side, or at the bottom of a left navigation, or even worse, leave it off your navigation completely. You’ll just end up frustrating your users.

2. Links – Make links look like links. Designers hate the ugly blue, underlined text that indicates a hyperlink, but users love it. The standard blue, underlined text shows users implicitly that the content is a link. Now you don’t have to use that blue, underlined text, but do make sure your links look like links. You’ll want to also make sure that a visited link changes color.

3. Text Size – Another Designer pet peeve is text size. Designers tend to use the smallest size they can get away with. If users can’t read your text, they’ll bail out. Make sure your text size is 11pt. or above. One of the great trends that stemmed from Web 2.0 is the use of really large text, buttons, and features.

4. Navigation – Your navigation is central to the usability of your site. Your navigation should be placed on the top of the page under your logo, or down the left side. Never place your navigation on the right hand side, or worse change the location of your navigation Users are used to seeing navigation in the same place. If you make them hunt for it, they’ll bail and you’ll lose out on that sale, lead, or client.

5. Orientation – If your site is deep, meaning it has a lot of pages and many levels of navigation make sure that users know where they are in the site, and how to get back. A great way to accomplish this is by adding a breadcrumb trail. This basically shows users their click path. For example, a user who is shopping for skirts might see: Home > Women’s > Clothing > Skirts. Each of these categories should be a link that takes the user back to that category.

6. Content – Though content is usually not mentioned as an aspect of usability, it is so important to use web best standards for your written content. In this case, less is always more. Your site is NOT an online brochure. Web users don’t read, they scan. Use short, active sentences and calls to action that are engaging. You can do this with bold, bullets, buttons, and call-outs.

7. Placement – Put features where users expect to see them. Your logo goes on the top left and is a link to the homepage. Search belongs at the top right hand side. Contact Us should be the last section in your navigation. Login should be at the top left. Eye tracking studies show that users start at the top right, scan back and forth from left down the page, and end up at the top right expecting to complete an action.

8. The 30 Second Rule – The 30 Second Rule states that users should know who you are, what you do, and what they should do next on your site. Do a gut check and make sure you pass. Ask anyone who is not familiar with your site or business to perform this test.

9. Search – Fifty percent of users prefer to use a search tool rather than drill down through your navigation. Give your users search so they can find what they are looking for fast.

10. Speed – Users hate nothing more than waiting. Do you think they really care about the fancy Flash effects your designer talked you into? Every last study also says that Flash-based intros are useless. So, if you’re considering spending good money on a fancy intro, think again.

At least 8 out of ten websites are breaking at least one of these rules if not all of them. Do your users a favor and fix these issues right away; your users and your bottom line will thank you for it.

Article Source: http://EzineArticles.com/?expert=Ivy_Hastings

Comments

Next entries »