Sport nav evolution 2011

A new Sport site with new navigation

Dan Tallis, Information Architect

Future Media & Technology | Sport Refresh

The following were key IA tasks during the redesign of the Sport site:

• Talking to domain experts – Sports Journalists to understand the huge variety of Sports and Competitions.

• Gathering requirements from Editorial stakeholders (Editor of the Sport site) to find out their priorities.

• Creation of Site Maps of the existing Sport site and the proposed site.

• Competitor Analysis of navigation used on sites such as ESPN, Sky Sports and The Guardian.

• Creation of wireframes for the new navigation.

• User research – statistic analysis and user testing of the new navigation.

Future Media & Technology | Sport Refresh

Talking to Domain Experts enabled us to Identify Domain Objects

All Sports involve:

An Event, for example, a Match, which take place at a certain Time,and at a certain Location.

The Domain Objects can be linked and a model can be created.

The model can be expanded.

A key IA task was to create a site map for the existing site, so we knew which pages had to be redesigned and included in the new site.

Future Media & Technology | Sport Refresh

The Site Map was approx. 5 metres long when printed out…

Future Media & Technology | Sport Refresh

The colours of the boxes indicate how the content is published…One of the aims here is show how the publishing system will change with the new site.

Focusing on the Football site map – as it is now: 182 CPS indexes

Future Media & Technology | Sport Refresh

This is how the Football site map could look in 2011: 2 CPS indexes

Future Media & Technology | Sport Refresh

Key IA Task: The Site Navigation

Future Media & Technology | Sport Refresh

The Current Navigation

Some Reasons for change:

• To match the rest of the BBC with a horizontal nav.• The current nav is very long.• It’s overwhelming and confusing.

Future Media & Technology | Sport Refresh

Competitor Analysis

Future Media & Technology | Sport Refresh

Future Media & Technology | Sport Refresh

The Navigation had to satisfy Business requirements for the site:

Future Media & Technology | Sport Refresh

• Make users aware of the breadth of Live Sport content on the BBC.• Provide easy access to all Sports wherever the user is in the site.• Provide easy access to Tournaments wherever the user is in the site.• Give the user a sense of where they are within the site hierarchy.• Give the user multiple methods of navigating around to other pages.• Simplified navigation compared with the existing site.

An initial idea around what a horizontal Sport navigation could look like

Future Media & Technology | Sport Refresh

RationaleTop Level: Most Popular Sports listed along with a link to the Olympics.All other Sports accessible via the Sports A-Z link. BBC Business links: Live Today, TV & Radio.

Second Level: Major Tournaments. These change as tournaments come and go.

Three options were explored in first round of user testing

Future Media & Technology | Sport Refresh

3. Top level: Mix of Sports and Tournaments. Second level: BBC Business links.

2. Top level: Just Sports. Second level: Tournaments. BBC Business content found in-page.

1. Top level: Sports and BBC Business links. Second level: Tournaments.

Football Navigation work – Card Sort

Future Media & Technology | Sport Refresh

A Card Sort was conducted.

• Forty Cards were created – inspired by the range of content available on the Football site. • Fixtures, Results, Live Scores, Post Match Reports, Post Match Audio and Video highlights and interviews were all included in the cards.

• An online tool was used so that people could complete the Card Sort in their own time. • 65 people completed 80% or more of the card sort

Football Navigation work

Future Media & Technology | Sport Refresh

Card Sort Analysis

65 people meant a potential of 65 different category names for each card. And for some cards approx. 60 different category names were suggested.

Card Sort Results

During the analysis the most popular Category names became evident for each card.

Future Media & Technology | Sport Refresh

Future Media & Technology | Sport Refresh

  Football Card Sort Results Most Popular Category Name

Second Most Popular Category Name

Third Most Popular Category Name

  Card detail      1Premier League Fixtures Premier League: 17% Fixtures and Results: 10% Stats: 9%2Premier League Table Premier League: 16% Stats: 10% Fixtures and Results: 9%3Spain receive raptuous homecoming News: 26% World Cup: 21% Football news: 9%4Spain 1 - Holland 0 Match report Match reports: 20% World Cup: 14% Matches: 6%5Watch the best goals of the World Cup World Cup: 19% Video Highlights: 7%  6Chelsea sign Titus Bramble News: 30% Football news: 11% Latest news: 9%7Audio match report for Brighton v Swindon Match reports: 14% League One: 6% Matches: 6%8Brighton Squad list 2010-2011 League One: 16% Team Info: 9% Squad list: 7%9League One Results League One: 14% Fixtures and Results: 10% Stats: 9%

10Diego Forlan collects Golden Ball World Cup award News: 26% World Cup: 17% Football news: 9%

11Alex Ferguson decides to retire at 80 News: 29% Football news: 13% Premier League: 4%

12Blackpool's ground isn't ready for Premiership opener News: 29% Football news: 13% Premier League: 7%

13West Ham rumoured to be signing Fabregas News: 14% Football news: 9% Gossip: 7%14Manchester United will sign Forlan says The Sun News: 14% Football news: 11% Gossip: 9%

15Kaka ponders Stoke City move says The Daily Mail News: 14% Football news: 10% Gossip: 9%

16Celtic 5 - Hearts 3 Match report Match reports: 17% Matches: 6%Scottish Premier League: 4%

17Rangers sign three goalkeepers News: 20% Football news: 10% Team news: 7%

18Read live text commentary on the Celtic v Hearts game - (37 mins gone) Live text: 7% Live: 7% Live Football: 7%

19Celtic 2 - 2 live score (52 mins gone) Live: 7% Live Football: 7% Matches: 6%

20Tottenham 4 - Chelsea 1 live score (74 mins gone) Live: 7% Live Football: 7% Matches: 6%

Most Suitable Category Name Asset type Category Names

The category names used by participants in the card sort matched up with our model which is based on competitions, matches and teams.

The final solution:

Permanent links to the most popular Sports.Temporary links to Tournaments and Competitions.

Right hand link to More Sports allows user to access any Sport homepage from wherever they are in the site

Crumb trail indicates sense of place within the hierarchy.A team page is a child of All Teams.Results and Fixtures are the child pages of the Team.

Contextual Navigation is crucial to encourage onward journeys.

Sport Mobile Site - IA Tasks

Competitor analysisStats analysisAudit of existing site User research Typical user journeysNavigation designCreation of site mapURL design

Sport Mobile Site

BBC Sport Web and Mobile sites both launching soon…