Guiding Principles in Creating an Effective Web Design

by Jason Acidre on August 4, 2011 · 41 comments · Conversion


This entry is a guest post by Noel Addison Agnote from NDIC. The views and opinions expressed on this post don’t necessarily reflect my views as an Online Marketer.

Principle Web design is one of the most vital aspect of modern online marketing, as visually attractive websites are very much capable of converting visitors to leads/sales with almost no trouble at all. Designs enable websites to speak for itself, in which they can inject and ignite trust to users upon first impression – seeing that the website has invested on making its users’ visual experience valuable.

On any online marketing strategies, enforcing a creatively done website design can and will extremely improve the site’s performance in terms of:

  • Sending out strong brand signals by visually captivating your site’s visitors.
  • Increasing conversions through clean and succinct display of the website’s elements.
  • Attracting and acquiring natural links, particularly if your site has an exceptional web design like Ben the Bodyguard and Analog.coop, which were able to semi-automate their process of building links through their ingenious design.
  • Usability, which Google loves and in someway is granted with higher search rankings on their SERPs. It is also a good way to improve the user-activity scores (getting more pageviews and reducing bounce rates) of the site.

Simplicity – Less is More

Keeping your website simple should be the primary goal in designing a website. Remember that users are searching for information or answer to a certain question. In addition, Simple websites are easier to navigate, load faster and simple sites are quicker to design and build. So to make your website look simple remove unnecessary decorative elements and make sure that the backend of your site is as simple as the frontend. A simple message will be understood better than a complicated one.

Reduce the Cognitive Load In Your Design

When building a website make sure that your audience will quickly understand what your page is about. The navigation and site architecture have to be spontaneous or else more questions about your site will arise in your audience’s mind. A comprehensible structure, sensible visual clues and identifiable links can aid users to get what they need to know about your page. Let your website be clear and understandable.

Reducing the complexities in your website will make it easier for visitors to get the information that you want to convey to them.

Let Users Explore the Site and Discover Your Services

Remove the barriers that deter your visitors from exploring your website. Try to minimize your user’s requirement when you are offering some service or tools. Less action needed from users to try your service, the more visitors will try it. Let users discover the site and learn more about your services without obliging them to share their private data. It is not practical to compel users to enter an email address only to test your service. Make your users feel comfortable and calm in trying the features of your service.

Keep Your Visitor’s Attention and Interest

Aid your visitor’s eyes to see what’s important in your page and help them concentrate on what to do. Make your call to action different from other things in the page. Your content must be consistent, present things similarly so that it will be more serviceable and easier to learn for your visitors. Also, proper alignment is most likely the most important visual treatment you can do to make a design look visually easier to utilize.

Let the User See Vividly What Functions Are Available

Allowing the user see clearly what functions are available is a basic rule of successful user interface design. Make sure that the content is well-understood and visitors feel comfortable with the way they interact with the system.

Make Use of Effective Writing

When writing for a website come to the point as quickly as possible, use short and concise phrases instead of cute words and exaggerated statements. Use simple and objective language. Give your users some reasonable and objective reason why they should use your service or stay on your web-site.

White space is good

There are several of elements that form a great web design, but one of the most disregarded and underutilized is whitespace. Whitespace is made of nothing, but should not be seen in that way. There are several advantages that a huge dose of whitespace can bring to a design. Simply by increasing the space between elements in a layout, a design can take on a more elegant appearance, and by injecting more whitespace into a web design’s typography, content becomes more legible.

Communicate effectively with a “visible language”

Do the most with the least amount of cues and visual elements. Simplicity includes only the elements that are most important for communication. All components should be designed so their meaning is not vague. The essential properties of the elements should be discernible. The most important elements should be easily perceived. The user interface must keep in balance legibility, readability, typography, symbolism, multiple views, and color or texture in order to communicate successfully.

Test your website.

You will need to extensively test the website to ensure that visitors have a comfortable stay and don’t leave your site in an instant. Testing is an iterative process. That means that you design something, test it, fix it and then test it again.

