Do's and Don'ts of Web Design

1. Do's and Don'ts of Web Design In an ideal world, every website would function similarly. But what if that isn’t possible? In the real world, not all websites are the same, and that’s why a couple of things can mess them up. There are basic principles to follow when creating a website or designing an application. When we’re working on a website design project, we always try to adhere to these principles, but in the case of an application, the ‘don'ts are also important. So, let’s get into some basics of what makes a good website, and what to avoid. What Makes a Good Website? The look and feel of a website are important. It should be easy to use, understand, and find what you’re looking for. Users should be able to understand the information and navigate easily through the site. It should be responsive so that it’s easy to read on all types of devices. Most websites use text and images in some way. That means your website should be easily readable. If a user can read your website easily, they’ll be able to navigate through the site with no problem. If your website is illegible, you can expect to lose a lot of users. So, make sure your site can be read at a glance. Your page titles, navigation links, and headings should be a good fit with the page content. That means your navigation should be at the top of the page, so your users can easily find what they need. If your page is difficult to navigate, you can lose your users. Use Appropriate Headings This applies to both websites and mobile applications. Most websites use four levels of headings: H1 H2 H3 H4 Headings are used to help users navigate your website. The best way to use them is to provide a clear, focused, and direct call to action.

2. ● H3 and H4 Headings Should Be Used as Calls-to-Action H3 and H4 headings are used for important page content. They are more specific and give the reader a better idea of what’s coming next. If your content is a list, have these headings at the top and bottom of the list. ● H3 Headings Are the Top of the Page You should also use H3 headings if there is more specific information on the page. Users should always be able to understand this at a glance. ● H4 Headings Are at the Bottom of the Page If your content is more general, H3 headings are best. They’re also great for breaking up your content with small images. This allows users to easily understand how the page fits together and provides a nice, smooth user experience. Use Appropriate Fonts Fonts impact the overall look and feel of a website. Fonts are available in an almost infinite number of styles and sizes. You should use the right fonts for your site. Arial and Times New Roman are the most common fonts on the web. The first two fonts are generally used for normal text and headline-type fonts. They are not especially good for smaller screen use. Typefaces that are more suitable for the smaller screen include: Lucida Grande Futura Times New Roman Calibri Arial Black You should use typefaces that are easy to read on smaller screens. You should avoid too many or too large fonts. Smaller typefaces are easier to read, which helps your users quickly find and navigate what they need. Avoid Using the Same Font Size Everywhere You should try to avoid using the same font size throughout your site. This will make it confusing for your audience. In some instances, you can have some text and a headline that will be bigger than the body of the text. When you do this, you can make the font size less prominent.