03.11.2016 Views

Warning website design trends to reconsider

Like clothes, hair styles and makeup, website design trends come and go. While some trends are determined by necessity such as Google algorithm updates, others are just general shifts. Think carefully before blindly following the latest website design trends…it may not be right for your target audience, your brand or your business. Websites that are built purely on the latest trends will very quickly date and the need to update and redesign will arrive very fast, leading to a larger investment over time, in effort, money and time.

Like clothes, hair styles and makeup, website design trends come and go. While some trends are determined by necessity such as Google algorithm updates, others are just general shifts. Think carefully before blindly following the latest website design trends…it may not be right for your target audience, your brand or your business. Websites that are built purely on the latest trends will very quickly date and the need to update and redesign will arrive very fast, leading to a larger investment over time, in effort, money and time.

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

WEBSITE DESIGN CENTRE<br />

Leading Edge Business Options


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

Like clothes, hair styles and makeup, <strong>website</strong> <strong>design</strong> <strong>trends</strong> come and go. While some<br />

<strong>trends</strong> are determined by necessity such as Google algorithm updates, others are just<br />

general shifts. Think carefully before blindly following the latest <strong>website</strong> <strong>design</strong><br />

<strong>trends</strong>…it may not be right for your target audience, your brand or your business.<br />

Websites that are built purely on the latest <strong>trends</strong> will very quickly date and the need<br />

<strong>to</strong> update and re<strong>design</strong> will arrive very fast, leading <strong>to</strong> a larger investment over time,<br />

in effort, money and time.<br />

Here are some <strong>website</strong> <strong>design</strong> <strong>trends</strong> that you might want <strong>to</strong> consider carefully before<br />

implementing:<br />

The Hamburger Menu<br />

As mobile devices become more popular and search engine algorithms demanded<br />

responsive <strong>design</strong>, navigation that was easier <strong>to</strong> use became important.


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

Enter, the Hamburger Menu and it’s not only for mobile versions of <strong>website</strong>s either, they<br />

have moved in<strong>to</strong> desk<strong>to</strong>p versions <strong>to</strong>o.<br />

We understand the appeal – it makes the <strong>website</strong> sleek, clean, clear and visi<strong>to</strong>rs are<br />

already familiar with it but it doesn’t work for all <strong>website</strong>s and can impede<br />

discoverability.<br />

Forcing users <strong>to</strong> open the Hamburger navigation menu may, in fact, create unnecessary<br />

friction as it essentially hides <strong>to</strong>pics and items. This may not be a great option for<br />

ecommerce and news <strong>website</strong>s.<br />

“Even if the global navigation is difficult <strong>to</strong> <strong>design</strong> and hard <strong>to</strong> maintain, most sites will<br />

still be better off showing <strong>to</strong>p-level categories <strong>to</strong> users right away. It’s simply one of the<br />

most effective ways of helping users quickly understand what the site is about.” – Jennifer<br />

Cardello & Kathryn Whiten<strong>to</strong>n


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

Front-page Carousels<br />

Carousels can create visual interest and reduce clutter but due <strong>to</strong> their rise in popularity<br />

they are falling the way of a ‘cookie cutter’ feel. Add <strong>to</strong> that, there are a few issues<br />

with carousels worth thinking about:<br />

They aren’t good for SEO – their lack of content ensures that it is tricky <strong>to</strong> get meta<br />

data information in<strong>to</strong> the page. Now that Google isn’t crawling for meta keywords and<br />

takes the keyword information from the page it makes the slider headings and content<br />

below the carousel that much more important.<br />

They can affect performance badly – high-res carousel images that are underoptimized<br />

can drastically slow the load time. This is big no, no on your home page.<br />

They push content below the fold – okay, so content above the fold is not as important<br />

as it once was but it’s still not recommended by Google that you have your content<br />

lower down on the page. Just remember, often a carousel doesn’t offer much in the way<br />

of value <strong>to</strong> the visi<strong>to</strong>r – it just looks pretty.


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

They tend <strong>to</strong> be inaccessible – studies have shown that only 1% of viewers click on<br />

carousels and many simply ignore the content they contain, all thanks <strong>to</strong> ‘banner<br />

blindness’. A sliding animation might be more useful and worth discussing with your<br />

<strong>website</strong> <strong>design</strong>er.<br />

