A fun, informal lecture to University Of Nottingham students, February 2009.

1. The Business of
Web Design
Latest Trends in Web Design
and Web-based Applications
19th February 2009

2. Erskine Design
Simon Collison
www.erskinedesign.com

5. In the olden days...

7. Web standards

8. • Separation of content, style and
behaviour
• Faster and easier workflow
• Embrace current methods and principles
• Accessibility by default
• Leaner code uses less bandwidth, and
serves pages faster

9. HTML, CSS & the DOM

10. www.csszengarden.com/

13. Accessibility

14. • If a website is not accessible to
everyone, it fails
• Accessibility is not just about disability
• Content repurposed for any viewing
device
• No compromises. Every user gets every
bit of content
• Microformats (what?)

15. Usability

16. • An accessible site is not necessarily a
usable site
• Be aware that each user will have
different needs
• Common sense approaches to user
interfaces
• Don’t make them think!

17. The Rules

18. • Responsibility to all users
• Scalable, long-term approaches
• Methodical and inclusive processes
• Keep things simple
• Accountability

19. Microformats
www.microformats.org/

21. Grids

24. Rhythm & Type

27. Wireframes

31. Blogs

32. www.kottke.org/

33. RSS

34. www.feedburner.com/
NetNewsWire

35. Music, Podcasts,
Video and
other Downloads

36. www.beatport.com/ www.youtube.com/
www.daytrotter.com/ www.hypem.com/

37. Web Applications &
Social Networks

40. www.myspace.com/
www.last.fm/

41. http://twitter.com/

42. 37 Signals
www.37signals.com/

45. Carsonified
www.carsonified.com/

48. Happy Cog
www.happycog.com/

50. Oh... and Google
and Yahoo!
and Microsoft
and Apple
and the gambling industry
...and then there’s the porn industry,
which I know nothing about.

51. APIs and Mashups

53. Acquisitions & Value

54. • Feedburner bought by Google for $100m
• Photobucket bought by Fox for $250m
• Last.fm bought by CBS for $280m
• Treehugger bought by Discovery for $10m
• StumbleUpon bought by Ebay for $45m
http://www.seoconsultants.com/google/acquisitions/
http://startup.partnerup.com/2008/01/02/2007-acquisitions-web-internet-technology//

55. • Launched in February 2004
• Turned down a $10 million offer months later
• Now has over 450 employees
• Turned down $1 billion from Yahoo!
• Microsoft bought a $240 million stake in it
• Over 70,000,000 users
• Annual revenue is only $150m, yet estimated
value is $15 billion

56. The Mobile Web

57. www.apple.com/

58. Survey

59. www.alistapart.com/articles/2007surveyresults

60. www.alistapart.com/articles/2007surveyresults

61. www.alistapart.com/articles/2007surveyresults

62. www.alistapart.com/articles/2007surveyresults

63. The Unexpected

64. http://icanhascheezburger.com/

65. Summary

66. • Specialise: choose one path and stick to it
• The web is about the users, not the designer
• Be responsible and accountable
• Keep it simple
• Beware of the teenager!

67. Any questions?
Please be aware that the internet is a vast
landscape that changes every five minutes, and I
don’t know everything about all of it...

68. Thanks
Simon Collison
erskinedesign.com