Blog posts about: Design

Parallax Scrolling and SEO

A recent web trend in the space of online story telling is ‘parallax scrolling’ – the art of animated additional assets on a long form page of text (that’s my definition, here’s Wikipedia’s. It’s a very cool and more immersive way of rendering the story and associated assets for the reader whilst enjoying an in depth story or article. To me it feels like the next step on from the hyperlink – it allows the assets previously linked to to be embedded in a way that is not only less disruptive but more creative, presenting a richer experience. The originator was this, still gorgeous read – Snow Fall – in the New York times. There are plenty of examples of great parallax scrolling story telling, and even an a Google Doc with a definitive list of all sites created this way to help you get your creative juices flowing (link – opens in Google Drive). However, in some cases, the implementation of parallax scrolling can cause SEO issues unless SEO is considered early enough in the build phase. Such is an SEO’s lot that often clients come knocking on the door with their brand new shiny website an want it to work with SEO after the fact and this seems to have been the root of many issues and confusion around whether parallax scrolling is a step back for visibility. Let’s take a look at the fundamentals of how to request a funky new website with parallax scrolling without jeopardising your hard fought SEO rankings. The first thing to bear in mind that one page isn’t a great way to structure any online content as the search engines will struggle for relevance when the entire topic is stretched over one page. That’s why there’s oft been published an optimum number of words, and if you want to get really geeky an optimum keyword density for the 2 or 3 primary search terms for each page (please don’t get hung up on this!). So structuring your content over separate URLs is key. The second thing to bear in mind is that duplicating your content is also a no-no for SEO. So one long page with all your content on and then other pages with the same content on but chunked down is also less preferable. So telling the search engines which piece of content to view is key. So what...

Facebook News Feed Redesign is a Creative Heaven

In case you hadn’t heard Facebook (official link) is unleashing a new format/layout/design of it’s news feed. This is the screen that you, me and the rest of the world stare at daily (US adults average of 8 hours month). The change represents a big deal for all sorts of reasons. First it is much prettier and therefore nicer to look at and read; Secondly it’s cleaning and less demanding on the over-demanded eye; Thirdly it’s more of an opportunity for brands and individuals who want to grab your attention. Some time ago now Facebook changed their Edge Rank algorithm to favour it’s advertising model. Some brands noted a marked drop in engagement for their updates. To some it seemed like a merciless penny pinching exercise, but now we can see what all the fuss was about. The most obvious thing about the News Feed design is white space. In fact Facebook have gone as far as to heavily down play their own branding by replacing the old facebook logo (top-left) with a simple ‘f’ that reflects the smart phone app icon (i.e. the one we all recognise anyway). This huge new canvas, and the fact that there are new banner dimensions for brands to grab, means that the creative agencies of this world can really flex their muscles. This is both good and bad. Obviously there are great creative agencies, but there are also bad ones, so we can all look forward to ads that look as bad as the lol-cats videos that we still all suffer from. I’m all for the redesign. The current trend for white space and really clear layout is a good one that aso reflects the trend for responsive design for cross-platform usage, we’ll just have to see how it influences engagement, and more importantly for Facebook, how it helps drive brands to spend more on their advertising and drive up their share price. Further reading: What Facebook’s New News Feed Means for...