Your SlideShare is downloading. ×
0
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
Nonprofit Website Design: Improving User Experience
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

Nonprofit Website Design: Improving User Experience

338

Published on

Learn how to assess your nonprofit site's effectiveness and identify problem areas.

Learn how to assess your nonprofit site's effectiveness and identify problem areas.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
338
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
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. Bureau for Good Branding & web design for folks who do good bureauforgood.com Improving Nonprofit Website User Experience Assess your site’s effectiveness & identify problem areas Bureau for Good Branding & web design for folks who do good bureauforgood.com
  • 2. Bureau for Good Branding & web design for folks who do good bureauforgood.com How Much Do You Need to Know About User Experience (UX)? Not a lot! Only enough to: f f Understand what makes a good site f f Adopt a user-centered mindset f f Know how to identify common problems f f Know when to seek help
  • 3. Bureau for Good Branding & web design for folks who do good bureauforgood.com What Makes a Good Site? A good site is one that successfully addresses the needs of two parties: f f the organization f f the audience Among those two, the audience is boss, because: f f You can’t make audiences read content that isn’t relevant to their needs or interests. f f You can’t make audiences click repeatedly to find information if they’re not motivated to do so. f f You can’t make audiences stay if they don’t want to.
  • 4. Bureau for Good Branding & web design for folks who do good bureauforgood.com Basic Questions for Better Experience 1. Who are your audiences? Examples: Prospective donors and volunteers, “clients” (groups you serve), the media, the general public 2. What do audiences want when they visit your site? (audience needs) Examples: “I want to understand what this organization is all about.” “I want to learn about the impact it has on the communities it serves.” “I want to figure out how I can help.” 3. What would you like them to do? (organizational needs) Examples: Support us, donate, spread the word, sign up for our mailing list These are your desired responses. When they are successfully met, we call this a conversion.
  • 5. Bureau for Good Branding & web design for folks who do good bureauforgood.com Adopting a User-Centered Mindset Audiences are smart. But they’re also busy, easily distracted, and their attention is often split among several tasks at once. To have a user-centered mindset means to respect your visitor’s time and busy lives. So what do your audiences want? “I want to understand what this organization is all about, FAST (before I get distracted).” “I want to learn about the impact it has on the communities it serves, STAT (before I turn to a different nonprofit website).” “I want to figure out how I can help, NOW (while I have some spare time).”
  • 6. Bureau for Good Branding & web design for folks who do good bureauforgood.com WRITE TO YOUR CONGRESSPERSON! DONATE YOUR TIME! SPREAD THE WORD! JOIN US! DONATE! SIGN UP! PARTICIPATE! VISIT US! SHARE OUR CONTENT!THROW A FUNDRAISING PARTY! GIVE US YOUR OPINION! PLEDGE YOUR BIRTHDAY! VOLUNTEER!SIGN OUR PETITION! SHARE YOUR STORY! Prioritizing Desired Responses When feeling overwhelmed with too many choices, audiences tend to choose none— they simply give up! That’s why it’s important to prioritize desired responses. Overwhelmed? So are we.
  • 7. Bureau for Good Branding & web design for folks who do good bureauforgood.com DONATE! SIGN UP! SPREAD THE WORD! VOLUNTEER! SHARE OUR CONTENT! Prioritizing Desired Responses When we have less options, we’re more likely to pick one. By concentrating only on your most valued desired responses, you can actually increase conversions! TELL US YOUR STORY! Ah! Much better!
  • 8. Bureau for Good Branding & web design for folks who do good bureauforgood.com What is Good Site Navigation? When you go to the mall, you may start by going straight to the floor plan in order to figure out where you are and where you want to go. You may also rely on signs posted throughout the building. This is called wayfinding. Here’s what you would NOT expect when visiting the mall: f f Floor plans that contradict one another f f Finding a corner of the mall containing dozens of stores that aren’t on the floor plan f f Walking west and somehow ending up in the east wing If you did, you’d be confused and frustrated. You’d want to leave as soon as possible!
  • 9. Bureau for Good Branding & web design for folks who do good bureauforgood.com What is Good Site Navigation? On a website, navigation works in a similar way: it helps audiences form a mental schema of where they are, and it helps them find their destination. A site with bad or inconsistent navigation is like the nightmare mall from the previous slide. Audiences will quickly get frustrated if they don’t understand where they are, what section they’re in, or what path they used to get there. Ask yourself: f f Does every single content page of our site belong to a clearly marked “parent” section? f f Does the site use a sidebar navigation to indicate sub-sections, and is it consistent with the main navigation? f f Does the site use breadcrumbs to give users even more wayfinding clues? f f Are there pages that are listed in various sections, giving the impression that they are either repeated, or that they don’t belong to any one section? This is bad. f f Are there pages that require too many clicks to get to? Also not good. f f Are your navigation labels clear? Or are they more ambiguous than we care to admit?
  • 10. Bureau for Good Branding & web design for folks who do good bureauforgood.com What is User-Centered Content? Many organizations adopt an organization-centered perspective when they create content. They write what they want to say, but not what audiences want to read. No matter how much you love your content, visitors won’t read it if it doesn’t directly address their needs and interests. Result: you’ve buried your user-centered content in a sea of organization-centered content. Audiences give up and move on. what we do outdated stuff our impact repetitive content our very detailed history long bio of our ED minutia about program X how to help 35 lengthy facts about us irrelevant stories
  • 11. Bureau for Good Branding & web design for folks who do good bureauforgood.com User-Centered Content: 3 Rules of Thumb f f Keep it brief and to the point! f f Avoid repetition. Consolidate content, sentences, bullet points, etc., as much as possible. Consolidate pages if it makes sense. f f Break up text with subheads, callouts, display paragraphs, etc. Ask yourself: Would anybody outside our organization care about this content?
  • 12. Bureau for Good Branding & web design for folks who do good bureauforgood.com Using News & Blogs Sections to Keep Content Organized One great approach to content organization is making the distinction between informational, evergreen content on one hand, and editorial or timely content on the other hand. You can separate the two by using a blog and/or news section. Now you can feel free to write to your heart’s content (about last night’s gala, what your ED has been up to, etc.) without having to worry about overcrowding your “official” site content. Visitors looking for this level of detail will know where to look.
  • 13. Bureau for Good Branding & web design for folks who do good bureauforgood.com User-Centered Layout & Design Good layout is about visual hierarchy. This means that some things are emphasized in relation to others. When you try to emphasize everything, you end up emphasizing nothing. As a result, audiences don’t know where to look. Compare these two nonprofit home pages. Which one communicates mission and desired responses more clearly?
  • 14. Bureau for Good Branding & web design for folks who do good bureauforgood.com User-Centered Layout & Design Good design can be hard to verbalize. But it helps to ask yourself these questions: f f Does our home page efficiently communicate core messages and desired responses? Does it prioritize our most important messages and desired responses using a visual hierarchy? f f Is it clear where visitors should look first on each page, or are there many visually competing elements? f f Are we using color and images to engage our visitors? f f Are our internal layouts clean, and do they use subheads, callouts and/or display paragraphs to break up text and make it easier to scan?
  • 15. Bureau for Good Branding & web design for folks who do good bureauforgood.com When to Seek Help We hope this brief assessment has helped you pinpoint any glaring problem areas. Once you’ve identified them, you can determine the extent of the improvements needed. Perhaps all you need is to rethink your content creation strategy, and train your team to write more user-centered content. Or perhaps the changes need to go much deeper, and you’ll want to seek a web design consultant to help you redesign the site from scratch. A good consultant can help you establish messaging and desired response priorities, think about your site in more user-centered ways, and bring up issues and problems you hadn’t even thought about. Your site is often the first (and sometimes only) point of contact between your organization and your audiences. Most, if not all, of your outreach, marketing, PR, and social media efforts will point directly to your site. A bad site will turn audiences away, and that translates to lower outreach and marketing ROI. Make sure to turbo-charge your efforts by offering your audiences an experience they find clear and engaging!
  • 16. Bureau for Good Branding & web design for folks who do good bureauforgood.com Parting Words THINK LIKE YOUR USERS!
  • 17. Bureau for Good Branding & web design for folks who do good bureauforgood.com Download our FREE guide Don’t start your nonprofit website without me A feature checklist for nonprofit websites Or visit bureauforgood.com/checklist CLICK TO DOWNLOAD!
  • 18. Bureau for Good Branding & web design for folks who do good bureauforgood.com Bureau for Good Branding & web design for folks who do good Bureau for Good builds websites & visual brands that help nonprofits educate, advocate, inspire & serve. VISIT US!

×