Effective Web Design for Non-Profits
Upcoming SlideShare
Loading in...5
×
 

Effective Web Design for Non-Profits

on

  • 1,186 views

Presentation to a university-level web design class. Presents a model, which we then apply to student projects.

Presentation to a university-level web design class. Presents a model, which we then apply to student projects.

Statistics

Views

Total Views
1,186
Views on SlideShare
1,186
Embed Views
0

Actions

Likes
1
Downloads
14
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Effective Web Design for Non-Profits Effective Web Design for Non-Profits Presentation Transcript

  • EffectiveWebDesignFor Non-ProfitsMichael Powers, Ph.D.November 2, 2009
  • About Me• Director of Web Services• Run the Web Team• We run www.iup.edu
  • What is design?Solving problems
  • Example: Door Handles How do you know whether to push or pull? • Labels • Standardization • Hardware design
  • Example: Door Handles
  • Graphic design is onlypart of designKey: Knowing the problemyou’re trying to solve
  • What’s web design?What’s your problem?
  • Selling Things?
  • Getting people incontact with others?
  • Helping people getinformation?
  • How can you give memoney?
  • Graphic design is onlypart of the solution• Graphic Design• Interaction Design• Information Architecture• Content Strategy
  • The successful solutionis not always obvious
  • The most populardating site
  • The most popularcareer site
  • The most popularapartment-hunting site
  • So where do we start?
  • Start withweb standards • Third edition out last week • The second book you have to read about web design
  • The User ExperienceHoneycomb • 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
  • usefulcredible findable valuableusable accessible desirable
  • Useful useful • A useful website does something beneficial for its users and owners useful • We can call this something acredible findable conversion:usable valuable accessible • Purchase desirable • Subscribing to a mailing list • Downloading a white paper
  • Useful useful Conversion rate = useful Successful Outcomes Unique Visitorscredible findable valuableusable accessible desirable If you aren’t measuring your conversion rate, you need to start today.
  • Findable findable • People need to find your site • People need to find what they need on your site usefulcredible findable valuableusable accessible desirable
  • Findable findable • Finding your site: • Search Engine Optimization useful • Web standards help with thiscredible findable valuableusable accessible desirable
  • Findable findable • Finding what they need on your site: • Information Architecture usefulcredible findable valuableusable accessible desirable
  • Accessible accessible • Making sure that those with visual, hearing, and other impairments can use the site useful • 8% of population: colorcredible findable blindusable valuable accessible • 3.5%: visually impaired desirable • 3.3%: hearing problems • Would you turn away every 10th customer?
  • Accessible accessible • Use web standards • Test with an accessibility validator usefulcredible 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)
  • Desirable desirable • Great visual design not always needed • But: users find attractive sites usefulcredible findable • easier to use valuable • more credibleusable accessible desirable
  • Desirabledesirable i i
  • Desirabledesirable
  • Desirable desirable • Most important web design tool: useful HTMLcredible findable • Learn it. Without valuable Dreamweaver.usable accessible desirable
  • Desirabledesirable i i
  • 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! valuableusable accessible desirable
  • 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! valuableusable accessible • When asked to carry out a desirable specific task on a website, users succeeded 66% of the time
  • Usableusable • The first book you should read about web design
  • Usable usable • Common problems: • Breaking the back button useful • Pop-up windowscredible findable • Design elements that look valuable like advertisementsusable accessible • Violating web-wide desirable conventions • Useless content
  • Credible credible • Do users trust your site? Credible sites: • Distinguish ads & content usefulcredible findable • Update frequently valuable • Avoid popup windowsusable accessible • Make it easy to navigate • Avoid broken links desirable • Avoid typographical errors
  • Valuable: The valuable Core • The website needs to create value—ideally, more than it costs useful • The honeycomb can help youcredible findable make choices about what’s valuable important and what’s notusable accessible desirable
  • There’s no one answer• There’s only the right balance
  • How do you make greatweb design happen?•Best Practices•Testing•Process
  • One Possible Process1. 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. Launch2. Define Site Structure 2.1.Card Sorts 2.2.Site Map
  • Learning from Amazon 1998
  • Learning from Amazon 1999–2000
  • Learning from Amazon 2001
  • Learning from Amazon 2004–2005
  • Learning from Amazon 2009
  • Your Websites andSamples• 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