There might be problems which haven’t been found during the first round as users were practically blocked by other problems. Usability tests always produce useful results. Either you’ll be pointed to the problems you have or you’ll be pointed to the absence of major design flaws which is in both cases a useful insight for your project.

According to Weinberg’s law, a developer is unsuited to test his or her code. This holds for designers as well. After you’ve worked on a site for few weeks, you can’t observe it from a fresh perspective anymore. You know how it is built and therefore you know exactly how it works — you have the wisdom independent testers and visitors of your site wouldn’t have.

About the Author:

Addison AgnoteNoel Addison Agnote is working as an internet marketer for more than 2 years. He is a part of NDIC, a web design company whose dedication is to build quality websites and help your business build a good online presence. For more information, please visit Santa Barbara Web Design.

Liked this post? Follow me:

Image Credit: SydneyTayler

Jason Acidre

Jason Acidre is Co-Founder and CEO of Xight Interactive, marketing consultant for Affilorama and Traffic Travis, and also the sole author of this SEO blog. You can follow him on Twitter @jasonacidre and on Google+.

More Posts - Twitter - Facebook - Google Plus

{ 38 comments… read them below or add one }

Chokulit August 4, 2011 at 6:00 pm

Thanks bro for the post!

Reply

Qwentin@mobile app development August 5, 2011 at 12:40 am

Agree about testing point. You can see at it from the fresh point of view and see the drawbacks it has. Just like at any ohther project of yours.
If you don’t have possibility to hire a tester, you can put off the site for a couple of days or weeks and come back to it later, after doing something else. In this case, you’ll be able to find the mistakes you made.

Reply

Noel Addison@Web Design Ventura August 5, 2011 at 7:42 pm

Thanks Qwentin. Yes, that’s absolutely right!

Reply

Mark@TheBitBot Organic SEO & SEM Blog August 5, 2011 at 4:20 am

This article is a good “slap on the wrist” for those of us that like to “junk up” our blogs with tons of plugins and ads.

I am so guilty of this. Every time I change my theme everything looks clean and great and then it starts…I begin hacking the code and making everything complicated…it happens every time.

Great article, Noel.

You are right, sometimes less is definitely more…:)

Mark

Reply

Noel Addison@Web Design Ventura August 5, 2011 at 7:44 pm

Thanks Mark!

Reply

Kristina L. August 6, 2011 at 2:23 pm

Hi, Noel,
I agree that the key is in simplicity, but a good web design for itself will not keep the visitors from coming just because it looks nice. I’ve seen many different approaches to web design, and neither of them were guarantee for bringing traffic…some were messy, and yet they were very visited, the others were neat and easy to manage, but with no content or anything engaging to make the readers visit the site again.

Reply

Andrew Walker August 7, 2011 at 12:41 am

Hi Jason. Nice share! I’ve been looking for more information in designing web. Lovely!

Reply

Noel Addison@Web Design Ventura August 8, 2011 at 8:11 pm

Thank you Kristina and Andrew! :)

Reply

John@mobile coupons August 9, 2011 at 7:34 am

Thank you for this post. I especially can relate to your notion of “Simplicity – less is more.” When websites have too much information, I bounce from it right away. A website literally has just a few seconds of time to keep the attention of its’ audience. When websites are too convoluted with information, a lot of the times it will cause an audience to seek another website where needed information can be found quicker.

Thank you for the post as always!

Reply

luchiferrr August 10, 2011 at 8:14 am

The part about leaving white space has given me a new perspective on whats attractive to a website. Definitely something to take note on the next sites ill be building. Great article!

Reply

Chris Warren August 11, 2011 at 10:34 am

A great reminder about keeping user focused design ideas in mind as we SEO’s often get lost in our rankings and forget about trying to do more with the users we have. The whole point of building my websites is to create users who love the brand so I am ultimately not reliant on Google traffic.

Reply

Noel Addison September 8, 2011 at 1:42 am

That’s right Chris! In designing our website we must think how our design will appeal and stimulate the senses of our visitors.

Reply

