The incredible cheesiness (or should it be cheesy incredibleness?) of flamboyant websites does manage to hook us to them. The unrestrained use of colors, the prettily scattered widgets and animations, and the glossy landing page are the result of the go-for-broke ambition of a web designer.
Does such a website look fab? Darn straight. Does ‘fab’ guarantee great user experience? The answer lies somewhere between “oh yes” and “not quite”.
If your definition of a “good user experience” is leaving your visitors spellbound with the visual charm of your website, you might as well be going astray in your synthesis. And this is a problem much too common. Despite their best intentions and high ambitions, brands have often been widely off the mark in their perception about what “works” as a design. What we described is part of massive flawed cloud many webmasters and designers are living under.
First problematic approach: “I am gonna overwhelm my visitors with addictive colors and effects on my site”
There are far more tempting addictions in the world than a gaudily designed web page. Boiling your website with colors and fancy details might make it look great (if not done in a non-amateurish manner), but have you ever paid notice to how much time the website takes to load on the browser of your average visitor?
Let’s positively assume that inspite of filling it with extravagance, it takes an avg. 8 seconds to load on a desktop with an average Internet connection, and maybe that’s a figure that you aren’t all that worried about. But, keeping up with the trends, you need to realize that a larger chunk of the Internet audience is leaning towards accessing the web on their mobile phones, and this is where your website’s responsiveness is likely to take a major hit.
The patience of your audience is what you should rather be worried about. If there is one thing the folks on Internet-verse can’t make a boast about, that is their patience. We would instead type in some new website in the address bar than wait for as much as 10 seconds for the current one to load. And patience runs thinner on mobile phones where a slow website turns abysmally slower.
But besides slow loading times, all the extravagant design elements of the website may not load on the mobile phones. You have a host of operating systems and devices that have assorted configurations and screen sizes respectively. And more often than not, heavily loaded websites do toss at visitors the compatibility issues. And once your visitors start getting those error messages while they access your website, you can bid your chances of gaining loyal visitors goodbye.
Another reason for poor user experience – navigating through the site is a real pain
Alright, you kept things minimal with the colors, but is your site’s layout optimized for good user experience? Simply going with subtle and gray tones and increasing your website’s speed and responsiveness may not guarantee spring times.
What you also need to be sure of is that when someone visits your website and is looking for certain categories, they are not hard to locate. All the necessary widgets, the menu and the call to action buttons should be located in a way that your users don’t have to squint hard to find them.
And these is not a reason in the world that should coax you to not include search box on the site. It is the first thing users look for when they wish to read about something that they can’t find on the homepage and when they can’t locate a search box, they might as well bounce off to your competitor, thus increasing your bounce rate in the process.
If you have a hard time making your website a concoction of simplicity, elegance and user-friendliness, then hiring experts is most recommended.
Not going beyond the default typography may be another reason for poor user experience on your website.
Now, not trying variations with the fonts on your site won’t make you lose traffic, but experimenting with them might just gain you some more. The webmasters of the world are usually content with the default font settings their content management system equips them with. And this eliminates all the possibility of trying out new things with typography in the terms of different font sizes, different font colors, etc.
It serves you well when during writing you create content that’s scannable. Arranging it through subheads, bullet points, short paragraphs and most importantly, highlighted piece of texts makes your content more readable. You can simply use separate colors for the subheads or the highlighted text so that they stand out even more. Not doing so might make the content look bland.
What’s even worse than poor user experience is if your design is a rip-off.
If originality isn’t your strong suit, your competition on the web might just get the better of you. Every once in a while, we stumble upon a website that we are absolutely taken by, and probably unintentionally, we end up getting overtly inspired and use the same slider, the same tones and textures and the similar style of displaying widgets.
What you are doing here is that you are not allowing your brand to have a character of its own, and that’s just about everything you need to know why ripping off is wrong.
At times, you need to give yourself a free rein over how you design your website. But then, there shouldn’t be a misuse of the freedom you give to yourself. Web designing is a complex affair and every rough spot has to be carefully identified and addressed. Branch out to ideas which may not seem all too feasible in the first place and let your website make a bonafide boast.
jacquiegum says
Love this post! I’m a simple person…and a busy one. I go to a website to find the information that I’m after, not to be bothered by navigating through graphics or spend time trying to find out what I came there for. Just like with people sometimes…pretty can be overrated! Give me substance:)
Diana Marinova says
“pretty can be overrated! Give me substance” – amen to this, Jacquie! You said it so well 😀
Jeannette Paladino says
I’ve kept the important information “above the fold.” That means it can be read on a laptop. I use a third-party vendor for my mobile view. You’re correct more people are accessing your site on mobile so that view needs to be user friendly.
Diana Marinova says
Above the fold – i get, Jeannette, but the mobile traffic? Not that i question the fact mobile traffic is growing… Your comment got me thinking about the part “you’re correct more people are accessing your site on mobile”….
My site has relatively low mobile traffic share – only about 12-13% for the last few months. It’s true it was smaller percentage the previous few months (about 10%) but nevertheless – 13% is a very small part of my audience.
So i would say that we, website owners, shouldn’t obsess with mobile traffic and make our sites good for mobile only because there’s such trend. It’s way more important to make our sites good for OUR audience – which would include different things depending on your audience preferences (desktop vs mobile what type of info you share, what type of experience your website gives, etc.)
Susan Cooper/findingourwaynow.com says
As much as graphics can lend to a blog it can also take away. Depending on what your reader goal is really take in consideration how much graphics you use. 🙂
Diana Marinova says
Right, i love it how you inserted the notion your reader’s goal should be the first to consider when deciding about graphics (or anything else on your site, for that matter) – great addition, Susan!
Jeri Walker-Bickett (@JeriWB) says
I ended up hiring help in order to make my font bigger and add other customization to my current theme. I wish more people knew that they can use function keys to make their screen display bigger.
Diana Marinova says
Interesting point about using function keys, Jeri… I know how to use them but when i encounter a website which requires me to use them (because their font is too small to read), i often leave instead of adjusting the size on my end.
In your case, i didn’t leave when your font was small but that’s because i love your blog 🙂 If i were a new comer and haven’t already benefited so much from it, i probably would have left instead of enlarging the font manually in my browser.
I think it’s a good rule of thumb to make it as much convenient to your reader as possible. The less you require of the reader, the better the chances they’ll read.
harish says
thank for your post , being a new blogger i learned so many points from your blog how to design a blog.our blog must be visible very attractive to the visitors , use only simple background colors,clear font by that users will attracted towards our blog.keep posting these type of posts useful to other bloggers.
Diana Marinova says
Thanks for your comment, Harish – glad Sarah’s guest post helped you make you blog better in term of design and user experience.