Website Redesign for

1. Website Redesign for Amy Rubino Christine Harpy David Pepper

2. Introduction • Goals • Develop a Web presence that is true to Greenbelt News Review’s (GNR) mission • Propose solutions that can be implemented Greenbelt News Review officehttp://www.otal.umd.edu/~vg/

3. Research • Competitive analysis • Content inventory • User personas

4. Competitive Analysis • Three local news sources • Capital-Gazette • The Columbia Flier • Urbanite • State of the Baltimore/Washington online newspaper

5. Content Inventory • Three print editions of GNR • Content, structure and spirit of the paper

6. User Personas

7. Phases • Phase 1. Launch of the online edition of GNR • Phase 2. New media transformation of GNR

8. Focus • Navigation design • Interaction design • Information design

9. Navigation Design • Makes a website accessible and usable • Pathway for users to move through a site

10. Navigation Design Phase 1 • Links based on printed paper • Home • News • Community Events • Letters to the Editor • Comic • Police Blotter • On Screen • Obituaries • City Information • Classifieds • Special Classifieds • GNR Administrative • Corrections

11. Navigation Design Phase 1 • Site map • Table of contents for website • Beneficial to users and search engines

12. Navigation Design Phase 1

13. Navigation Design Phase 2 • New main categories • Community News • Events • City Council • Announcements • Classifieds • Police Blotter • Advertising • About Us

14. Navigation Design Phase 2

16. Interaction Design • The design of the user experience in terms of what a user “does” and what the website “does” in return. • Typically focuses on forms, multi-step dialogs, and complex utilities.

17. Interaction Design Phase 1 • Cycling Ads • Forms • Subscribe • Submit an Ad • Problems • Submit a Story Idea

18. Interaction Design Phase 1

22. Interaction Design Phase 2 • E-mail push • RSS • Events calendar • Forms

24. Phase 2

29. Information Design • The holistic design of content as it is presented to user

30. Information Design Phase 1 • CMS Implementation • Human Readable URLs • Re-branding of GNR as Multi-Media Publisher • Promotion of website launch • Focus on social organizations w/in Greenbelt • Businesses

31. CMS Implementation:Human Readable URLs • Bad • Good 

32. Re-branding of GNR as Multi-Media Publisher • Other media organizations have changed name with addition of new media • NBC => MSNBC • vs. Time Warner => AOL/Time-Warner/Netscape • New Logo • Should focus on intermingling of print and online communication

33. Promotion of Website Launch • Contest Based Promotions • Designed to entice users to return to site over and over • Share information • The real goal is information about users • Name, address, income, demographics, schools, etc. • In the long run, it is possible for GNR to identify every reader

34. Focus on Social Organizations w/in Greenbelt: Businesses • A “Coalescing” of existing focus on business; not really something new • Draw attention to 3 cohorts: • Advertisers (Phase 1) • Editors/Writers • Readers/Users (Phase 2)

35. Information Design Phase 2 • Focus on Community • Complex Navigation • Events Calendar Navigation • Focus on social organizations w/in Greenbelt • Schools/Sports

36. Focus on Community • Complex Navigation • Something added; something taken away • Events Calendar • No left nav at all • Same story content – different interface • Time-based organizational principal • Unlike existing paper (based on categories)

37. Focus on Social Organizations w/in Greenbelt: Schools/Sports • Sports are the engine/heart of the media • Fans are “fanatics” • Schools are huge promoters of sports • Your readers love their kids • Unite all with editorial and technical publishing focus on all of the above

38. Conclusion • Phase 1. • Keep it simple • Focus on Businesses • Phase 2. • New Navs; Event-based Interface • Focus on School/Sports • Word of Caution: New Website Features • New Media Workflow

39. Questions? • Thank you Greenbelt News Review!