Cuz every time you talk it sound like blah blah blah blah blah blah blah blah blah. I’M just hear it blah blah blah, impressive, paralu, animations and beautiful Graphics are often like the best way to decrease your sales and have a poorly performing website. Distracted annoyed and not willing to click ugly websites seem to perform better.
Let’S find out why there’s this misconcep among startups and designers and people building products that they need a beautiful website in order to make good sales, this style of a website where you have a parallax animated background, multiple layers scrolling in and out and everything is animating And transitioning and moving may work for Apple because everybody knows apple and when people go to their website, they already know what they want to buy they’re already interested.
So, by seeing a couple of animations about headphones or the new Macbook, it doesn’t really deter people from actually purchasing them for most people. However, it doesn’t work like that. For most companies, you need a website that primarily communicates, and there are a couple of issues with those fancy visuals, so how to make a website actually perform better. What is the reason for a website to exist? In most cases, the reason is to get people to click on the button as quickly as possible. The button usually leads to somebody buying something. So yes, as a business owner, I want as many people as possible to buy from me.
Let’s find out why this website is a lot better than this website on a couple of simple examples that you can make your websites better. I created a little diagram that shows how a website actually works and what are the elements along the path, including the best possible path the user can take? You can use this guide as a reference when making your own websites. The best path is always when a user actually already wants your product goes to your website and clicks on the buy button in the first few seconds. This is the golden route, and this is something that can also mess up your analytics, because you might think that people are so excited by your product that they’re buying it in 5 seconds.
That’s never the case. They knew about it previously. A more typical route is a little bit longer. It takes a little bit of convincing on the website to make it work. The convincing happens on a couple of different levels. The most important one is Clarity when they enter the website. They need to be able to understand why your tool or your product or your app is the best out there for their needs, and they need to do it in the first four or 5 Seconds, which means that your copy has to be extremely clear. Very to the point, and potentially also taking care of all the little doubts they have that’s why some of the better performing websites actually have quite a lot of copy.
They have one big slogan at the top, and then they have a couple of smaller points right above the bottom. This is cluttered, looks a little bit clunky. It doesn’t look as aesthetically pleasing, but it seems to perform better and that’s the whole reason. A landing page exists now, if you have a convincing copy. The next thing you need is social proof and that can come in a couple of different forms. The most obvious is testimonials from your previous clients. Practically every website needs that, because nobody wants to be the first to the party, they all say they do.
They want to kind of go the New Paths, but nobody really does they want others to try your product first to be sure it works. Let others take all the risk, so when you have a lot of testimonials and reviews and they’re all positive, it is convincing people to jump onto that group as well. Another thing is that if you have any reach or are pretty well known in any circles, then adding who made your product and who made the website can be a good idea, because it shows that there is a serious team of people behind it. Another thing is Awards and different kinds of scores, so if you’ve been rated five stars by some blog, that is rating products in your category write about it, show it if your customer average score is 4.9.
Also, add this and the last thing, and something many people kind of forget is sheer numbers. This is what we do in the header of our platform. We basically show how many projects and how many people are on their right in that SL them. That gives people the social proof. So, they know that the platform is alive and has a lot of people a lot of projects. So, it’s worth registering: if your website is unclear in any way, you should upgrade the copy first.
This is what people are actually reading if they are going to spend money, and there are billions of ways to do it and likely asking AI to do it. For you is not going to be the best way chances it’s going to be converting better and performing better, are quite low. It’s really best to listen to your users and to listen to your own thoughts as the person that made the product, because you should actually have the perfect copy somewhere in your head.
You just have to dig through to get it and once you find it test, it see how it performs then tweak it or make an AB test with a different kind of copy and constantly test it, because you never know what’s going to work, sometimes something completely Unexpected does another problem with those overly beautiful websites is that they take forever to load people don’t have the time hey nobody get. If I have to wait 40 or 30 seconds for a website to load chances, are I’m going to actually switch it off and go to a different website?
And I’m not even going to see your fancy beautiful, parallax animations at all. The next thing on the list is cognitive overload. If everything is moving and animated and flashing and kind of jumping right in your face, we get overloaded. Our brain has a pretty limited processing power and the more stimuli come from the outside the less. We want to be in that situation. Many people will go out of a website if it’s too overwhelming, if everything is moving and distracting you from the main action you’re not going to take that action. This is why the best performing websites have barely any animation.
Look at linear a very popular example: they went from really crazy animations in the header into just a simple isometric platform view just kind of showing up.
There are no micro animations happening in there. That’s because they want you to focus on what the platform can do for you and click the button. But of course there is a level of aesthetic that is necessary to achieve. Yes, it was a little misleading. It’S not that landing pages need to be ugly to perform better. They need to be made with the proper focus and the focus should never be on fancy animations and Transitions and everything moving. All those things will contribute to lower clicks and lower conversion.
Obviously, the website has to be beautiful, and it can be beautiful even with extra information above the fold, and even if there isn’t really enough white space, you just need to plan for everything, use, consistent, typography and use all the psychological principles that will be aware of you. Can use the case principle I talked about in the previous video in the series. You can have the characters pointing at something and potentially looking at it or looking at you and pointing at something, and that way your eyes will draw the attention.
But then it will shift to the hand and the Gaze will follow the pointed finger.
You know what to do. You can point at the CDA button. Another thing those ugly websites do well. Is they make the CTA button a single color, meaning it’s a color that only exists in the button on the website, nowhere else, especially nowhere else in the header and it’s the most visible, most standing out, color of them all.
That leads to your eyes instantly focusing on the button, and that is also a factor that can increase conversion. The problem with our rocket landing page is that it takes 8 seconds for the header to completely load and show everything if we put it online, it would take an extra 20 or even 30 seconds to load everything, because these are all beautiful, bitm up images and The copy is completely unclear, plus the button is so vague. It doesn’t truly tell you why you should click it all of that fancy, animation and all those beautiful Graphics, don’t bring any value to the users, don’t tell them what problems they’re solving and how and it’s basically not convincing.
While it may look good, it just won’t work.
All of the problems that I mentioned today can be fixed, and once you fix them by either making your website more aesthetic loading faster, removing animations, removing cognitive load, making clearer copy, which is the most important one.
Always remember to test deploy the website, make an AB test or just test it live on production, see what happens, see how many people click and then tweak something change.
The copy changes the bottom color see how many people click them.
It’s a Never-ending journey of modifying and changing and seeing what performs and what works? It’s a lot easier to modify and change a rather simple website than removing or tweaking animations every single time in every little piece of the header. A good rule of thumb is to use a single little animation in the header, so it’s not distracting and make it into an animation that actually guides the eye of the user, so it has to move in the right direction. In many cases the animations are vertical, and we already talked about it in the previous video.
How vertical animation follows your gaze up and down, and we should be going left and right to read the copy and get to the button by going up and down we’re. Just getting away from it distracted, annoyed and not willing to click, and one last thing: that’s also really important. With landing pages, I’m going to show you an example. You need to know your audience, because all the audiences are different sure most people have 8sec attention spans.
They want their problem explained and a solution provided and all that shoved right into their face as quickly as possible. That means you need to simplify, simplify and simplify some more, but there are some specific Industries and some specific products, especially more expensive products, products that are business, oriented that don’t follow the same rule. We worked on a rebranding and a redesign for a medical startup, and in that case the target audience is the directors of hospitals.
These are people that don’t take these decisions slightly, because jumping onto a new system can be a pretty daunting step. So, in cases like that, the landing page can actually be pretty complex. You can have multiple sections where you have subsection and even menus that show different reasons for it, so it doesn’t have to be all front and center.
It doesn’t have to be super simple, and it can even have subpages that are landing pages in their own right because for a difficult decision like that, those people want to be 100 % sure so they’re all going to read everything you put on that website. Sure you still need to use the right principles to guide them, make it visually appealing and most of all, you need to make it convincing focus on getting the aesthetic usability effect in place, but don’t overwhelm your users with fancy visuals, which are one of the most Popular kinds of tutorials that they make online and you know what they’re completely useless thanks for watching this long, if you’re not subscribed yet click that button and subscribe liking, the video and leaving a comment always helps, and as always, I wish you all a beautiful day.
https://www.resellerspanel.com/?a=238620
Discover more from Making Money Is Easy
Subscribe to get the latest posts sent to your email.
