Effective Web Design for Non-Profits
1 like599 views
The document discusses effective web design strategies for non-profits, emphasizing the importance of understanding the specific problems to solve and using a holistic approach that includes graphic design, content strategy, and usability. It highlights key concepts like user experience, conversion rates, accessibility, and the significance of web standards. The author advocates for best practices in web design, such as user testing and analytics, to enhance the effectiveness of non-profit websites.
Effective Web Design for Non-Profits
- 1. Effective Web Design For Non-Profits Michael Powers, Ph.D. November 2, 2009
- 2. About Me • Director of Web Services • Run the Web Team • We run www.iup.edu
- 3. What is design? Solving problems
- 4. Example: Door Handles How do you know whether to push or pull? • Labels • Standardization • Hardware design
- 6. Graphic design is only part of design Key: Knowing the problem you’re trying to solve
- 7. What’s web design? What’s your problem?
- 9. Getting people in contact with others?
- 11. How can you give me money?
- 12. Graphic design is only part of the solution • Graphic Design • Interaction Design • Information Architecture • Content Strategy
- 13. The successful solution is not always obvious
- 14. The most popular dating site
- 15. The most popular career site
- 16. The most popular apartment-hunting site
- 17. So where do we start?
- 18. Start with web standards • Third edition out last week • The second book you have to read about web design
- 19. The User Experience Honeycomb • Created by Peter useful Morville findable • A great tool for credible looking at web design holistically valuable • How will you usable accessible balance these? desirable
- 20. useful credible findable valuable usable accessible desirable
- 21. Useful useful • A useful website does something beneficial for its users and owners useful • We can call this something a credible findable conversion: usable valuable accessible • Purchase desirable • Subscribing to a mailing list • Downloading a white paper
- 22. Useful useful Conversion rate = useful Successful Outcomes Unique Visitors credible findable valuable usable accessible desirable If you aren’t measuring your conversion rate, you need to start today.
- 23. Findable findable • People need to find your site • People need to find what they need on your site useful credible findable valuable usable accessible desirable
- 24. Findable findable • Finding your site: • Search Engine Optimization useful • Web standards help with this credible findable valuable usable accessible desirable
- 25. Findable findable • Finding what they need on your site: • Information Architecture useful credible findable valuable usable accessible desirable
- 26. Accessible accessible • Making sure that those with visual, hearing, and other impairments can use the site useful • 8% of population: color credible findable blind usable valuable accessible • 3.5%: visually impaired desirable • 3.3%: hearing problems • Would you turn away every 10th customer?
- 27. Accessible accessible • Use web standards • Test with an accessibility validator useful credible findable • Read Joe Clark’s Designing Accessible Websites (text valuable available for free) usable accessible desirable • (Bonus: Google is effectively a blind and deaf user)
- 28. Desirable desirable • Great visual design not always needed • But: users find attractive sites useful credible findable • easier to use valuable • more credible usable accessible desirable
- 29. Desirable desirable i i
- 31. Desirable desirable • Most important web design tool: useful HTML credible findable • Learn it. Without valuable Dreamweaver. usable accessible desirable
- 32. Desirable desirable i i
- 33. Usable usable • A usable website allows users to achieve goals with a minimum of frustration useful • In a phrase: credible findable Don’t make me think! valuable usable accessible desirable
- 34. Usable usable • A usable website allows users to achieve goals with a minimum of frustration useful • Usability in a phrase: credible findable Don’t make me think! valuable usable accessible • When asked to carry out a desirable specific task on a website, users succeeded 66% of the time
- 35. Usable usable • The first book you should read about web design
- 36. Usable usable • Common problems: • Breaking the back button useful • Pop-up windows credible findable • Design elements that look valuable like advertisements usable accessible • Violating web-wide desirable conventions • Useless content
- 37. Credible credible • Do users trust your site? Credible sites: • Distinguish ads & content useful credible findable • Update frequently valuable • Avoid popup windows usable accessible • Make it easy to navigate • Avoid broken links desirable • Avoid typographical errors
- 38. Valuable: The valuable Core • The website needs to create value—ideally, more than it costs useful • The honeycomb can help you credible findable make choices about what’s valuable important and what’s not usable accessible desirable
- 39. There’s no one answer • There’s only the right balance
- 40. How do you make great web design happen? •Best Practices •Testing •Process
- 41. One Possible Process 1. Define Project and 3. Visual Design Goals 3.1.Wireframe 1.1.User Personas 3.2.High-Fidelity 1.2.Content Inventory Mockups 1.3.Competitive 3.3.Usability Testing Analysis 4. Build Site 1.4.Analytics Review 5. Launch 2. Define Site Structure 2.1.Card Sorts 2.2.Site Map
- 42. Learning from Amazon 1998
- 43. Learning from Amazon 1999–2000
- 44. Learning from Amazon 2001
- 45. Learning from Amazon 2004–2005
- 46. Learning from Amazon 2009
- 47. Your Websites and Samples • Clearfield Jefferson CMHC - • www.theopendoor.com Shawn Cupec www.thecgc.com • www.sunpointhealth.com • Big Hearts Little Hands - Sharon • www.philmontguidance.com Coldwell www.icymca.org. • Alice Paul House - Lou Ann Williams, www.alicepaulhouse.org • www.hspeoria.com • www.projecthelpers.com • www.rainbowrehab.com • www.mmsm.com • www.lindnercenterofhope.org • www.arcmanor.org