I thought after I was reading a few websites that I would address some common mistakes I see in web design layouts. I am not too much of a stickler about being valid, but more on the design issues as those are what people catch.
1. Margins. I cannot express the times I have been to websites and the margins between images, the browser itself, or other elements within the layout are either too far apart, over lapping, or way too close. Whitespacing is obviously an art in itself.
2. Bulky site. Too many graphics or too many large graphics.
3. Colors. Some sites, the colors are absolutely atrocious. For those who are unsure of what looks great together, try Colourlovers.com for some great palettes.
4. Too Simple of a design. Sometimes simplicity is great, but too simple and it can detract from the reader’s experience. Remember, a website is like a business card. Sometimes having an interesting one will stick in your reader’s mind more than others that they have gone to.
5. Inability to navigate easily. Some type of navigation should be clearly placed. With WordPress users, WP-PageNavi and Yoast Breadcrumbs are great tools to incorporate into layouts. They allow people to always know where they are on the site and can find a way back.
6. Too many scripts. Like images, too many scripts operating at the same time can be a real drag on load time. Make sure to choose ones you believe are really necessary. This goes for plugins as well.
7. Too many advertisements. Monetizing a site is a great way to make some cash, but too many ads, and your visitors might feel spammed. Your visitors are on your site for the content, not to be blasted by your advertisements.
8. Inconsistent fonts. While making different sections have different fonts, too many can detract from the layout. Keep it consistent and to no more than a couple choices.
9. Header tags are wonky. There are times when I have gone to websites and h1 tags are huge as well as h2, h3, and so on. Keep these varied and tasteful. Also, try not to vary the, no text tranform, uppercase and lowercase on text transforming in your CSS. Plan to choose one.
10. Not a memorable main graphic. Whether it is a logo or a special image, if it is too small, too plain, or sub par on design, you might not be putting your best foot forward. You do not want your logo too small or where next to it is a huge banner. Your visitors may get the idea that your banner is more important than you trying to brand yourself properly.
What mistakes do you often see when you visit websites?