Thomas Jackson@vanderbilt beach condominiums August 14, 2011 at 7:41 am

A reminder to all web developers out there. I just want to add that in testing our website, you have to use different browsers in testing and also you might want to check your website in a mobile platform because nowadays, there are a lot of users surfing the internet using there phones.

Reply

Paul Escudier@How Do I get Customers? August 27, 2011 at 2:49 pm

White space is critical, the first ever thing I was taught, apart form the rule of thirds, was great design isn’t about what you put in, it’s about what you leave out. The busier the layout the more things there are to distract from the message.

Reply

Steve March 11, 2013 at 5:45 am

Couldn’t agree more, simplicity is the key. Don’t go into ‘information overload’ and switch people off. Keep it simple, grab the viewers focus on the relevant detail and make it easy for them to contact you.

Reply

pearl@ Website Development & Designing August 31, 2011 at 11:10 pm

All what you’ve discussed here is true dear I am not able to pick a particular point to say that its the best but all explained here are really so crucial. Moreover even if you get the decent rank in SERPs doesn’t imply that you can convert the visitors into clients but after getting good ranking its only the site’s look and presentation which plays the next step.

Thanks for the handy tips.

Reply

Peter@Effective Site Marketing September 2, 2011 at 9:58 am

Nice organized, simply laid out list, definitely practices what it preaches!

you can’t stress keeping the website design simple. With so many developers out there trying to one up each other that point can sometimes be forgotten.

Reply

Steve from Web Designs Hampsjhire September 5, 2011 at 5:15 am

I agree that keeping websites simple is key. Sometimes people try and put too much content and too many pages, and its not clear what their site is about. Such a simple tip but still so many people don’t follow it.

Reply

ketan September 13, 2011 at 3:08 am

Good post Noel. I see many comment-ers here also agree about the simplicity criterion. The truth is however, simple designs, more often then not, look unsophisticated – talking about design only here. The elegance of google.com landing page comes from the scattered links around the pages. Not that I am fan of google’s design philosophy, but it works, bing – not so much.

So there go with simplicity. It’s tricky – if that’s simple! Great post by the way.

K.

Reply

Shaun Hensher@Graphic Designer September 19, 2011 at 12:56 am

I’m glad you mentioned white space and typography. So many people see white space as something that needs to be filled. Meanwhile, effective use of white space is paramount to creating an effective web design. It helps you guide the eye, helps break the information into bits the brain can manage, and can help emphasize important images or words (greater white space around something makes it stand out more).

Reply

Jason October 5, 2011 at 5:22 pm

Lots of stuff covered here, but the one thing I definitely agree on is simplicity. That goes for all content, whether graphical or in words.

Reply

JohnRiggs@ Web Design Miami November 28, 2011 at 11:36 am

I think simplicity is one of the biggest keys to an effective web design

Reply

adam @ Coventry Website Design March 1, 2012 at 1:21 pm

Having an effective website can depend on all sorts of elements. An easy to navigate website with a simple but eye catching design will always bring users back to visiting.
Nice article Noel.

Reply

Max from Innoseo Marketing March 6, 2012 at 7:33 am

Great points Jason. Maintaining the AIDA (attention, interest, desire, action) principle in design and copy can be very important in increasing user experience. As a fan of minimalism, I am partial to simplicity, and I think the constraints that it imposes on designers forces them to be more creative. This process leads to more functional work, that users are able to interact with much easier. Thanks for the tips!

Reply

Leslee March 22, 2012 at 1:07 am

Great post! thumbs up!! I agree that less is more. Visitors in a website wants a website that can be navigated easily.And also Load your websites with more content that is significant. Thanks for sharing!

Reply

kevin May 11, 2012 at 10:04 am

Hello Neol, your post answers to some of the best questions of the internet world.
Many websites owner don’t allow to access their site without entering an email address or divert them to rather tedious signup and verification process.
This not only distracts the user but creates dis-mood in the minds of user.
Most of the time, user does not get the information or resource, they are looking for even after following verification process but rather they are diverted to a payment gateway.
For me this is one of the worst user experience and it should be avoided.
Internet is a free sharing community and it has to be carried on forward.

