bag of tricks
DESCRIPTION
@keljar BBcon 2012 presentationTRANSCRIPT
04/12/2023 1
Interactive Workshop: A Bag Of Tricks for Your Nonprofit Website
PRESENTED BY:KELLEY JARRETT, MARKET MANAGER – GUIDE CREATIVE (@KELJAR)JONO YOUNG, DESIGN PRINCIPAL – INTERACTIVE (@CHSWEB)
04/12/2023 2
HASHTAG THIS SESSION#BBDESIGN
FOLLOW US@KELJAR@CHSWEB
04/12/2023 3
Meet Jono
Meet Kelley
Meet Our Esteemed Facilitators/Panel
Who do we have out there with us today?
WELCOME!
What Goes Into a Successful Website?
Name one mistake you’ve seen an organization make on their website?
04/12/2023 4
• Review key elements that make nonprofit websites more effective
• Learn how to analyze a website and recognize these elements• Be able to identify opportunities for improvement • Empower you to assess your own site and make changes
WE’RE HERE TODAY TO…
Your Website is an EVOLUTION
04/12/2023 5
• Learn• Discuss• Assess• Present• Ask
HERE’S THE PLAN
04/12/2023 6
LEARN: TEN BEST PRACTICES
04/12/2023 7
TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
04/12/2023 8
“Your website does not exist as a boutique just to show off information about your organization. Instead, it’s actually a tool to mobilize your audience...”
- Raheel Gauba “Design for Good: 4 (More) Nonprofit Design Principles” Netwits Think Tank, 10
RESONATE WITH YOUR AUDIENCE
04/12/2023 9
Focus on your audience needs- Who are your audience groups and who is most important?- What do they care about – need, goals and aspirations?- How do they interact with you on and off your website?
RESONATE WITH YOUR AUDIENCES
04/12/2023 10
Speak the right language
- Choose a key message and use it consistently
- Listen for feedback on what’s working and what’s not through social media, blogs and surveys
- Avoid jargon, too little or too much content
- Test!
RESONATE WITH YOUR AUDIENCES
04/12/2023 11
Meet users where they are
- In less than three years mobile will be the #1 way your audience will access your website … Are you ready?
RESONATE WITH YOUR AUDIENCES
04/12/2023 12
“The Web is a world of first impressions, and quick ones at that. Users form an opinion of a website within the first few seconds of loading it.”
“The Role of Design in The Kingdome of Content, www.smashingmagazine.com
HAVE A FOCUSED HOMEPAGE
- Jason Gross
04/12/2023 13
Prioritize Content- Wireframes are key for visual hierarchy- Remember YOUR goals- Remember your AUDIENCE’S goals
HAVE A FOCUSED HOMEPAGE
04/12/2023 14
Pass the 3-second test- Is your homepage scannable, understandable, intuitive
in 3 seconds?
HAVE A FOCUSED HOMEPAGE
04/12/2023 15
“Design your website around your non-profit’s actions and purpose. Make the mission statement clear as day.”
“Non-Profit Web Design.”
SHARE YOUR MISSION
- Blake McCreary
04/12/2023 16
Show your story … visually- Every image, every link, every element should tell your
mission’s story.
SHARE YOUR MISSION
04/12/2023 17
Tell your story clearly & succinctly and make it actionable - Visual interpretation can mean many things – infographics,
typography, links, video, imagery, photography
SHARE YOUR MISSION
04/12/2023 18
“Regardless of what your content actually says, the design around it controls what the users see first and how their eyes move across the sections of the page.”
“The Role of Design in The Kingdome of Content, www.smashingmagazine.com
USE COMPELLING AND ENGAGING IMAGERY
- Jason Gross
04/12/2023 19
Engage with eye contact … Make a personal connection- Connect, speak and engage with a personal connection- Eye contact makes it feel as real as it is
USE COMPELLING AND ENGAGEMENT IMAGRY
04/12/2023 20
Show real stories of impact to gain credibility
USE COMPELLING IMAGERY
04/12/2023 21
USE COMPELLING IMAGERY
Match Imagery with your brand, mood and voice- Does quality, composition and candor of your imagery jive
with your user experience?
04/12/2023 22
“User-centric design has become a standard approach for successful and web design. After all, if users can’t use a feature, it might as well not exist.”
“10 Principles of Effective Web Design”, www.smashingmagazine.com
ENSURE EASE IN NAVIGATION
- Vitaly Friedman
04/12/2023 23
ENSURE EASE IN NAVIGATION
YOUR WEBSITE YOUR AUDIENCE
04/12/2023 24
ENSURE EASE IN NAVIGATION
Navigation Systems should be intuitive and precise- Provide multiple interaction paths- Ensure context for users who come in through search or
links- Does it take two clicks or less for key tasks?
04/12/2023 25
“Assuming that you’ve written a brilliantly persuasive page, it’s still next to worthless without a strong call to action…”
“Five Copywriting Errors That Can Ruin a Company’s Website,”
INCLUDE CLEAR, BOLD CALLS-TO-ACTION
- Brad Shorr
04/12/2023 26
INCLUDE CLEAR, BOLD CALLS TO ACTION
Remove all obstacles to action from anywhere- Provide a tangible to an intangible (eg. Please give $10
today Please give 10 meals to your community today)
04/12/2023 27
INCLUDE CLEAR, BOLD CALLS TO ACTION
Calls to action should be clear and compelling- Never say “click here”- Say for example “become a habitat volunteer today”
04/12/2023 28
“Stewardship comes down to being able to show donors how their dollars were used and what impact their contributions had…”
“What Is Stewardship for a Non-Profit?” www.eHow.com
SHOW STEWARDSHIP
- Cynthia Gomez
04/12/2023 29
SHOWCASE YOUR STEWARDSHIP
60% of donors visit a nonprofit’s website before making a gift. - Show the impact (stats, infographics)- Be transparent (share your annual report)- Say “Thank you”
04/12/2023 30
“…You need to remember that the Internet is a dynamic place, and make sure your site is constantly changing as well.”
“Good Non Profit Website Design Principles #5 of 5,” blog.pathmakermarketing.com May 21, 2009
KEEP CONTENT FRESH
- Randall Mains
04/12/2023 31
KEEP YOUR CONTENT FRESH
Always have something new to share- Utilize automatic feeds- Add dates to content posted to the homepage
Timely Upcoming
Events
04/12/2023 32
KEEP YOUR CONTENT FRESH
Gather user-generated content to delegate and let others contribute.
04/12/2023 33
“Integrating the social experience into your organization’s web site will help promote the channel, engage supporters, and provide a constant source of dynamic content …”
“101 Social Media Tactics for Nonprofits: A Field Guide.” John Wiley & Sons, Inc.
BE SOCIAL
- Melanie Mathos & Chad Norman
04/12/2023 34
BE SOCIAL
Social media and viral sharing are highly valuable tools in contributing to web site traffic and brand exposure- Make it easy to connect, interact and contribute
04/12/2023 35
BE SOCIAL
Encourage Viral Sharing- Action Sharing- Integrate social activities everywhere
04/12/2023 36
“Many of today’s most successful websites are interactive, meaning they allow people to participate in the content in some way.
Randall Mains, Strategic Web Communication Principle #4: Interactivity” blog.pathmakermarketing.com
PROVIDE A PERSONAL TOUCH THROUGH MULTIMEDIA
- Randall Mains
04/12/2023 37
PROVIDE A PERSONAL TOUCH THROUGH MULTIMEDIA
Allow users to consume information in multiple ways- Your audiences’ preferences for consuming content varies, just
as their browsing and navigation styles do. Users want to consume information in various media channels and formats.
04/12/2023 38
TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
04/12/2023 39
LET’S PRACTICE!
04/12/2023 40
• Work as a Team• On Your Table Laptop, You’ll Have:- A website to audit- The presentation we just reviewed for reference- A digital “audit” form
• Use Your “Top Ten” Knowledge to Assess the Provided Site With Your Team- Expert facilitators can assist with questions
• Answer all questions and submit the form!
DISCUSS AND ASSESS: THE RULES
04/12/2023 41
• We’ll have the results on the projector• Choose a presenter from your table• In 2 minutes, tell us:- The site you audited- The most memorable “top ten” success- One “top ten” element missed- One suggestion you’d make for this website (optional)
LET’S LEARN FROM EACHOTHER!
04/12/2023 42
ASK THE EXPERTS
04/12/2023 43
TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
04/12/2023 44
FOLLOW US!@KELJAR@CHSWEB
HASHTAG THIS SESSION!#BBDESIGN