12 nt credesign

68
Is it time to redesign your website? #12NTCredesign Kira Marchense | @kiramarch Farra Trompeter | @farra

Upload: nten

Post on 16-May-2015

4.333 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: 12 nt credesign

Is it time to redesign your website? #12NTCredesign

Kira Marchense | @kiramarch Farra Trompeter | @farra

Page 2: 12 nt credesign

Is it time to redesign your website? #12NTCredesign

Kira Marchense | @kiramarch Farra Trompeter | @farra

rethink ^

Page 3: 12 nt credesign

Evaluate This Session! Each entry is a chance to win an NTEN engraved iPad!

or Online using #12NTCredesign at www.nten.org/ntc/eval

Page 4: 12 nt credesign

#12ntcredesign

What we’ll be talking about: •  Name that year •  What’s changed over time? •  What makes a good website today •  General discussion

Page 5: 12 nt credesign

#12ntcredesign

Source: http://mashable.com/2011/12/11/old-web-design 1998

Page 6: 12 nt credesign

#12ntcredesign

Source: http://mashable.com/2011/12/11/old-web-design 2005

Page 7: 12 nt credesign

#12ntcredesign

Source: http://mashable.com/2011/12/11/old-web-design 2004

Page 8: 12 nt credesign

#12ntcredesign

Source: http://mashable.com/2011/12/11/old-web-design 1995

Page 9: 12 nt credesign

#12ntcredesign

Source: http://mashable.com/2011/12/11/old-web-design 2006

Page 10: 12 nt credesign

#12ntcredesign

Source: http://wayback.archive.org/ 1996

Page 11: 12 nt credesign

#12ntcredesign

Source: http://wayback.archive.org 1999

Page 12: 12 nt credesign

#12ntcredesign

Source: http://wayback.archive.org/ 2001

Page 13: 12 nt credesign

#12ntcredesign

Source: http://wayback.archive.org/ 2003

Page 14: 12 nt credesign

#12ntcredesign

Source: http://wayback.archive.org/ 2007

Page 15: 12 nt credesign

#12ntcredesign

Source: http://care.org/ 2012

Page 16: 12 nt credesign

#12ntcredesign

A great website has… •  Solid goals and specific audiences •  Clear navigation and compelling content •  Brand consistency and engaging design •  Robust tools for managing content and

building relationships

Page 17: 12 nt credesign

#12ntcredesign

A great website in 2012…   Content strategy connected to goals and

audiences   Part of a larger conversation that is

more direct and integrates social media   New technology considerations for

viewing and tracking

Page 18: 12 nt credesign

#12ntcredesign

Case studies

Page 19: 12 nt credesign

#12ntcredesign

Page 20: 12 nt credesign

#12ntcredesign

Credit: EditorB

Page 21: 12 nt credesign

#12ntcredesign

Goals and audiences

Page 22: 12 nt credesign

#12ntcredesign

Old goals

Program goals

Membership and development

Page 23: 12 nt credesign

#12ntcredesign

New goals

Program goals

Membership and development

Page 24: 12 nt credesign

#12ntcredesign

Sample personas

Page 25: 12 nt credesign

#12ntcredesign

Content and structure

Page 26: 12 nt credesign

#12ntcredesign

Old content 18,000 pieces of content

Credit: Kevin H

Credit: Ennor

Page 27: 12 nt credesign

#12ntcredesign

What we had

Page 28: 12 nt credesign

#12ntcredesign

What we needed

Page 29: 12 nt credesign

#12ntcredesign

Page 30: 12 nt credesign

#12ntcredesign

Page 31: 12 nt credesign

#12ntcredesign

Design

Page 32: 12 nt credesign

#12ntcredesign

Page 33: 12 nt credesign

#12ntcredesign

Page 34: 12 nt credesign

#12ntcredesign

Page 35: 12 nt credesign

#12ntcredesign

Page 36: 12 nt credesign

#12ntcredesign

Page 37: 12 nt credesign

#12ntcredesign

Page 38: 12 nt credesign

#12ntcredesign

Technology

Page 39: 12 nt credesign

#12ntcredesign

Page 40: 12 nt credesign

#12ntcredesign

Page 41: 12 nt credesign

#12ntcredesign

Set goals based on user needs

Page 42: 12 nt credesign

#12ntcredesign

Page 43: 12 nt credesign

#12ntcredesign

Organize content clearly and test

Page 44: 12 nt credesign

#12ntcredesign

Detail all pages for writing and design

Page 45: 12 nt credesign

#12ntcredesign

Develop wireframes, directions

Page 46: 12 nt credesign

#12ntcredesign

Design main and unique pages

Page 47: 12 nt credesign

#12ntcredesign

Launch and update

Page 48: 12 nt credesign

#12ntcredesign

Page 49: 12 nt credesign

#12ntcredesign

Page 50: 12 nt credesign

#12ntcredesign

Page 51: 12 nt credesign

#12ntcredesign

So… is it time to rethink your website?

Page 52: 12 nt credesign

#12ntcredesign

Goals and audiences

Page 53: 12 nt credesign
Page 54: 12 nt credesign

#12ntcredesign

Content and structure

Page 55: 12 nt credesign
Page 56: 12 nt credesign

#12ntcredesign

Design

Page 57: 12 nt credesign
Page 58: 12 nt credesign

#12ntcredesign

Technology

Page 59: 12 nt credesign
Page 60: 12 nt credesign

#12ntcredesign

You’ve launched a new site. Now what? •  Monitor - Are you meeting goals?

•  Review stats monthly •  Send a survey •  Conduct interviews or user tests

Page 61: 12 nt credesign

#12ntcredesign

You’ve launched a new site. Now what? •  Discipline – Are you saying no?

•  Only make updates that match your goals

•  Ask: Does my audience want this? •  Follow a content strategy

Page 62: 12 nt credesign

#12ntcredesign

You’ve launched a new site. Now what? •  Relevant – What is changing out there?

•  Consider new tools (Pinterest) •  Look for changes in your audience’s

expectations or needs •  Review your org’s broader goals and

plans

Page 63: 12 nt credesign

#12ntcredesign

Questions?

Page 64: 12 nt credesign

#12ntcredesign

Resources •  Is it time to rethink your site diagnostic tool

http://www.bigducknyc.com/blog •  Coast Guard Foundation case study

http://www.bigducknyc.com •  4 tips to keep your website ahead of the

curve in 2012 http://on.mash.to/yVQnfl

•  Boston University Center for Digital Imaging Arts: Website practicum grants http://www.cdiabu.com/practicum

Page 65: 12 nt credesign

#12ntcredesign

[email protected]

twitter.com/farra

linkedin.com/in/farra

slideshare.net/farra

[email protected]

twitter.com/kiramarch

linkedin.com/in/kiramarchenese

http://kiramarch.com

Contact Us

Farra Trompeter Vice President, Big Duck

Kira Marchenese Online Communications Director, Environmental Defense Fund

Page 66: 12 nt credesign

#12ntcredesign

Get the slides http://bit.ly/12NTCredesign

Page 67: 12 nt credesign

Evaluate This Session! Each entry is a chance to win an NTEN engraved iPad!

or Online using #12NTCredesign at www.nten.org/ntc/eval

Page 68: 12 nt credesign

Thanks!

#12ntcredesign