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.