Press "Enter" to skip to content

Flashy Web Components You Should Rather Avoid

Joseph 0

Well, as we talk of web design trends there are endless out there and the new ones keep on appearing. However, these trends must not be followed blindly and you must go for ones that really perform well, Few are out there that have been hyped up way too much by the designers but are not useful.

Let’s take a look at these trendy web components:

1. The Carousel

Well, it’s been quite some time that Carousels have been losing traction, like the traditional concept of a carousel.

Viewed in the format of “homepage sliders”, xxlmag solves some of the user experience flaws that smaller, content-based carousels have. With more space you get bigger tap targets while the larger overall frame means that super-fancy transitions are not required to steal focus.

What’s wrong with carousels?

Though carousels have been adapted and improved over time still there is no control over how to navigate carousels. At times it happens that we finish reading a slide long before it’s ready to move on, while at other times we’re still reading a slide as it’s taken away from us. Thus our readiness tends to differ as we tire, while the timing as well is not the same for all people every day.

Alternative Idea: Complex Grids

In terms of website navigation, scrolling is certainly the dominant feature, mainly on mobile. With grids the user is enabled to scroll and scan through content quickly while is also subjected to assorted text and images.

2. The Scrolljacker

Scrolljacking is certainly an unpleasant experience a user can come across. When it’s used to intensify a scroll-based animation of some sort, it creates an alluring user-controlled story. However, in some cases users does not really experience as if he or she is actually scrolling.

For the same choose World of Swiss, as this website presents a normal click-based navigation that the average user would understand. Despite the cool effect it doesn’t serve any actual value.

Alternative Idea: Leave Scroll the Hell Alone

Just leave it alone. Scrolling is as easy as it always has been!

3. The Immersive 3D Experience

It’s an act of manipulating the human senses and altering the mental state of the user. Like impress the user in such a manner that it turns out to be an engaging experience, firstly through user interactions and then through storytelling, ambiance, 3D wonderment and animations.

Immersive web design is used to flaunt expensive luxury consumer items such as clothes and cars, however it’s prominent in the film and entertainment industry as well.

It’s downsides: Batman Game Website

Batman: Arkham Knight is certainly a failure as it screws with the default scroll behavior, locks the carousel to the user, using cryptic icons, slightly illegible text and ambiguous buttons, just for barraging the user with flashy visuals.

Though immersive web design blurs the lines between components and slideshows where you see it like an interactive story of sorts and seem to be a beautiful experience, still implementing such high-end effects without testing can prove to be harmful.

Alternative Idea: Build the Best of Both Worlds

Rather go for something modestly immersive with an absolute fall-back relying on simple clicks and scrolls to navigate.

As it comes to insurgent, the interactions are automatic to the user and there are default behaviors as well. At the same time shrugging off the fanciness, the menu is always placed to the top of the webpage and you can navigate in the way that you’re used to.

4. The “Hello, Click Me, Click Me!” Modal

No one intends to subscribe to a newsletter just by spending few seconds on a website. After all, one doesn’t get to know whether the content is valuable or not and we don’t even know whether we’d be willing to subscribe, like or follow in order to read more content as it’s added.

Even if the modal fades, slides, bounces, flips and rotates all at once, users are not impressed.

Alternative Idea: Mid-Scroll CTA’s

Mid-scroll call-to-actions. this works by placing a component to the top and/or bottom of the webpage, however you get to see it only after scrolling down.

inVision App swaps out various kinds of CTA’s in these sections to test which has the better conversion rates – presently there is a link based call-to-action in the bottom-right corner while sometime back this was a subscribe form.

Scroll-based call-to-actions are way more effective as compared to unsolicited popup modals as the user has had time to process the content. This way s/he can make an informed mode whether they’d be keen to subscribe/follow/convert and this way the website can swap out sub-components depending on the location of the users, like InVision only includes share buttons on articles.

Leave a Reply

Your email address will not be published. Required fields are marked *