why your news site design sucks and how to fix it

22
and some ideas to fix it WHY YOUR SITE SUCKS

Upload: justin-heideman

Post on 29-Jan-2018

4.483 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Why your news site design sucks and how to fix it

and some ideas to fix itWHY YOUR SITE SUCKS

Page 2: Why your news site design sucks and how to fix it

MORE IS NOT BETTER

Page 3: Why your news site design sucks and how to fix it

17 “links”558 links

Page 4: Why your news site design sucks and how to fix it

0

150

300

450

600

Star Tribune NYT WaPo CNN Slate Google News MPR MnIndy Bring.mn

151186199220225

323

425427

558

Number of links on homepage

Sites accessed 10 PM, December 7, 2009

Page 5: Why your news site design sucks and how to fix it

Every story needs at least one image

Make it big!Hey look, a rooster!flickr photo by lucanrt

Page 6: Why your news site design sucks and how to fix it

Get rid of flash

(Except for video)

A big flashflickr photo by Gentry's Daguerreian Studio

Page 7: Why your news site design sucks and how to fix it

18 pt13 pt

TYPOGRAPHY:Variation in scale?

Page 8: Why your news site design sucks and how to fix it

34 pt

10 pt

TYPOGRAPHY:Variation in scale!

Page 9: Why your news site design sucks and how to fix it

Web Type Tips

• No more than 2.5 typefaces• Web-safe fonts are ugly• More leading • Have a type repertoire

Page 10: Why your news site design sucks and how to fix it

1. Courier (or similar)2. Arial

3. Agency (or similar)4. Times New Roman

5. Verdana6. Times

7. Helvetica

Page 11: Why your news site design sucks and how to fix it

Big links for big sections

Page 12: Why your news site design sucks and how to fix it

whitespace is nice space

Page 13: Why your news site design sucks and how to fix it
Page 14: Why your news site design sucks and how to fix it
Page 15: Why your news site design sucks and how to fix it
Page 16: Why your news site design sucks and how to fix it
Page 17: Why your news site design sucks and how to fix it

Make search suck less

• Recent content first

• Use faceting

• Highlight search terms

• Auto-complete

Page 18: Why your news site design sucks and how to fix it

0

60

120

180

240

300

Star Tribune NYT MinnPost Bring.mn MnIndy MPR News Q Google News

Performance:File Requests per page

Page 19: Why your news site design sucks and how to fix it

0

500

1,000

1,500

2,000

2,500

NYT Star Tribune MinnPost Bring.mn MnIndy MPR News Q Google News

Performance:Page Size (kb)

HTML Stylesheets JavascriptImages Flash / Other

Page 20: Why your news site design sucks and how to fix it

CLIENT PERFORMANCE:

• Does it scroll ok on an old computer?

• Does it have lots of scripts?

Page 21: Why your news site design sucks and how to fix it

Good Design=

Good Business