S8080 Blog

Accessibility | Skip to content
S8080 Blog
Jul 29 2009

yellowBird: 360° Video

yellowBird is a new technology allowing the creation of immersive 360° video, using a special kind of camera a bit like that used by Google Streetview:

A variant of the yellowBird camera is utilized within the Google Streetview technology. The prominent difference is that the yellowBird camera records video instead of photographs. The camera uses six cleverly divided lenses in order to capture every possible viewing direction.

yellowBird videos can then be embedded on a web page using a special player. On the surface, it looks like a normal Flash video player… but it’s not. Whilst the video’s playing, you can drag the picture around to look wherever you want to look. It’s very cool. Take a look (it may take a little while to load):

There’s another yellowBird demo available here: http://tmobilesingalong360.co.uk
Or you can check out the yellowBird website at what’s got to be one of the silliest web addresses we’ve ever seen: http://www.yellowbirdsdonthavewingsbuttheyflytomakeyouexperiencea3dreality.com – good luck remembering that!

- James

Jul 27 2009

Mobile: Android pulls ahead of Windows Mobile

AdMob (a mobile advertising platform) have released their latest metrics report – and as far as their advertising impressions go, Google Android has now pulled in front of Windows Mobile (in terms of requests to the AdMob network, not handset marketshare).

The difference is actually even more pronounced in the UK than the US:

Smartphone Requests by OS - UK

Of course, this is just one advertising network, and results may well be skewed depending on how/where their adverts are displayed, but it’s still a useful thing to note as the mobile web continues to grow in popularity at a tremendous speed.

(via Android and Me)

- James

Jul 23 2009

Hirst designs butterfly bike for Lance

Damien Hirst has customised a ‘finish line’ bike design for Lance Armstrong using real butterflies.

I’m not really sure how I feel about that, but it sure is pretty.

image

I wanted to use real butterflies and not just pictures of butterflies, because I wanted it to shimmer when the light catches it like only real butterflies do, and we were trying not to add any extra weight to the bike.

http://www.trekbikes.com/us/en/stages/hirst/

- Chris

Jul 22 2009

Warning: Vehicle Transforms into Robot

image

I would love one of these for the back of my Delica.

From Diesel Sweeties via notcot.

- Chris

Jul 22 2009

Do duplicate links on a page to the same destination page make it easier or harder for user to find information?

The other day in a IA work shop session one of our clients asked a really valid question:

…do too many links in a page to the same destination page make the page harder to use because visitors have to look through more content to find what they’re looking for? For example on the home page we have links to the same destination page in the navigation bar, the content area and the promotional area.”

Some argue that more than one link to the same destination page is just too many, and I agree that if there is more than one link to the same destination page then there needs to be a good, and well considered, reason for this.

However as with many usability and IA questions there is no definitive rule, and the answer depends on many variables…

 

More than one link is OK but don’t just duplicate your navigation bar

For real priority content and key user tasks we will often make sure that there is more than one link. So say a key business objective is ‘to get more users to sign up’ we may have a link in the navigation bar and a link or a big button in the content area to the sign up form.

The reason we take this approach, having more than one link to core content and key tasks, is that we’ve observed users in the same testing sessions navigate only using the navigation bar and others navigate only by scanning the content area for links and buttons (seeming almost blind to the navigation bars). Therefore the argument is very strong to add more than one link to key tasks on a page.

What we really don’t like to see is a web site where the whole of the navigation bar is repeated in the content area, and worse still some sites where key user goals and call to actions are in the navigation bar, cross promotional navigation area and content area!

That’s why user journeys and listing core tasks / goals is so important, with this understanding we can make sure that on relevant pages we have 2 or potentially 3 ways into that primary business function, on other pages where that specific task is not as important we will have fewer links.

 

Big buttons help prioritise key tasks and speed up user journeys

The other ‘trick’ we use is pushing key journeys with big buttons, we know big buttons are clicked more often and more quickly, so by making a link really big gives the user a very clear entry point to a key task. It screams to the user ‘this is really important’ and will often out perform a number of smaller links. Of course you can’t super size all your links – just your really core user task(s) on that page.

So on a page non core business functions / ‘non key tasks’ should not be duplicated – instead rely on good Information Architecture.

We find that using trigger words works really well on navigation pages, helping to ensure that the different audience groups understand the IA of the site, grouping and labelling of content.

 

Thinking of making tweaks and changes?

