1. A new Sport site with new
navigation
Dan Tallis, Information Architect
Future Media & Technology | Sport Refresh
2. 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
3. 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.
7. 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
8. The Site Map was approx. 5 metres long when printed out…
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.
Future Media & Technology | Sport Refresh
9. Focusing on the Football site map – as it is now: 182 CPS indexes
Future Media & Technology | Sport Refresh
10. This is how the Football site map could look in 2011: 2 CPS indexes
Future Media & Technology | Sport Refresh
11. Key IA Task: The Site Navigation
Future Media & Technology | Sport Refresh
12. 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
15. The Navigation had to satisfy Business requirements for the site:
•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.
Future Media & Technology | Sport Refresh
16. An initial idea around what a horizontal Sport navigation could
look like
Rationale
Top 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.
Future Media & Technology | Sport Refresh
17. Three options were explored in first round of user testing
1. Top level: Sports and BBC Business links. Second level: Tournaments.
2. Top level: Just Sports. Second level: Tournaments. BBC Business content found in-page.
3. Top level: Mix of Sports and Tournaments. Second level: BBC Business links.
Future Media & Technology | Sport Refresh
18. Football Navigation work – Card Sort
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
Future Media & Technology | Sport Refresh
19. Football Navigation work
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.
Future Media & Technology | Sport Refresh
20. Card Sort Results
During the analysis the most popular Category names became
evident for each card.
Future Media & Technology | Sport Refresh
21. Football Card Sort Results Most Popular Second Most Popular Third Most Popular
Category Name Category Name 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%
Diego Forlan collects Golden Ball World Cup
10 award News: 26% World Cup: 17% Football news: 9%
11Alex Ferguson decides to retire at 80 News: 29% Football news: 13% Premier League: 4%
Blackpool's ground isn't ready for Premiership
12 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%
Kaka ponders Stoke City move says The Daily
15 Mail News: 14% Football news: 10% Gossip: 9%
Scottish Premier League:
16Celtic 5 - Hearts 3 Match report Match reports: 17% Matches: 6% 4%
17Rangers sign three goalkeepers News: 20% Football news: 10% Team news: 7%
Read live text commentary on the Celtic v Hearts
18 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%
Tottenham 4 - Chelsea 1 live score (74 mins
20 gone) Live: 7% Live Football: 7% Matches: 6%
Most Suitable Category Name Asset type Category Names
Future Media & Technology | Sport Refresh
22. The category names used by participants in the card sort matched up with our model which
is based on competitions, matches and teams.
23. 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
24. 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.
27. Sport Mobile Site - IA Tasks
Competitor analysis
Stats analysis
Audit of existing site
User research
Typical user journeys
Navigation design
Creation of site map
URL design