{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

Please do not mistake me for some kind digital prognosticator, soothsayer guru, evangelist, swami, samurai or whatever risible term is currently popular in digital marketing circles.

I am but one writer who has spent the last year immersed (and only occasionally floundering) in previously unchartered waters in my first 12 months of writing for Econsultancy.

This isn’t just a list of trends that I’ve noticed during my own research, but also ones discovered by my many venerable colleagues, various friends of the blog and passed on to me by Dan Barker or compiled throughout the year by Chris Lake.

All of whose contributions to the following have been invaluable. (You can therefore read the above as, “if you pick on me I’ll get my older brothers on you.”)

Some of these predictions will be more obvious than others, but I’ve decided to err on the side of ‘likely’ rather than ‘wildly fanciful’.

Some of these predictions will also be more about what I’d like to see, rather than what we’ll definitely see.

Anyway, with that massive list of caveats out of the way, let’s begin.

Parallax scrolling for everybody

Now that mesmerising parallax scrolling templates are readily available on WordPress and other platforms for very little expense, expect to see a lot more highly innovative, narratively driven web pages.

Card design

As Chris Lake states in his round-up of card-based web design, cards are ideal for the TL;DR generation, perfect for mobile devices and responsive design.

We'll certainly be seeing a lot more of them in the years ahead.

Pinterest

Coca-Cola

Material design

The meeting point between skeuomorphism and entirely flat design. Google invented it apparently, here's a quote directly from its manifesto:

The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.

More examples from the blog can be found here: What is Material Design?

Ghost buttons

Much like an eerie spectre hovering in the corner, ghost buttons aren’t meant to distract you, just attract your attention in a subtle way. 

They are transparent but have a recognisable shape, are bordered with a very thin line and contain light sans-serif fonts.

They’re not quite a call-to-action. Perfect for designers not wishing to clutter their sites with albeit necessary navigation.

See more examples in 12 supernatural examples of ghost buttons in ecommerce.

Speed

“It's always talked about, but people don't always do anything about it,” according to Dan Barker. He continues:

These things come and go in waves. There was a period where everyone would try for minimal graphics to speed things up, then desktop connections got faster and nobody worried.

Then mobile came along and everyone worried again. Then 3G got faster and lots of sites let it slip. Now with things like the Black Friday queuing debacle, I think people will probably start to look at this again more broadly.

Micro UX

Micro UX design is all about delighting the user by using simple innovative design that not only makes a task easier but also creates an engaging, humane experience that’s a pleasure to repeat. 

Hopefully the trend for larger experiences built on these little touches will really shine in 2015.

The Threadless shopping cart pop-out that bounces up and down with happiness

The simple way to switch between Twitter accounts in the iPhone apps with just a drag of the finger

More joyful examples can be found here. 

Hidden menus

It's becoming more popular for websites to hide navigation off screen until you interact with an element towards the top left or right of the screen. 

Gmail Inbox

Here are 10 more sneaky examples of hidden website menus.

Pinned elements

Over to Dan Barker for this one:

Pinned elements have caught on over the last couple of years but never gone entirely mainstream. Whenever I do user tests on tablets and the header is *not* pinned on long pages, users complain about it.

I therefore half-hope, and expect that this will spread a little more.

Scrolling not clicking

Scrolling through webpages is far quicker than clicking. It helps convey masses of information without slowing down the experience for the user, it’s mobile and touch friendly, it’s a non-committal action that requires little thought and it’s perfect for webpages where the purpose is storytelling.

World’s Highest Website

Nike Air Jordan

Upwardly responsive

Although there are plenty of brands adapting their websites for smartphone and tablet users, responsive design should work for bigger screens too.

Quoting Chris Lake from his article on websites designed for big screens earlier in the year... 

It goes without saying that a growing proportion of your website's visitors will be using handheld devices with little screens, but you may be surprised by how many people use bigger screens.

Ecommerce brands will hopefully recognise this going into 2015 and adapt the experience for our giant screens in the office and at home. 

Firebox 

Pull & Bear

 

Motion design

Chris Lake rounded-up 14 motion design trends for web and mobile interfaces back in July and many of these we will hopefully see more of next year...

Infinite scroll fade ins

More content! More!

Dynamic/animated charts

Why bother with static images when you can render a chart on the fly?  

 

Modular scrolling

It is possible to scroll individual columns, as well as whole pages. If you scroll down this very blog post, you can see it in action too.

 

BIG FONTS

Dan Barker really hopes that big fonts will make a comeback.

You see them on some blogs and publisher sites, and they work really well on mobile, but they have yet to resurge on ecommerce sites.

Perhaps 2015 will be the time.

Shades of colour

By choosing one vibrant colour, and various shades thereof, then offsetting it against a neutral background you can create a rather elegant looking interface.

Select Device

Qatar Airways

There are more examples in Chris Lake’s beautiful designs based around shades of colour.

Super-navigation

You may see more thin permanent menus across the very top of larger websites. These bring unity, allow consistent navigation across multiple pages and are a handy place to present alerts.

Check out more examples here: 10 compact examples of super-navigation

Mobile first, but not only

'Mobile first' well and truly took hold in 2014. Unfortunately sometimes that means that things look great on mobile and dreadful on desktop and tablet. 

As Dan Barker states:

I'm not sure that will end fully, but if you are reading this sentence and you have anything to do with a design project, please do remember that 'mobile first' shouldn't mean 'mobile only.

We're still in that period where people carry out their most important tasks on desktops and tablets (booking holidays, buying from a site for the very first time, online banking) so it's vital that the desktop audience is still catered for.

Credits

Again a huge thanks to Dan Barker, who can be find over at barker.co.uk and Chris Lake, who you can hound on Twitter.

Finally a massive thanks to the awesome gang here at Team Editorial, Mothy, Ben, Matt and Graham.

Christopher Ratcliff

Published 17 December, 2014 by Christopher Ratcliff

Christopher Ratcliff is the editor of Methods Unsound. He was the Deputy Editor of Econsultancy. You can follow him on Twitter or connect via Google+ and LinkedIn

686 more posts from this author

Comments (8)

Comment
No-profile-pic
Save or Cancel
Morgan Jones

Morgan Jones, Digital Manager at Freestone Creative

These are all noteworthy trends. My personal favourite is big fonts. Still to this day, although screen-sizes are quite generous: http://gs.statcounter.com/#resolution-ww-monthly-201311-201411-bar , the majority of web designers I work with insist on using font sizes akin to 11-12px for large hi-res screens. You're killing me eyes people ;)

over 2 years ago

David Carpenter

David Carpenter, President, CMO at Connection Model

Terrific roundup of trends. Well done. I love how your own content has a sort of parallax effect (main column scrolls faster than the right column). The one that has me more than excited than all the others is card-based design. As you stated, there's so much potential for responsive design/mobile, updates and interactivity. Thanks again for this article.

over 2 years ago

Avatar-blank-50x50

Chris Monkman, Web Developer at E-Dzine

I really (really) not a fan of parallax scrolling as for the most part there's no originality, just rehashing of wordpress themes. I kinda feels it cheapens the whole concept. Ontop of that it still bugs me when I'm scrolling and the content doesn't keep pace with the speed of a scroll wheel. Petty I know but still.

Oh and that only really works well on a decent computer, heaven forbid your users have a slow internet connection and / or computer.

Shades of colour though, that I like. Keeps things clean and easy going.

over 2 years ago

Avatar-blank-50x50

rasheed ahmed, Digital Marketing analyst at Chennai Web Development

Really cool collection of web designing trends to watch in year 2015. I'm going to try this out to my clients.

over 2 years ago

Avatar-blank-50x50

Stephanie Cleaves, Creative Director at dynamic dZine

Thank you for sharing your insights, Christopher!

over 2 years ago

Kevin Pham

Kevin Pham, Responsive Web Design at ProWeb365

Responsive design still be a good trend. As the mobile web continues to grow and web design continues to skew in the direction of a more effective and enjoyable mobile experience, scrolling will continue to dominate clicking. It’s more intuitive, easier to do, cuts down on load times and allows for more dynamic interaction to take place between the user and the website.

over 2 years ago

Avatar-blank-50x50

Roger Donavan, Website Developer at WDIDEAS

The emerging trend has really took website development and design technology, creativity to a very utmost level of usability of the users and visitors. For improvement of conversions such parameters are important to be followed. We are also using such parameters on our website www.wdipl.com which is heading to improvements in traffic.

over 2 years ago

Avatar-blank-50x50

Anastasia Sweet, Social Media Manager at Marketing Sweet

Hi Christopher, I really enjoyed reading this article! You have shared a really great collection of web designing trends to watch in year 2015. Also, the ideas you shared were very useful and I found them to be very helpful and informative. Thank you for the great information! I hope to come across more articles like this, with fantastic imagery.

about 2 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.