Monthly Archives: April 2018

Web Design Tip 1

Well, the title probably says it all but nevertheless I am going to emphasize on this very essential web design tip.

A website would not gain constant stream of visitors or even repeated ones if users find the design inaccessible. A dumb and probably even useless fact some of you might say but people still forget it. You have to agree that the visitor is the most important person when drafting out a design. If you can successfully draft out a design thats appealing yet easily accessible to the visitor, then I assure you that your client would feel the same. (with the exception of 0.0001% :p)

Easier said then done, how do you think of the end user in mind while drafting out that layout/design? There are several ways you can go about in doing so.

* Imagine you’re the end user every single second of your design phase

* Have friends test out your layout after you’re done with drafting

* Don’t think whether you or the client would like the aesthetics of the design but more on whether the end user would know where to go to get what he wants.

*Place aesthetic criteria aside and make sure you have a sitemap so that everything is easily accessible.

* What’s the purpose of the site?

* Target Audience?

* Get outside opinions, critiques, especially those NOT adept at web design.

* Last but not least, would you re-visit the site (with your design) considering you’re an outsider?

I just cannot emphasize the importance of the first tip, namely, to imagine yourself in the shoes of the end user of the site you’re designing. Without doing so, its rare that one is able to churn up a design for a site that will keep visitors coming back for reasons that include aesthetic appeal as well as accessibility.

As a web user yourself, I’m very certain none of you wants to go searching through the whole site just to find that link that says “Contact Us” or even wait minutes for images to load on a site. Therefore, thinking of the end user in mind while drafting out your design would ensure that you go to great lengths to ensure a pleasant visit for your visitors and it would show indefinitely.

Some people prefer simplicity, some just awe at graphical excellence, but the fact remains that if the end user does not enjoy his time while on your site, you’re most definitely not going to get him to visit your site again lest he’s forced to. So it doesn’t matter what kind of design/layout you go for, just remember,

Web Design Tips for Beginners

The best tips that I can give you are the following 25 that are basic web design tips which the majority of web designers would also agree with.

Tip 1: Ideally use a light background with a dark font, preferably white background with black text. This is so much easier on the human eye & the last thing you want is getting a visitor to your site & for them to just click off because the content was hard to read.

Tip 2: Content is very important, on every page you should have at least 100 words of copy which will include your most important keywords. Google loves content & the more up to date & relevant the content is the better.

Tip 3: Have your logo positioned top left of your website as this is the first thing the human eye will see. Along with your business or website name, e-mail address & your phone number just to the right of this.

Tip 4: If your website is quite large with many pages & products then make sure you have a Site Search option for your website. Ideally this will be placed near the top of the page.

Tip 5: Make sure your Title Tags are unique for each page & that they contain your main keywords for that particular page. DO NOT just have ‘Home’ as your Title Tag, make sure it says exactly what your site is about, for example, ‘Web Design Tips for the beginner, advice on website design’. You are allowed around 65 characters, including the spaces.

Tip 6: Make your Meta Description as interesting & as descriptive as can be, you need to capture their attention. Use your keywords but make it readable & make it more of a sales pitch too. You have around 25-30 words to play with.

Tip 7: Keep images as small as possible, yes they look great but too large an image will take longer to load & the visitor to your site will just get fed up with waiting & click on to the next site, which will probably be your competitors!

Remember slow pages are very annoying! Ideally keep your images to around 10-12KB per image.

Tip 8: Always use graphics that are relevant to the content. You would be amazed at how many sites I have seen that are, for example, about Fishing & there are pictures of the site owners Ferrari on there!!

Tip 9: Try to avoid using Flash images, as flashing or moving graphics are distracting & annoying. You want the visitor to read your content or buy your product & not look at some Flash image just because you thought it looked cool! When it comes to web design…lose your ego!

Tip 10: Whitespace on your layout is a must. Although I have said that you need content, it must be readable. Use sub headlines to separate paragraphs as people skim read.

You need to make it as easy on the eye as you can, do not cram as much content as you can in just for the sake of it…make it readable!

Tip 11: Make sure that you have Alt Tags on all of your images. They help the visually impaired & blind, as they have software that will read the Alt tags & describe the image to them.

Google also view Alt Tags as important so make sure you have keywords in the Tag but DO NOT use a keyword more than twice as Google will think you are trying to trick them by spamming. Just keep it sensible & keep it real.

Tip 12: The fonts you use for your text are important. Serif is easy to read on computers, so stick to Serif for headlines & Sans-Serif for your text.

Do not use fancy fonts just because they look good, as some will not be displayed on certain browsrers & this will make your website look awful. You want your site to look good but more importantly you want it to work.

Stick with Arial, Verdana or Helvetica fonts, may look boring but they work!

Tip 13: Limit the number of different fonts that you use to 2 at the maximum. I try to use the same font throughout my websites as many different fonts just looks amateurish.

Tip 14: Do not use loads of bright colours as this also looks amateurish. Find a colour wheel & choose 2 or 3 colours that match or are closely linked on the wheel.

Do not use ‘shouting’ colours such as bright reds, yellows or greens. Be subtle.

Tip 15: Avoid large fonts as people recognise this as ‘shouting’. Use bold text only for headlines, sub-headlines & links.

Tip 16: When using hyper-links do not just put ‘Click Here’ make sure you use your keywords as the link text. Google will love this, so for example, if I was to put a link in for this article, instead of using ‘Click Here’ I would use ’20 Tips for Website Design’.

Tip 17: Make navigation of your site simple, self-explanatory & user friendly. Remember you have just 3 clicks to keep the visitor interested, they need to get where they want to go in 3 clicks or less!