Reply

kevin May 16, 2012 at 8:49 am

Hello Neol, your post answers to some of the best questions.
As many people here have already highlighted SEO part of the website, so I will not go in to the more details of website.
I have cited some of the bad user experience in accessing a website from user point of view below.
Many websites owner don’t allow to access their site without entering an email address or rather tedious signup and verification process.
This not only distracts the user but creates dis-mood in the minds of user.
Most of the time, user does not get the information or resource for they are looking for even after following verification process but rather they are diverted to a payment gateway.
For me this is one of the worst user experience and it should be avoided.
Internet is a sharing community and it has to be carried on forward.

Reply

Craig July 26, 2012 at 8:54 pm

Yeah, keeping a page simple is key. All to often I see the beginner mistake of clutter and mediocre design on an otherwise decent page. The key is linking to these objects not just cramming them all on one page.

Reply

Kyle Brandon August 29, 2012 at 3:53 am

Effective website design is simple yet user friendly. On the other hand, technology is the spearhead of life nowadays. We can’t rebut that even simple things are affected by technology. One good example is blogging or known as online writing, for just a single post you can build a community and best is you can earn from it.

Reply

Nick September 16, 2012 at 2:01 am

I’ve been a graphic artist for over 20 years now. I’m just really unfamiliar with writing a blog and found your blog when
researching design blogs and forums. I’ve got to point out how encouraged I am with all your blog posts along with the over-all top quality of your website. I am hoping I can start up a website just like your site and will check out your blog posts with great focus. Thanks heaps for that creativity mate.

Reply

Nathan@Web Designer Australia December 14, 2012 at 10:38 pm

Less is more and white space is good… I love these two, I am a huge advocate of simple web designs that pack a punch… I think they have more elegance, and are easier get to where you are going.
there is a reason google is so easy and simple to use, and its not because it flashes and hurts your eyes.

Reply

Ilene@billigste ipad January 6, 2013 at 7:15 pm

Hi, i think that i saw you visited my weblog so i came to “return the favor”.
I’m attempting to find things to improve my site!I suppose its ok to use some of your ideas!!

Reply

Harriett@http://Freemail9.net/ March 25, 2013 at 1:16 am

Pizza can be a nutritious snack or meal, but the tasty food
often comes laden with fat and calories. The grill unfortunately is a
risky place to cook meals, and also the griddle can
be a great present towards the wellbeing aware.
It is not like ordinary dough, it is not supposed to be
soft as a baby’s bottom.

Reply

Dan August 15, 2013 at 12:58 pm

Thank You! Excellent tips…I’m always checking bounce rates. It’s a good indicator of usability and the search engines certainly pay close attention to it.

Reply

Gareth Ellis August 27, 2013 at 2:20 am

Completely agree with the simplicity factor. Less IS so much more. Especially when navigating sites on mobile browsers. I wonder what the drop of rate is for sites that are not designed for mobile. Personally I wont waste my time trying to pinch and zoom to navigate round an unoptimized page.

Reply

Aditi October 4, 2013 at 5:28 am

Hello Jason!
Great post I must say! I like the tips that you have shared on web designing. These points are good and also effective in creating a perfect website. I like the points that you have used of maintaining white spaces. It definitely helps to look good and at the same time effective writing is also important. Thanks for the share!!

Reply

alphanso December 13, 2013 at 1:14 am

Hello Jason!
Great post I must say! I like the tips that you have shared on web designing.Completely agree with the simplicity factor. Less IS so much more.

Reply

Marshall@Professional Website Design Brisbane  December 23, 2013 at 1:06 am

Great
100% i agree with the post. Every website should easy to navigate. A visitor should be able to find the information they are looking for without hassle and frustration. The site’s navigation buttons should be grouped together. If image links are used, text links should also be provided for those people who have images turned off on their browser or are using an older browser that doesn’t support images.
Thanks

Reply

Leave a Comment

{ 3 trackbacks }

Previous post:

Next post: