Toggle Next Previous

10 Interactive Timelines to Inspire Your Content Marketing

by Yannis |April 16th, 2012

Bring your content marketing to life with an interactive timeline. We did some research on the topic for a client and below are our best findings.

 

British History Timeline

Visually interesting timeline created by the BBC and featuring zoom-in functionality and filters. It suffers a bit from the vertical text and the fact that there is no actual information provided until we zoom in.

 

The path of protest

Unusual pseudo-3D timeline created by the Guardian with information spread across the x and z axes. It looks good but it lacks any user controls other than navigating back and forth in time. Also, each link clicks through to a new page making this timeline more of a fancy index page rather than a contained experience.

 

Global Events Timeline

Visual extravagance created by the British Library. It features filters, favourites, screen shots and a carousel-like navigation mechanism. The layout feels a bit cluttered and the information included is a bit of a let down; it leaves you wishing it was as elaborate as the navigation.

 

Steve Jobs Timeline

A very simple timeline created by The New York Times. It would work a lot better if the markers on the timeline were easier to click on.

 

9/11 Memorial

Another pseudo-3D timeline featuring a long horizontal scroll. It has a nice feel to it, but it could benefit from a non-linear mechanism that allows users to jump to any point of the timeline without having to rely on the scroll-bar or wait for the animation to get them there.

 

History of Adobe

A busy timeline marking events with dots, like the BBC’s timeline above. And like the BBC above, the issue is that the main “dotted” view does not provide any actual information and therefore offers zero value to the user. A close-up view like in the 9/11 timeline would ensure instant user engagement.

 

200 Years of the New England Journal of Medicine

A very complex timeline featuring a number of navigation tools and filters spread across multiple axes. Parts of it look good, but overall the UX has a whiff of interactive CDs from the late 90s. It could benefit from full screen viewing, more legible text and simplified navigation.

 

U.S. Political Climate

Visually arresting interactive infographic combining a timeline with multiple layers of information. The upside-down text is a bit of a UX nightmare and the physical split between the timeline and the info wheel requires the user to go back and forth between the two to make any sense of it, but it looks simple and it almost convinces that it actually is.

 

British Prime Ministers

Created by No 10, this is the first non-Flash timeline we came across. It works really well, but is let down by the big image in the background that offers little value and makes the whole experience visually busy and tiring.

 

Target through the years

A simple timeline that features a neat filter and a series of flying panels holding the information. It works well, but the panel animation is a bit annoying after a while.

 

Toggle Next Previous

Trapped in iPhone app hell: 23 taps to save a web screen grab to Evernote

by Yannis |February 24th, 2012

Despite the millions of apps out there, the rumoured iPad 3, the upcoming Windows 8 and the mythical Google goggles, we are still a long way away from turning digital content consumption and use into a truly seamless experience. Here is a simple example of the hoops I have to jump through to perform what appears to be a simple task: take a full-screen grab of a mobile website page and save it in Evernote along with the URL:

  • Tap 1: To open Safari. Then I type “Furniture Village” into the Google box. The search results comes up.
  • Tap 2: To select the desired search result. The website appears.
  • Tap 3: To place the cursor into the navigation toolbar of Safari.
  • Tap 4: To bring up the text edit menu.
  • Tap 5: To select all.
  • Tap 6: To copy.
  • Tap 7: To go back to the home screen.
  • Tap 8: To open the “Web Capture” app (it allows me to capture the full length of a mobile web page, but otherwise it is primitive, so I can’t search for a website the same way I do on Safari)
  • Tap 9: On the URL button.
  • Tap 10: On the text box to bring up the text edit menu.
  • Tap 11: To paste.
  • Tap 12: On Return. The website comes up.
  • Tap 13: To capture.
  • Tap 14: To select Camera.
  • Tap 15: To go back to the home screen.
  • Tap 16: To open Evernote.
  • Tap 17: To open the relevant Notebook.
  • Tap 18: To add Note.
  • Tap 19: To select Camera Roll.
  • Tap 20: To select my screen grab to add.
  • Tap 21: On the title box to bring the text edit menu up.
  • Tap 22: To paste URL.
  • Tap 23: To save.

