Your SlideShare is downloading. ×
2009 Web Rehab
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

2009 Web Rehab

372
views

Published on

Published in: Technology, Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
372
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Rehab Pulling it all together for users Beyond documents – Programs on the web ACE/NETC, June 2009, Des Moines IA University of Minnesota Extension
  • 2. Presenters • Karen Lilley Extension Communications/PR Public website manager • Heather Lee Extension Family Development Project manager University of Minnesota Extension
  • 3. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0 Most work is behind the scenes. This is not about new designs yet.
  • 4. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 5. Updating & upgrading The way we were… • 2001 design • In-house CMS • Very web 1.0
  • 6. Updating & upgrading The way we are… • Transitional designs • 6 Overview pages • 62 Program pages & counting • Web-only documents • Workshops automation • Video, audio, RSS, blogs • Outside Extension sites
  • 7. Updating & upgrading Where we’re going… • More user centered • More automation • More metadata • More customization • University brand compliant • 960 pixel wide XHTML
  • 8. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 9. A plethora – overabundance – of Extension websites
  • 10. A plethora – embarrassment – of Extension websites www.mn4h.com http://www.myminnesotawoods.org/ www.mncost.org/
  • 11. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 12. Documents & programs • Document-based website: news releases, publications, briefs • Program-focused Extension • Needed to pull all program content together in one place: documents , online store, workshops, online registration, web-only content, audio, video, online courses, etc.
  • 13. Extension websites One Story
  • 14. Extension websites One Story: Parenting.umn.edu • One of first program sites • Met a need that the Extension site couldn’t meet • Has strong ownership • Crosses several programs • Site has had a consistent following
  • 15. Extension websites Parenting.umn.edu: Growing Pains • Infrastructure issues • Reinvented itself too frequently • Old designs = not easy to update • ADA compliance issues • Content in multiple places • Out of control
  • 16. Program Pages Our solution: merge content into the main Extension site
  • 17. Program Pages Programs are the Our solution package of research & scholarship-based educational events • Transitional designs (seminars, courses, tours, conferences, field days, etc.) and • Gateway to existing websites products (web pages, publications, • Consistent program presentation displays, modules, etc.) that address a needs-based issue • All program content together for a specific audience. • Flexible modules • Decentralized maintenance • Plan to review and merge content from other websites
  • 18. Documents & programs Program Page Content Required • Title, description, photo • Upcoming workshops • Contact info, program team Optional • About page, info sheet • Link to website • Features, Hot Topics • Educational Offerings
  • 19. ONE Extension website What’s selling it • Point of pain • Referrals to “Extension site” • Listening to user/owner feedback • Program navigation soon • Compliance with standards • Flexibility within templates • Redirected URLs • Automation & integration benefits
  • 20. ONE Extension website Automation
  • 21. ONE Extension website Automation & Integration
  • 22. ONE Extension website Integration
  • 23. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 24. User-centered information architecture Youth Development Project* *Laurie Southerton southertonconsulting.com
  • 25. User-centered information architecture • Staff identified audiences. • Audiences surveyed. • Research results describe website users. • Personas based on research. • Scenarios made from user tasks. *Laurie Southerton • Personas & scenarios guide site southertonconsulting.com development.
  • 26. User-centered information architecture Research results Top reasons to give to the MN 4-H Foundation (n=37) • 4-H Alumni (78%) • Reputation of 4-H (78%) • Evidence of Organization’s Impact (73%) • Leadership Skills Developed by Youth (70%) Content looked for on the MN 4-H Foundation site (n=18) • 4-H Highlights (61%) • Giving options, online donation, Annual Report(44%) • Special Events (44%) *Laurie Southerton • Stories on how my donations were used (29%) southertonconsulting.com
  • 27. User-centered information architecture Persona: Donna Donor • 69 years young, retired Home Economics teacher from St. Louis Park, currently living in Willmar. Donna Donor • She was in 4-H, her children and now grandchildren are too! • Current income is over $80K and every year she donates $100 to the *Laurie Southerton Minnesota 4-H Foundation. southertonconsulting.com
  • 28. Persona: Donna Donor I want all kids to have the great 4-H experience I did! Donna gets really excited when talking about 4-H and her experiences. She strongly believes that 4-H was responsible for her decision to become a Home Economics teacher 40 years ago. She also knows that it helped her 3 children become more successful in their own lives. Since she and her husband, David, retired to their hobby farm in Donna Donor Willmar, they visit each county fair where their grandchildren show animals and other 4-H projects. This year they attended the State Fair to support Christa who won a purple ribbon with her pen of Bantam Breeding Ducks. Before going to the fair, Donna went to the 4-H site to find information about the project that Christa was working on – what did Christa need to do? How will they judge her project? After the fair was over, Donna also wanted to see the pictures that were taken of her granddaughter. Her teen-aged grandson, Nathan, is trying to get Grandma Donna to use *Laurie Southerton the computer more often. He spent a few days with them over the southertonconsulting.com holidays showing her how to download digital photo’s and post them for the family to see; how to research and book a trip to Italy they want to
  • 29. Persona: Donna Donor Scenarios • Find info about 4-H – what does granddaughter need for a project? Donna Donor • Find the Foundation website • Donate online • Find a way to share your story and experience as a 4-H alumnus *Laurie Southerton southertonconsulting.com
  • 30. User-centered information architecture • Look at the site from the persona’s viewpoint. • Map high level site organization. • Draft wireframes. • Test scenarios: team/personas. • Test scenarios: users. *Laurie Southerton • Designs are end of process. southertonconsulting.com
  • 31. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 32. Branding University & Extension Not very consistent
  • 33. Branding University & Extension Expectations All University communications should look like University communications First, be compliant with the U
  • 34. Branding University & Extension Beginning May 2009, • New website to use U template units may not develop new logos, and existing unit • New Extension templates logos must be phased out • Standards for all materials • Extension branding everywhere, including PDFs, PPTs
  • 35. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 36. Content Management System • University enterprise system • Steep learning curve • Extension Employee site in CMS • New U templates in CMS to encourage adoption, consistency • Not our focus right now
  • 37. Content Management Learnings • Will not solve all your site’s problems. • Clean up old content first! • Put automation, metadata, databases outside the system. • Build site in HTML/CSS outside of CMS. • Focus on site improvements, not implementing CMS. • Distribute publishing: ownership, training, skill, standards, guidelines
  • 38. Our challenges Are these yours? • Updating & upgrading the site • A plethora of Extension websites • Documents & programs • User-centered info architecture • Branding University & Extension • Content Management System • Web 2.0
  • 39. Web 2.0 Raise your hand if your Web 1.0 is totally under control.
  • 40. Web 2.0 A Maslow-like hierarchy Web • Collaboration: owners, users share content, provide feedback (2.0) 2.0 Start • Task interaction: order materials, conversation Find content register for workshops (1.5) • Foundation: users can easily find the content they need (1.0) -- Danny Sussman
  • 41. Web 2.0 Engagement Personas and Scenarios Web • Find info about 4-H: 2.0 Start What granddaughter Donna Donor conversation Find content needs for a project? (1.0) • Find 4-H Foundation website. (1.0) • Donate online. (1.5) • Share your story and experiences as a 4-H alumnus. (2.0)
  • 42. Web 2.0 Learnings • Web 2.0 is a lot of time & effort. • Maintain Extension’s research Web 2.0 Start base while collaborating. conversation Find content • Community building is a process, not a one-time project. • Develop guidelines, support pilots, showcase success. • Integrate 2.0 with 1.0 content.
  • 43. Summary Vision The new Extension site will: • Provide the public with a single source for current Extension information. • Help learners to accomplish their tasks and find content unencumbered by administrative structure. • Ensure compliance with University and Extension branding, navigation & accessibility requirements.
  • 44. Summary Vision The new Extension site will: • Be consistent in look, feel and functionality. • Decentralize and simplify maintenance by integration, automation, templates, and standards. • Allow content owners to focus on education instead of technology, and benefit from higher visibility.
  • 45. Thank You Watch our progress: www.extension.umn.edu Contact us: KLL@umn.edu HMLEE@umn.edu University of Minnesota Extension is an equal opportunity educator and employer. This material is available in alternative formats upon request. © 2009, Regents of the University of Minnesota. All rights reserved.
  • 46. QUESTIONS?