new face of toi.com do we need it?. present toi.com homepage content has evolved, design has not...
TRANSCRIPT
Present TOI.com homepage
Content has evolved, design has not
Caters to original thought: print edition on the net
Design decay: Ad/content-led modifications
Heavy page weight by international standards
What’s current
Homepage main entrypoint, showcases few stories
No provision for display of sections on homepage
Too many animated banners, hurts surfers’ eyes
Nav panel on left very long
Benchmarking: Global news websitesNew York Times
Page size: 5.5 scrolls Pure pg wt: 237 kb
Navigation:
Classifieds on top of bar,
with distinct gifs
Content hierarchy
according to usage pattern
No ads in central content
area
Content: Plenty of white
Benchmarking: Global news websites
Washington Post Page size: 3 scrolls Pure pg wt: 330 kb
Navigation:
Stands out in ‘reverse’
Content hierarchy
according to usage
pattern
All ads on right bar
Benchmarking: Global news websites
LA Times Page size: 3.5 scrolls Pure pg wt: 294 kb
Navigation:
Leads with registration, classifieds, local LA news (Calenderlive)
Content hierarchy according to usage
Content links on background colour to make them stand out
Benchmarking: Global news websitesCNN Page size: 2 scrolls Pure pg wt: 294 kbNavigation:Content hierarchy
according to usageContent links on
background colour to make them stand out
Business and sports links lead to sister sites (cnnmoney/cnnsi)
Display of all sections bottom of page
What the new design has
Neater, more legible, clutter free UI
Higher visibility display to paid propositions
Clear demarcation of content and ad areas
Prevent Design Decay
Set Ad rules: demarcation of slots; guidelines on animated ads; process-flows for creating slots.
Ensure that grid is not compromised at any cost. Content must have clearly defined modules.
Task Orientation
Top placement of most used links
Merging of scarcely used categories into popular ones
Drive Usage
Display best in each highly popular category on home
Once on a story, devices like “Related Stories” capture user interest.
Benchmarks: NYT, CNN, WP etc.