Learn more about user experience, web development and digital marketingView training courses

Our thinking

There are lots of flight comparison websites and almost all of them follow a very similar layout on their search results pages. They all have a long table with rows of complex information including airline, price, departure times, arrival times, flight durations and stopover durations.
Users have 2 challenges with such pages:
1.    All the information is represented by text, and there’s too much text overall which makes it difficult to absorb the overall picture and choose the best overall flight
2.    Picking out a criteria, such as the duration, and scanning the list for this detail can be difficult because there’s so much information surrounding it on the screen

A solution is out there!

Hipmunk have a really innovative solution on their website which shows flights overlaid on a bar chart with time and price as the axes. Users can scan the screen and absorb a lot of information without having to read much text, which makes scanning very quick. This is a really simple, innovative and effective solution.

How does it work?

  • A horizontal bar represents each flight. The position of the bar in the timeline shows when it departs and arrives, the width of the bar shows the flight’s duration and the size of any gap in the bar shows the stopover duration. A complex set of results is made easy to digest.
  • Another interesting Hipmunk feature is the default sort order: ‘Agony’. This takes into account factors that make a flight less appealing as well as the cost. For example, the flights with a long stopover get pushed further down the results.
  • It’s slightly more difficult to see the some of the precise details, such as the exact departure or arrival times – users are shown this when they hover over a flight’s ‘bar’.

Checking flights on the go?


Hipmunk’s results layout is even more of an advantage on a smartphone. These devices have smaller screens which makes comparing large amounts of data even more challenging. Their iPhone app uses the same bar chart style layout and works very well.

The Hipmunk’s website and iPhone app brings a fresh innovation approach to flight comparisons.

Want to know more about building a top notch mobile strategy?  Do you know if a mobile website or an app would suit your business, what content and features you will need, which designs will work best and how to conduct usability testing?

Gain the knowledge you need at our mobile user experience training course. Get in touch if you want more info!

Webcredible had a stand at the Ecommerce Expo again this October which ran on Tuesday and Wednesday. If you came by you’ll have noticed that our stand looked very different. We changed our brand and logo on Monday, and we had a new stand design with the new look and feel to match.

We met some really interesting companies at the event again which we’re looking forwarding to working with. It was also good to catch-up with some of our existing clients who came to the show and stopped by our stand.

We also launched our Ecommerce Usability report: ‘The Online High Street: 5 years of improvement’ at the show. There was a general trend for scores to go up this year and John Lewis jumped from up from 3rd place in 2009 to 1st place in 2010. With the Internet retailing marketplace continuing to grow it makes sense that Internet retailers are continuing to invest time and resources in making their websites effective and persuasive.

Feel free to download the report or listen to the podcast.

Last week I watched the election on my laptop to experience Social TV. The most interesting aspect was seeing how viewers’ ratings of the leaders changed throughout the debate. This week, I looked at the different ways in which websites or TV channels displayed viewers’ ratings to see which worked best.

Guardian’s Reaction tracker

The Guardian had a clear chart with a line for each of the leaders. However, it only updated once every minute. This wasn’t frequent enough for it to enhance the live viewing experience. When Gordon Brown told Nick Clegg to ‘Get real’ I wanted to know straight away what the viewers thought about it. But, by the time the chart updated the debate had moved on.

Sky TV’s bar chart

Sky TV’s bar chart tried to show the breadth of opinions. For example, they didn’t just show the average rating for Nick Clegg. Instead Sky showed how far the ratings from most people ranged for Nick Clegg. So, the more the ratings differed the taller the yellow bar would be. This added a different dimension to how the ratings were displayed. However, it was a little more complicated and harder to interpret than the Guardian’s simple line chart. Also, the bar didn’t seem to move that much and you had to look carefully to notice any movement.  Most of the time I wanted to look at the leaders themselves so I often missed changes in the ratings.

ITV’s Worm

I wrote about this last week. It showed whether viewers felt positively or negatively towards what the leaders were saying. A single line went up or down in reaction to what the leaders were saying. There were 2 great things about this. Firstly, the line moved instantly in reaction to what was being said, giving immediate reactions. Secondly, the scale was set just right so that when viewers liked/disliked a leader’s comments the line rose/dropped markedly, these made the changes look and feel more dramatic. Out of the 3 displays ITV’s Worm was the best to watch.