The reasons for this excruciating user experience are not only the limitations of the current mobile interface and some bad app design, but also the fact that apps don’t talk to each other. Efficient, nimble and task-driven, apps are great bits of software – the antidote to big software behemoths born in the 90s and still lingering about. Yet, lack of interoperability turns a smartphone into a pocket or task silos. There are tons of such examples – try to use the Hootsuite app to Tweet about a post on the Mobile RSS app – and unfortunately, they compromise our relationship with technology and content. We are a long way away from content (and tasks) becoming truly free.

Toggle Next Previous

Fancy spinning wheel or good old-fashioned calendar?

by Yannis |October 11th, 2011

I hate the spinning wheel. Yes, it was moderately exciting when I first used it; a new fancy way to interact with a calendar. But, soon after, excitement turned into despair as controlling three free-spinning wheels requires finger control beyond my natural abilities. I much prefer the simplicity of the good old-fashioned calendar. I tried in vain to find some usability info on the topic, but it seems that I am the only wheel hater around.

 

 

 

Toggle Next Previous

New Beta BBC homepage vs FT web app

by Yannis |September 21st, 2011

If the new BBC homepage is from tabloid Mars, then the FT web app is from broadsheet Venus. It’s a bit unfair comparing the just released BBC homepage with the fully launched and comprehensive FT web app. Nevertheless, it’s worth doing a quick comparison for two reasons: first because both brands are giants of the publishing industry and second because the world of tablets and smartphones is in such a flux that any innovation which might point to a new UX convention ought to get everyone to sit up and take notice.

The new Beta BBC homepage

The FT web app

Read more Read more

Toggle Next Previous

Why can’t enterprise software be more like a smartphone?

by Yannis |September 13th, 2011

I use both an iPhone and Salesforce on a daily basis. Comparing the two is like comparing apples (no pun intended) to oranges. But from a user experience point of view, such an improbable comparison could lead to some interesting observations about the past and future of software design philosophy.

A big factor behind the success of smartphones and tablets has been the fulfilment of users’ needs at a micro level. The “there is an app for that” catchphrase perfectly describes the concept of developing each application to solve a particular problem. It is a simple concept consumers understand and, considering the success of smartphones, find very attractive.

Compare this approach to how Salesforce works:

 

 

Of course it’s not just enterprise software that suffers from feature bling; most Microsoft and Adobe programs fall into the same category; Word or Photoshop anyone? There is a lot of talk this year around the future of software development and how the proliferation of mobile apps and the popularity of the Apple App Store are influencing things. But from a user’s point of view, simpler software packages with a bare-bones engine sold at a lower price and a post-sales marketplace of individual features and feature packages is likely to make software use (and purchase) a lot more fun.

 

Toggle Next Previous

Is feature porn killing usability in enterprise software?

by Yannis |July 20th, 2011

Nowadays, everything comes with features: my toothbrush comes with an added tongue scratcher, my morning cereal is fortified with all sorts of stuff and even my air freshener sports a motion detector. Enterprise software is no different; it might not come with added vitamins, but it’s certainly oozing features out of every USB socket.

Lately, we have been working with a number of organisations whose main offering comes with a screen interface:  contact centre solutions, BI software, risk management tools, etc. A common problem many people recognise but most fail to do anything about, is that bad usability can make using all this stuff a daunting task.

Read more Read more

Toggle Next Previous

3 ways to design news pages on iPad. Which one is the best?

by Yannis |June 14th, 2011

Over the past 6 months we have been doing quite a lot of tablet-specific UX work here at Skyron, looking at how to organise, style and optimise content-rich pages. A bit of research into news apps reveals that there are 3 schools of thought when it comes to delivering current news content. For the sake of this post, we named them Flowing Stream, Assorted Boxes and Sliding Panels.

Flowing Stream

This type of layout displays the content items into a single or multiple streams that require the user to scroll horizontally to access them all. It is used by brands like Fox News, Sky News and Pulse.

Fox News is the richest layout with each stream serving a different purpose. Bit confusing at first but it all makes sense after a minute or two:

Read more Read more