Before we make fundamental changes we typically we like to get a detailed understanding so we’ll often use a mix of these to help build our knowledge:

  • Know where you want your users to go – review your audiences and their key user journeys, look at specific tasks and the IA
  • Check analytics to see which links are being clicked on
  • Split test if possible (A, B test – try removing duplicate links for a period of time and see what the impact is)
  • Do some quick and dirty user testing
  • Keep reviewing the site’s aims and business objectives

As you can see this was a really great question and deserved more than a one line answer!

- Matt

Jul 21 2009

Four great zoo ads

a puma

image 

image

image

Via noquedanblogs.com

- Chris

Jul 20 2009

Writing detail pages / information pages

The ‘inverted pyramid style’ of writing and structuring information pages for the web, where the first paragraph summarises the key point of the whole page, is tightly aligned with how users scan and gather information from the web.

In a previous post ‘What are navigation pages / pathway pages’ (http://www.s8080blog.com/2009/07/what-are-navigation-pages-pathway-pages/) I looked at rules of thumb for navigation pages, how to get users to the detailed information quickly.

Now your users have got to the information pages we’ll talk about what to put in them and how to structure them – the ‘inverted pyramid style’, this is relevant for both blog pages and deep content in a site.

What are the user goals on information pages?

  • Scan to check that they got where they thought they were going
  • Scan to see if what they are looking for is on the page
  • Scan to find the key point of the page
  • Possibly read more details to get background information

User research clearly shows users look at the page title, the headings and scan for key words in the text – primarily the first paragraph and then decide if they are going to read the whole page or note.

So how do I write information pages in the ‘inverted pyramid style’

  • Put the key message / main point first – users tend to be selective (and lazy) they will read a few words or a paragraph before deciding if the information is relevant.
  • Sum up the point of the page in a single summary paragraph at the top of the page
  • Then add supporting information, which is ordered relevant to users
  • Finally add history, background, additional links to find our more detail and detailed documents

Why a pyramid?

The pyramid represents the number of users who’ll read the different layers of the page, only a few get to the end – that’s why it’s so important to summarise the key point in the top paragraph of your page.

 

 Inverted pryamid

Who supports the inverted pyramid style?

Web usability gurus such as Jakob Nielson: http://www.useit.com/alertbox/9606.html

 

Finally you may find these posts useful:

Writing copy for the web:
http://www.s8080blog.com/2006/08/writing-website-copy/

How much do we read online:
http://www.s8080blog.com/2008/12/how-much-do-we-read-online/

Words and scanning lists:
http://www.s8080blog.com/2009/04/first-2-words-are-critical-for-scanning-lists-and-headings/

F-shaped pattern for reading online:
http://www.s8080blog.com/2009/01/f-shaped-pattern-for-reading-online/

- Matt

Jul 14 2009

Tim’s triathlon

Tim, one of our creative team, entered the Pembrokeshire Coast Triathlon on Saturday. It was his first event and he managed to get around the 1.5k swim, 43k ride and 10.2k run in one piece on a bike borrowed from one of our project managers.

He is always planning or doing something crazy and comes to work limping on most Monday mornings.

fresh   wrecked

The start and finish photos of the cycling stage tell a story! Good work fella!

I’d always fancied doing a Triathlon and Broadhaven is right on my doorstep, so I entered. I felt good until the last 5k of the run when I think I hit the wall, my legs stopped working. It’s the toughest event I’ve ever done, but I’m so happy to have finished.

- Chris

Jul 13 2009

The web is 20

image

The world’s first web server – Tim Berners Lee’s NeXT Cube. Photo by sbission.

The web was born 20 years ago, and…

Two decades on, there are over 200 million websites and over one trillion unique URLs. An astounding 1.6 billion people use the web worldwide, and here in the UK the figure stands at over 70 per cent of the population.

Good article from TechRadar including 20 websites that changed the world.

- Chris

Jul 11 2009

What would you buy on via your mobile?

An interesting article on mobile commerce by emarketer.com summarising recent polls in the US on what mobile users would buy via mobile commerce.

In a nutshell:

  • Only 7% of online retailers had an m-commerce site in late 2008 (source: Internet Retailer)
  • 71% of US adults would purchase via their mobile (source: Harris Interactive)
  • 59% were willing to buy pizza online via a phone, 58% movie or event tickets, 43% hotel rooms (source: Harris Interactive)
  • But PriceGrabber.com found most popular mobile purchases were digital content (ring tones and music)

See the full article with graphs: http://www.emarketer.com/Article.aspx?R=1007126

This all makes sense, our observations to date are that mobile users have different (and immediate) goals when using their mobiles on the move rather than when they have a desktop, laptop or net book handy.

 

pizza

Anyone for Pizza?

- Matt