the top ten elements every school's website should have

35
A Blackbaud Production Top Ten Website Best Practices Every School Should Employ Kelley Jarrett, Market Manager – Guide Creative

Upload: guidecreative

Post on 13-May-2015

1.611 views

Category:

Design


0 download

DESCRIPTION

@keljar @guidecreative review design and strategy best practices for independent school websites.

TRANSCRIPT

Page 1: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Top Ten Website Best Practices Every School

Should Employ

Kelley Jarrett, Market Manager – Guide Creative

Page 2: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Where are you today?

Page 3: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Ten Best Practices

Page 4: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

“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 Audiences

Page 5: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

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

Page 6: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Resonate with your Audiences Speak the right language

•  Discuss, decide and use your key messages consistently

•  Listen for feedback on what’s working and what’s not through social media, blogs and surveys

•  Know that writing is an art…AND a science

•  Avoid jargon, too little or too much content

•  Test!

Page 7: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Resonate with your Audiences 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?

Page 8: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Have a Focused Homepage

“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 - Jason Gross

Page 9: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Have a Focused Homepage Prioritize Content

•  Wireframes are key for visual hierarchy

•  Remember YOUR goals

•  Remember your AUDIENCE’S goals

Page 10: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Have a Focused Homepage Pass the 3-second test

•  Is your homepage scannable, understandable, intuitive in 3 seconds?

Page 11: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

“Design your website around your school’s actions and purpose. Make the mission statement clear as day.”

- Blake McCreary “Non-Profit Web Design.”

Page 12: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Share Your Mission Tell your story clearly & succinctly and make it actionable

•  Most prospectives check out your website before they engage

•  60% of all donors view an organization’s website before donating - tell them why they should give…

Page 13: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Share Your Mission Show your story … visually

•  Infographics, typography, links, video, imagery, photography

•  The style should fit your voice and brand

•  Prospective families want to be “wowed”!

Page 14: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Use Compelling Imagery

“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

- Jason Gross

Page 15: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Use Compelling Imagery Engage with eye contact … Make a personal connection

Show real stories of impact to gain credibility

Page 16: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Use Compelling Imagery Match Imagery with your brand, mood and voice - Does quality, composition and candor of your imagery jive with your user

experience?

Page 17: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Ensure Ease in Navigation “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

- Vitaly Friedman

Page 18: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

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-click or less for key tasks?

Page 19: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Include Clear, Bold Calls-to-Action

“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,”

- Brad Shorr

Page 20: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Remove all obstacles to action from anywhere “Apply Now” should take them directly to application.

Include Clear, Bold Calls-to-Action

Page 21: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Calls to action should be clear and compelling Don’t Say: “Click Here” Instead Say: Visit Us Apply Donate Learn More

Include Clear, Bold Calls-to-Action

Page 22: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Showcase Your Stewardship

“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

- Cynthia Gomez

Page 23: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Showcase Your Stewardship Many will visit your website before engaging.

•  Show the impact (eg. stats, infographics)

•  Be transparent (eg. share your annual report)

•  Say “Thank you”

Page 24: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Showcase Your Stewardship

Page 25: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Keep Content Fresh “…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

- Randall Mains

Page 26: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Keep Content Fresh Always have something new to offer to your students, parents, alumni - Utilize automatic feeds - Add dates to content posted to the homepage

Page 27: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Keep Content Fresh Gather user-generated content

Page 28: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Be Social “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.

- Melanie Mathos & Chad Norman

Page 29: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Be Social Social media is a valuable tool in contributing to site traffic and brand exposure - Make it easy to connect,

interact and contribute

Page 30: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Be Social Showcase all social activities everywhere - Encourage viral sharing - Integrate social activities everywhere

Page 31: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

“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

Page 32: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Provide a Personal Touch Through Multimedia Allow users to consume information in multiple ways - Users want to consume information in various media channels

and formats.

Page 33: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Provide a Personal Touch Through Multimedia

Page 34: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

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 Interactive

Page 35: The Top Ten Elements Every School's Website Should Have

A Blackbaud Production!

Questions?

Test Your Own Site!

www.guidecreative.com/topten