It is hard enough to get visitors to your site so you do not want to annoy them & lose them for good.

Tip 18: Stick to around 7-9 main menu categories, this may be difficult so try to use sub-menus if you have to. Apparently women can remember up to 9 things at once but men only 7!

Tip 19: Do not use images for links, always use text. Google cannot read images but will obviously read text, so make sure your keywords are in the text.

Tip 20: The colour scheme you choose, be consistent with it & use it all the way through your site.

Tip 21: Use bullet points when listing important points, as said earlier people skim read & bullet points stand out.

Tip 22: If you plan on using advertising or affiliates to earn some revenue from your site, then use them sparingly as people just tend to switch off with lots of flashing adverts but may just be attracted to the single advert amongst that text.

Tip 23: Flash intros look great but are really annoying, how many actually watch all of the intro anyway? I just tend to click to the next site rather than wait for the intro to load. In my opinion, do not use it.

Tip 24: Pop-up windows for me are a big NO-NO! I find these really annoying & most people I know do too. Try to avoid using these. Remember what I said…”lose your ego!”. It may look good to you but they are very annoying to the user of a website.

Tip 25: Make sure that all of your important content & keywords are above the ‘fold’. The ‘fold’ is the point on your website where you have to start scrolling down.

Also make sure that your site fits on most screen sizes, one most annoying thing that turns visitors off is if they have to scroll from left to right to view your site.

Use Beginner Web Design

Beginner web design tips seem to be available at every corner of the Internet. All you have to do is search in Google for a term like beginner web design, software or tutorials, and the search box will render millions of results. Why? Web development is the key to getting a new website online, whether its purpose is to sell a product, service or idea…or to set up a personal presence without trying to sell anything.

If you are a beginner and want to start a small business online or, you just want to put up a personal website, then you might consider learning a little about website designing techniques so you will know how your site works. A little knowledge can go a long way with a website, especially when your income depends on it!

What to Learn

Try to focus only on those web design techniques you plan to use often, and leave the rest to the experts. There is a ton of information available os you will need to narrow your search to find beginner web design tips needed to help you reach your individual goals.

Web Design Language

First, you’ll need to know which development language is being used to design your site. Is it PHP, basic HTML, CSS (cascading style sheets), or some other programming language? Once you know the type, then you’ll know how to narrow your search for specific tips and tutorials. Also, it’s good to learn about basic HTML codes before trying to learn other languages since HTML is the foundational code for most web layouts.

How to Find Web Languages

*Example: If your site is designed in CSS, do a search in Google using the keywords “beginner web design software for CSS” or “CSS design tips for beginners.” Use the term “beginner” to indicate that you’re just starting out, so you won’t have to sift through multitudes of advanced web training sites.

Next, read through design tutorial outlines to find one that teaches what you need to know. If you’re hiring out your web design project, but need to know how to update the site yourself on occasion, then look for beginner tips that cover this specific area.

Also, ask your designer for tips on making small edits to your site’s product pages, descriptions and pricing pages. Knowing how to do this may save you thousands of dollars in the long run if you plan to make daily or weekly updates to your business site.

Marketing Advantage

Another aspect of personal or business design to learn is how to add good written content to your site. Articles that target your customers can be written and added to create new search engine friendly pages for your site.

With the right target keywords, these pages will potentially attract thousands of new targeted readers to your site. And, as you already know, traffic can lead into sales! If you plan to add a lot of content, try to learn how to add these pages yourself so you can promote any time you wish without having to wait on a webmaster to add the updates for you.

What about Software?

Look for the best beginner web design software available for the type of programming language your site uses. You don’t need advanced programs to help you make minor changes. Choose affordable software that is easy for you to learn and use as a beginner. Many are called WYSIWYG (what you see is what you get). If this type supports the program language, you’re in business!

With some site template setups, you can even log in to your site’s administration area online and edit your website pages. This will vary depending on how your site is set up with your designer and/or web host.

More Web Design Tips

Understanding some of the common web design tips can make the difference between a successful website, and one that is repulsive. Setting goals for the website is one of the vital tips in web design. This means that the website owner has a clear understanding of why he has a website and communicates the same knowledge to the web designer. Once this is understood, the web designer has the basic knowledge of what to put on the website. He also avoids putting materials in the website that do not help in achieving the set goal.

Also among the web creation tips that the designer find useful is making thumbnail sketches. This includes trying out different designs on different pages. The designer can then choose the best design from the various sketches. While doing this, the designer should strive to stick to the web design tips that enable him to try different designs. This also forces the designer to think of the main design of the website before getting to the details of the page. In addition, this approach helps the designer pick the strongest design that has more chances of supporting the goals of the site.

Connecting the chosen thumbnail and connecting the pieces to make a whole is among other web design tips that are necessary for successful creations of websites. This involves filling the pages with content, organizing details and capturing the thumbnail sketch. This helps the designer avoid clutter, hence making the page more powerful, more attractive and easier to understand. Among the web design tips is the pointer that a web designer should strive to use a maximum of four fonts only. To attain maximum impact and coherence, web design tips that indicate that the designer should restrict his design to four fonts. This makes more visual sense and harmony. Preferably, the designer should use a different font on the heading and the text and only introduce a different font on logos or other images.

Keeping the file sizes small is also among the web design tips that each web designer should consider during the designing stage. Here, the designer should limit the dimensions of the graphics involved, while maintaining clarity and focus. He can do this by designing compression schemes using GIF, JPEG and PNG images. Working in RGB mode is also among the web design tips that enable the designer to add color from the RGB spectrum, in order to create smooth edges on the text and color blends through out the website.