Designing for the Internet

1
Designing for the Internet

• Rob Barnes

2
Before putting pen to paper

• What is your
• User group
• Content
• Elements required
• Technology

3
Design Based
Content Based
4
What restrictions do you have?

• Logos, existing graphics (visual profile)
• Screen Size? (content related)
• How will the website run? (dynamic)
• What technology will be used and who can do it?
• Literate user group

5
Researching website categories

• Non-Flash
• UltraHip
• Very Clean
• Animation
• Products
• Audio/Sound
• Fashion
• International 
• Retro 
• Low-Bandwidth 
• Services
• Corporate
• Fun

• Mainstream 
• Sports
• CSS DHTML
• Futuristic
• Travel
• Commerce
• Games
• Personal 
• Typography
• Education
• Photography 
• Usability
• Experimental   

6
Put pen to paper

• Move to sketch on Projector

7
Webpage Layout

• Compare paper to screen
• Columns
• Size (screen, print)

8
Flow-ability

• Move to sketch on Projector

9
Web Colours.

• Who is right..
• Web 216
• Adaptive 256
• Jpg, gif, png, tiff
• Bmp
• Internet speed

10
Break the mould

• Be Experimental
• Papers are always being re-written
• Technology constantly changes

11
Hints and Tips

• Listen to the client (fresh eyes)
• Forward and scalable thinking