Parallax Scrolling<br />

There are many <strong>website</strong>s that now make use of parallax scrolling – where the<br />

foreground and background content scrolls at different speeds creating the illusion of<br />

depth and while it can be used well it’s unsure if it can actually be described as<br />

providing good user experience.<br />

Again, this <strong>website</strong> <strong>design</strong> trend can have some issues:<br />

1) It may not be good for SEO – sites that utilise parallax scrolling are typically made<br />

up of just one page so there is little in the way of content for search engines <strong>to</strong><br />

crawl.


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

This is particularly true where text is embedded in graphics.<br />

2) It can reduce performance – their heavy use of JavaScript and graphics can lead <strong>to</strong><br />

a slow loading page and that’s of particular concern <strong>to</strong> mobile device users.<br />

3) It can negatively impact visi<strong>to</strong>rs – while parallax scrolling can be considered more<br />

enjoyable than non-parallax scrolling <strong>website</strong>s, some visi<strong>to</strong>rs experience a type of<br />

motion sickness and usability issues with sites of this type.<br />

4) If you do choose the use parallax scrolling for your <strong>website</strong> consider the s<strong>to</strong>ry you<br />

want <strong>to</strong> tell and if it is worth a reduction in visi<strong>to</strong>rs due <strong>to</strong> the reduction in performance<br />

of the site.<br />

Complex load screens<br />

When visi<strong>to</strong>rs are greeted with either a loading video or a counter slowing climbing <strong>to</strong><br />

100% they can become disenchanted easily.


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

When the page does finally load and is somewhat underwhelming, considering the<br />

wait, visi<strong>to</strong>rs are likely <strong>to</strong> click away.<br />

Ensure that your <strong>website</strong> loads quickly and then offers interest and interactive elements<br />

<strong>to</strong> ensure visi<strong>to</strong>rs stay interested.<br />

Too much JavaScript<br />

So, JavaScript seems <strong>to</strong> be everywhere <strong>to</strong>day; social media plugins use them as do a<br />

large proportion of WordPress plugins. But <strong>to</strong>o much, from a user experience<br />

perspective can slow down your site and visi<strong>to</strong>rs just won’t hang around and wait for<br />

your site <strong>to</strong> load.<br />

JavaScript can be extremely functional but overuse can cause more harm than good:<br />

1) Slow load times<br />

2) Mobile browsing can be adversely affected


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

3) It can affect functionality and break aspects of the <strong>website</strong> due <strong>to</strong> a bug<br />

4) It can be a security issue if not implemented correctly<br />

5) Since it isn’t crawled by search engines it can affect SEO<br />

Fussy Typography<br />

While there is a range of typography available it’s always best not <strong>to</strong> get <strong>to</strong>o carried<br />

away and stick <strong>to</strong> a maximum of two. This will ensure the <strong>website</strong> does not appear <strong>to</strong><br />

be cluttered and confused, and that readability and legibility is not adversely<br />

affected.<br />

With selecting typography there are a few tips <strong>to</strong> keep in mind:<br />

1) Try out different fonts but aim for clear and clean presentation that reflects your<br />

brand’s style<br />

2) Opt for typefaces and fonts that either work <strong>to</strong>gether or are different enough <strong>to</strong><br />

provide a sense of interesting contrast.


<strong>Warning</strong>: Website Design Trends To Reconsider<br />

3) If your aim is <strong>to</strong> be seen as traditional then serif is a good choice. If your aim <strong>to</strong> be<br />

seen as stable then sans-serif works well.<br />

Designers that only stay on-trend<br />

While <strong>website</strong> <strong>design</strong>ers can be worth their weight in gold, ensure that you work with<br />

one that is prepared <strong>to</strong> overlook the latest <strong>trends</strong> in order <strong>to</strong> <strong>design</strong> a <strong>website</strong> that<br />

works for your target audience. Your <strong>design</strong>er needs <strong>to</strong> be across new <strong>trends</strong> that<br />

matter, like responsive <strong>design</strong>, and yet prepared <strong>to</strong> see <strong>trends</strong> from all angles before<br />

recommending you implement them.<br />

Leading Edge Business Options<br />

Address : Boronia Ct, Albany Creek, QLD 4035<br />

Phone: 1800 774 107 / +617 3102 7487

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!