Effective Web Design for Non-Profits
•
1 j'aime•596 vues
Presentation to a university-level web design class. Presents a model, which we then apply to student projects.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (17)
Similaire à Effective Web Design for Non-Profits
Similaire à Effective Web Design for Non-Profits (20)
Plus de Michael Powers
Plus de Michael Powers (10)
Dernier
Dernier (20)
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