Should you’ve ever moved from one residence to a different, you understand how troublesome it may be to eliminate belongings you’ve owned for years. Whereas digging via your closet, you discover an outdated pair of pants you used to put on on a regular basis regardless of the rising holes within the knees. However you inform your self, “Perhaps I’ll put on them round the home when it will get hotter” or “I guess the grunge look will come again in type”.
It’s simple to make these sorts of justifications in internet design and growth, too. You assume:
“I’ve used the key phrase meta tag for so long as I can bear in mind. What can it damage to maintain doing so?”
Much like how your garments might change into outdated or your home equipment out of date over time, the identical factor occurs with design and growth tendencies. Fairly than maintain onto methods that not serve you and solely add extra to your workload, it’s a a lot better concept to clear them out and make way for modern trends that’ll have a better impression.
10 Well-liked Design Tendencies It’s Time to Let Die
After we discuss outdated internet design tendencies, we’re not simply speaking about ones which were out of date for years. We’re additionally referring to tendencies and methods that we all know for a truth compromise the consumer expertise and have to go away ASAP.
1. Tacky Inventory Images
There’s nothing inherently dangerous about utilizing inventory pictures. Many consumers don’t have the budgets or wherewithal to create their very own firm pictures and inventory pictures are a viable different.
That mentioned, there was a time when “dangerous” (i.e. tremendous tacky and unrealistic) inventory pictures have been all the craze. Even right this moment, you’ll discover web sites that use these sorts of pictures as a result of there’s nonetheless an assumption that two individuals shaking palms in a well-lit convention room indicators belief. (It doesn’t.)
Picture via DepositPhotos.
2. Hero Sliders
Picture slider expertise was fairly nice in its heyday. It allowed internet designers to preserve house whereas displaying quite a few promotional provides without delay. Along with sliders typically slowing down web page speeds, in addition they generally tend to gradual customers down as they distract them from transferring onto different elements of a web site.
Verizon Wireless, as an illustration, has an awesome instance of a powerful however easy hero picture design in 2019:
That is vastly completely different from the picture slider it used again in 2013:
For probably the most half, we’ve realized to be extra environment friendly with this house, although there are nonetheless some web sites that may’t make up their minds about which provide to point out above the fold… which solely makes it tougher for guests to resolve subsequent steps. Take the initiative and do it for them with a single hero banner.
It’s not frequent to seek out web sites with background audio, not to mention autoplay audio, lately. That mentioned, what you do sometimes discover are web sites that routinely play movies or advertisements with audio. For sure, this must cease. In case your video (or audio) gamers don’t permit your guests to take management of once they begin, change that up now.
4. The three-Click on Rule
Through the years, internet designers have regarded for tactics to lower friction within the consumer expertise. The three-click rule was meant to be one of many methods to do that. Nonetheless, in accordance with a current report from the Nielsen Norman Group, there’s by no means been any information to again up this declare:
“In actual fact, a research by Joshua Porter has debunked it; the research confirmed that consumer dropoff doesn’t improve when the duty entails greater than Three clicks, nor does satisfaction lower. Limiting interplay price is certainly vital, however the image is extra sophisticated than merely counting clicks and having a rule of thumb for the utmost quantity allowed.”
Fairly than decrease for minimization’s sake, contemplate the complexity of the duty or funnel you’re designing when figuring out amount of steps.
5. (Exterior) Hyperlinks That Open within the Similar Tab
There are a selection of causes so as to add hyperlinks to your content material: for navigational functions, promotional functions, and referential functions. However while you add a hyperlink to your textual content, contemplate the next: Is it okay if the hyperlink directs guests to a web page on this identical browser tab?
Exterior hyperlinks, as an illustration, ought to at all times open in a brand new browser tab. Your purpose in designing a web site is to get extra guests to transform. Letting an exterior hyperlink change your web site within the open tab will solely lower the probabilities of that occuring. In some instances, inside hyperlinks shouldn’t be opened in the identical tab both. So, you’ll want to take into consideration this the following time you add a hyperlink to your web site.
6. Non-Conventional Scrolling
Though we’ve change into accustomed to swipe gestures in cell apps, horizontal and different non-traditional scrolling isn’t one thing that’s caught on with web sites. Whereas it’s undoubtedly a design pattern that helped many companies set themselves aside from the pack just a few years again, it’s simply too gimmicky to make use of lately.
Robby Leonardi’s interactive resume web site was one of many first I bear in mind seeing and it was a superb method to seize consideration — particularly from these of us who grew up with Mario.
However right this moment? Any type of non-traditional scrolling is simply impractical and pointless. Even Robby’s current website has damaged up this side-scrolling design and turned it right into a vertical-scrolling web page:
If you wish to preserve guests engaged together with your web site this present day, don’t make them determine tips on how to scroll via your web site.
7. Key phrase Meta Tag
For years (we’re speaking practically a decade), the keyword meta tag has not been supported by widespread engines like google. Regardless of figuring out that the meta tag is ineffective, some designers nonetheless take the time so as to add it in. However why hassle if it’s an additional step that will get you nothing in return?
8. Dangerous Pop-ups
Though pop-ups have undergone an evolution over time — from the super-annoying pop-up advertisements that appeared outdoors the browser to the ever-present privateness notices we now see due to GDPR. Whereas there’s actually some worth in utilizing pop-ups on a web site, there are simply too many sorts of dangerous pop-ups that have to disappear.
“Dangerous” pop-ups are ones that:
- Present up too early on a web site (just like the second somebody enters it);
- Seem too many instances throughout a single or return go to;
- Ship customers to Fb Messenger to gather their lead magnet after which bombard them with messages there;
- Comprise two buttons. Customers that settle for the supply, get a pleasant message. People who don’t are served up aggressive or shame-inducing language;
- Repeat a suggestion that’s already designed into the web site as a promotional banner.
9. Sluggish-Loading Web sites
Cellular web sites are notoriously troublesome to optimize for pace when in comparison with their desktop counterparts. In contrast to in years previous the place you could possibly’ve rationalized away pace optimizations for cell, right this moment, it must be a precedence with Google’s mobile-first indexing. PWAs are one method to give your cell web site an instantaneous pace enhance.
On a associated notice, by designing a PWA as an alternative of a mobile-responsive web site, you’d have the ability to cater to customers with poor or no wi-fi connectivity — a section that’s typically been neglected in internet design.
I can’t imagine I’m having to incorporate this final one in 2019, nevertheless it appears there are nonetheless web sites utilizing the Flash Participant.
Adobe has already advised us that it will be slicing help for Flash subsequent 12 months. Web browsers are starting to remove their support for Flash gamers as effectively. And good riddance. Flash has lengthy had points with safety flaws and value points.
Should you’re attempting to carry out on this (or your shoppers are dragging their ft), understand that this is what visitors will see on many browsers in 2020 and past:
Backside line: If the creator of Flash is pulling help, it is advisable to do the identical for any of your web sites that also use it.
It’s simple to get wrapped up in what the following large factor is in internet design — AR tech, typography tendencies, colour gradients, and so on. However what about all of these tendencies and methods which have change into a behavior over time?
Fairly than maintain onto outdated design methods that can solely hinder your progress as an online designer and maintain your shoppers’ web sites again, begin shedding these out of date (or soon-to-be out of date) practices now.