Web Design — Basic Principles
Have a purpose in your web design. What is your target audience looking for when they go to your website? Information? Products to purchase? Whatever it is, center your website around the call-to-action based on your purpose.
Internet users aren’t very patient. They want their information quickly. So in your web design, make sure the visual cues allow the message to get straight to the point. In fact, use big headlines and relevant visuals. Make sure users can get the point within 3 seconds. In reality, It should be obvious to users where to go and where to click to find what they are looking for.
Keep the font style neutral. You don’t want to overwhelm your audience with too many different types of fonts, or one loud font. Don’t use more than 3 different kinds of fonts. Stay consistent. Use fonts like Veranda or Arial; they are easier for users to read. The ideal font size is about 16px.
Before you even start designing your website, you need to plan your color scheme. A color scheme tells a lot about a company. In fact, if you use uncomplimentary colors, it can give your website an unprofessional feel. Using bold, bright colors can sometimes be overwhelming to users. The eye feels more comfortable with softer colors (especially on bright computer screens). So, bright bold colors should be used sparingly. They are better used for call-to-action buttons or highlights versus the entire background color of a website. Remember that it’s OK to use white space. As a matter of fact, it organizes and declutters your website.
Arrange content into sections. Preferably, don’t add columns. Websites are more mobile friendly when the content is centered and in one long row. Don’t simply place content boxes all over the place. This will give your website an unprofessional, unorganized, chaotic look.
According to Shortie Designs, “studies have identified that people scan computer screens in an “F” pattern.” So, take advantage of users’ natural behavior; lay out your important call-to-actions in an F-pattern across the screen.