12 Web Design Mistakes Explained in GIFs

April 21, 2015

The world of web design is truly an interesting place and lucky for us, we get to experience it every day. On one side, we see phenomenal creativity and ingenuity from designers trying to give users a unique web experience. However, the other side is a dark place where designers overstep their bounds and ruin webpages. Here are some common design mistakes we see, along with our reactions in GIF form.

1. Font Overload

We get it, designers have a plethora of fonts that they want to showcase to the world in order to show their artistry. However, pages work best when they have a unified, consistent look. We don’t want to blow the minds of our users, so let’s keep it to just a few colors and fonts per page.

2. Complicated Lead Generation Forms

Nobody wants to spend a bunch of time filling out a thousand fields on your registration form, so it should be as simple as possible. Consider only including essential information or using a tiered approach, where questions are loaded in sequences rather than all at once.

3. Too Many Stock Images

In order to maintain a professional appearance to your website, you need your images to be crisp, realistic, and not overly cheesy. While high resolution photos taken by your organization work best, not everyone has the resources for this. Luckily, there are plenty of websites that offer alternative ways to get around using typical stock photography.

4. Pop-Up Screens

Unless you have a very good reason, avoid pop-up screens. They are irritating for users and many browsers block them from showing up in the first place. If a pop-up window is necessary, use lightboxes where all distractions are grayed out for better perception.

5. Sloppy Copy

Copy is an important piece of content strategy that is integrated into your site’s layout, photography, and typography. Avoiding sloppy copy sounds easy, but it’s a common mistake that plenty of websites make (as we pray that there are no mistakes on this blog).

6. Unorganized Content Layout

A page’s content should never just be a giant block of text. Instead, use a combination of headings, paragraphs, bullets, etc. to make your content more scannable for the user.

7. Not Enough White Space

Although minimalism may just be a trend destined to go away, it’s hard to deny the importance of white space on a page. Designers often want to showcase all of their abilities all at once, but doing too much clutters the site and makes the user experience more difficult.

8. Welcome Screens

When a user comes to your website, they should be able to see useful, relevant content right away. Welcome screens and “Click to View Full Site” pages completely prohibit this. Change this by killing your m-dot site and filling up your responsive web page with information your audience wants to see.

9. Poor Navigation

Navigation within a website should be so seamless that users don’t even think about it. While navigation can work well in different ways, users should be able to get to the important parts of the site at all times. Text navigation should be concise, hyperlinks should stand out, and visual metaphors should be straight-forward.

10. Breaking the Back Button

Of course you don’t want users to leave your website, but don’t open links in a new window. Users want to be able to hit the back button in order to get to a previous page, and you are making a tab hoarder’s life even more difficult when you remove that option.

11. Autoplay Audio

You’ve convinced your target consumer to come to your website, but then he or she gets blasted with audio from a video autoplaying on your landing page. As the user scrambles to find the pause button on the video, people around them get annoyed by the disturbance. Don’t betray your audience, let them choose when to hear sound.

12. Relying Too Much on Trends

Every year, there are a bunch of new design trends that come around. While it is fun to keep track of what’s hot in the industry, it is more important to stick with core design principles. Some trends will stick, while others will go down as momentary fads.

Can’t Get Enough of GIFs? Check Out These Blogs:

Thanks to thegiflibrary, gif-database, and giphy.

Related Reading

Ethernet cables aligned to spell out "page not found 404"
404 Error Pages: Crafting a Good Error Message

No matter how hard you try, at some point your website users are going to attempt to access pages on your site that no longer exist — or never existed in the first place.

different colored game pieces spread out on a table
Who Are Website Project Stakeholders in Higher Education?

Stakeholders are the people or groups that have a vested interest in the success (or failure) of a project. Typically, a higher education website project is led by the marketing group.

Jumpstart Your Higher Ed Website Redesign with Content Strategy

Planning a website redesign can be daunting. There’s a lot to consider:

How the EU GDPR Will Affect Your Website and Marketing Efforts

The European Union’s General Data Protection Regulation (GDPR) will go into effect on May 25, 2018.