Viewer ratings can really add to the experience of watching a debate. I can see these becoming more common in Social TV. It’s important to consider the best way to display the ratings. They should grab the viewer’s attention by making changes noticeable and easy to interpret.

This ends a politically themed week here at Webcredible. See how we rated the websites of the UK political parties in a report we launched earlier this week.

Many people in the UK had a social TV experience tonight, watching the leaders debate while also commenting on facebook, twitter and chat rooms. Social TV is slowly getting more popular, especially at big events like this. I had my first social TV experience tonight. I had my laptop open on ITV’s website where there was a live video of the debate, a chat room, a facebook window, a live ‘Worm’ graph and instant polls.

Chat room & facebookfacebook connect chat widget

There was a live ITV chat room where viewers were giving instant reactions. It was interesting to see what other viewers thought of what the leaders said and to see a big range of viewer opinions. It was also good to see that most viewers didn’t stick to part lines and but gave genuine comments, criticising their favourite leader and complimenting the opposition where appropriate.

The ITV website also had a facebook window which showed comments made by facebook users. This had the potential to be more interesting than the public chat room – I was more interested in knowing the opinions of my friends than those of strangers.

However, the facebook window showed comments from any facebook user on the ITV website and any comments from my friends were lost amongst these. I’d have preferred a more personal experience within a smaller social group.

Worm

ITV worm chartFor me, the most captivating example of social TV came from the ‘Worm’. ITV added a live graph line, called a ‘Worm’, on top of a live video of the debate. This continuously showed how much a select group of 20 viewers felt positively or negatively towards what the leaders were saying (they were provided a special device to do this).

The ‘Worm’ was the easiest element of social TV to follow. Firstly, I didn’t need to look away from the leaders to know what other viewers thought. Secondly, I could understand how other people felt much faster by looking at the ‘Worm’ line than by reading through comments.

The ‘Worm’ concept could be improved. 20 users is very small sample size and a much larger sample would give a more reliable representation of public feelings. For example, an interface could be built into the website to allow all viewers give their feelings.

Live poll

Finally, ITV took polls on its website throughout the debate and showed the results changing from minute to minute. It was exciting to get an early view of what the major opinion polls would eventually show after the debate. It was also an effective way to get viewers to contribute to the social TV element – it made it very quick and easy to share your opinion.

Overall experience

Taking part in social TV added a new and exciting dimension to the viewing experience. It’ll be interesting to see how social TV develops as an increasing number of people watch TV while also browsing the Internet on their laptops, netbooks, iPads, mobile phones… I’d recommend trying out the social TV experience at the next leaders debate or big sporting event.

SeeSaw has just launched its TV service bringing together recent and archive TV programmes from the BBC, Channel 4 and Five. It bought its technology from Project Kangaroo, which was joint venture by the same broadcasters that the Competition Commission blocked. Now that this service has finally arrived will it succeed?

3 channels in 1 place

Bringing programmes from different broadcasters into a single place has been popular elsewhere. Hulu did this in the USA where it offers programmes from NBC, Fox and ABC, amongst others, and has been very successful. For users it’s convenient to have all the programmes they want to watch all in one place and it encourages them to browse around and find various programmes, just as they do on their living room TVs. However, UK broadcasters already have their own successful catch up servies so SeeSaw will need promote itself heavily and attract users to its website.

SeeSaw will contain thousands of hours of archive programmes and this may help it to attract users. However, it’s not clear from its homepage that it contains a large amount of archive footage. It should make its proposition clear in its marketing material and on its homepage.

Living room

Most users will still prefer to watch programmes on their living room TVs rather than on their PC monitors. Living rooms are used for socialising and large TVs work much better PCs in this environment. If SeeSaw found a way to integrate its service into TV sets, set-top boxes or gaming consoles then it could get head of the competition. Netflix has does this quite successfully with its own streaming service in the USA and SeeSaw could benefit from doing something similar.

Case studies

Our success stories

  • Hotels.com

    Hotels.com gained a much stronger competitive advantage due to a great mobile strategy

  • Macmillan

    Macmillan got fantastic results from our work, including a 50% reduction in mobile homepage drop-offs

  • Hitachi Capital

    Hitachi Capital now delivers a market-leading online proposition and the best user experience possible

More case studies

Training academy

View training courses

About us

We're a user experience agency (UX agency) that creates people-centred, efficient and delightful digital experiences.

Get in touch on 020 7423 6320