Top 8 Web Design Trends of 2015 | UX Design Blog
17918
single,single-post,postid-17918,single-format-standard,ajax_fade,page_not_loaded,,qode-theme-ver-6.3,wpb-js-composer js-comp-ver-4.2.3,vc_responsive

Top 8 Web Design Trends of 2015

web design banner

09 Dec Top 8 Web Design Trends of 2015

Another year has almost been and gone, and what a year it has been in the world of web! We’ve seen the epic rise of website responsiveness, along with the fall of the flash player and outdated “boxy” designs. However, we have seen some funky fresh ideas and trends that are on point this year. So without further ado, here’s some of our personal favourite web design trends of 2015!

1. Parallax Scrolling

Parallax web design is an interactive scrolling technique which gives the illusion that background images move slower than the rest of the features on the page. Parallax scrolling can make the page appear more animated and gives more depth to 2D images. Aside from giving your website a contemporary feel and fresh look, parallax can be very visually engaging, and increase user experience. This style of scrolling has become increasingly popular over the past twelve months, and we predict that it’s going to be a strong contender in 2016!

Here’s an example of one of our website’s using parallax scrolling: http://oakstonedesigns.co.uk/

oakstone

2. Sticky Menus

Remember the days when finding the menu bar after scrolling to the bottom of a web page, seemed like mission impossible? Well they are long gone my friend, because using “sticky menus” means that no matter how far you scroll down a page, the menu is stuck to the top of your screen! Simple, yet an effective step to improving user experience. All hail the sticky menu!

Want an example? Just take a look at the website we built for Polam Hall School.  http://www.polamhall.com

3. Fat Footer

2015 is the year the fat footer was born! No we’re not talking about babies with huge feet, (although that would be quite funny), we’re talking about the information packed, newsletter subscribing and accreditation boasting, website footer! If your website doesn’t have a fat footer, you could be missing out on a whole host of benefits, and here’s just a few of them:

  • A place to hide the boring stuff. You know, like the privacy policy and terms and conditions? The info’ that legally has to be on your site, but few people actually read.
  • A fat footer is beneficial for SEO. The footer of your website appears on every single page, so when it comes to Google indexing your website, it’s advantageous to have some quality content and internal website links in there!

  • Another chance to be creative. Many of your visitors will scroll down to the bottom of your page to find out your contact info or look for your social profiles, so why not make it look just as creative and inventive as the rest of your site?

 

Think of your footer as the tail or your website. You’d rather have a big fluffy one, than a skinny bare one! Here’s an example of a websites we’ve built with a big, fat, juicy footer! http://www.39a-business-academy.com/

 

39a-fat-footer

4. Controllable Slideshow Banner

A controllable banner is an interactive feature of your site, and helps improve user experience. Website users like to feel as though they are in control of the content that they see on your website. So by being able to click through the sliding banner, they are controlling the type of content they can see, while controlling the amount of time they spend viewing each slide.

Multiple slides also allow you to  cram more content into a smaller space, without having to compromise the design or layout of the page! Simple, easy, effective.

Take a look at the website we recently launched for Narrative Integrated Communications, using a controllable banner:

5. Hidden Navigation / Off Canvas Menu

Hidden navigation occurs when you click onto a website, and the menu is hidden off canvas. In order to navigate the website, the user must click on a ‘navicon’, which then opens up the sites menu. This gives the designer much more creative freedom to focus on the visuals and design of the website, with more surface area to create bigger and better concepts.

The navicon trend is inspired by the rise of mobile responsiveness, so website navigation remains the same, whether you view it on a mobile, tablet or desktop. Combine the navicon with menu stickiness and you are on the road to be a UX genius!

6. Tiling

Tiling is a technique that designers use to create grid style content blocks that work together using imagery, colours and text to give the page a more dynamic layout, and is a trendy alternative to plain text content with lots hyper links. Windows have taken a similar approach using mosaic inspired content blocks within their user interface.

This is one of our favourite up and coming web design trends of 2015. We’re expecting to see a lot more websites using style in 2016! Here’s an example of tiling on a website we recently launched!

Visit Narrative Integrated Communications to have a play around with the tiling!

Narrative-2

 7. UI Patterns

UI design patterns are created to solve recurring user interface (UI) problems. Amongst the most common UI problems are website navigation, data input and social communication.

So what does this mean? Well in short, web users are lazy. In this digital age, the world’s information is readily available at the touch of a button, and users will expect your website to give them the information they need instantaneously, without doing any digging.

UI-Patters.com explain the different techniques and designs that can be used to battle UI problems!

8. Large Animations

As cliché as it may sound, the possibilities really are endless with animation. Moving graphics offer dynamism, and showcase sophisticated design skills. Generally speaking, users enjoy watching and interacting with these dynamic graphics.

However it’s important not to go overboard! When it comes to web design, less is more, especially where animations are concerned. If a page becomes too ‘busy’ and confusing, the user may lose interest. Simplicity is key to drawing the user in and engaging them with seamless animation.

Feast your eyes on this little animation we designed for North Star Housing Group.

Want to find out more about the latest design trends, and how we can help bring your ideas to life? Speak to the professionals at Geonet! Give us a call on 01325 361 729, or pop in for a coffee and a chat!

Becca Bray
becca.bray@geonetsolutions.co.uk