Webdesign for Advocacy and Campaigns

21
Web Design for ampaigns & Activists

description

This is a presentation I gave at the Leadership Institute about web design for advocacy and campaigns.

Transcript of Webdesign for Advocacy and Campaigns

Page 1: Webdesign for Advocacy and Campaigns

Web Design forCampaigns & Activists

Page 2: Webdesign for Advocacy and Campaigns

Goals for today1. How do users think

2. Principles of good design3. Examples and case studies

4. Questions

Page 3: Webdesign for Advocacy and Campaigns

They scanthey don’t read

Page 4: Webdesign for Advocacy and Campaigns
Page 5: Webdesign for Advocacy and Campaigns

They want instant gratification.

They don’t make optimal choices.

Users follow their intuition.

Users want to have control.

Page 6: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t makeusers think

Page 7: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t makeusers think

Page 8: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t makeusers think

Page 9: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t squander users’ patience

Page 10: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t squander users’ patience

Page 11: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Manage to focus users’

attention

Page 12: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Strive for feature

exposure

Page 13: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Make use ofeffective writing

Page 14: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Strive forsimplicity

Page 15: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t be afraid of the white space

Page 16: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Don’t be afraid of the white space

Page 17: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Communicate with a

“visible language”

Page 18: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Conventions are our friends

Page 19: Webdesign for Advocacy and Campaigns

10 Principles of Effective Web DesignCourtesy of Smashing Magazine

Test earlytest often

Page 20: Webdesign for Advocacy and Campaigns

FINALLYDon’t be afraid to be creative

Page 21: Webdesign for Advocacy and Campaigns

Questions?

www.katieharbath.com . [email protected]