website assessment methodology

Webcheck Scheme for Voluntary OrganizationsA summary of the website assessment methodology22nd October 2013, Malta

woensdag 23 oktober 13

by Lize De Clercqwww.eclecticlines.net


http://www.eclecticlines.net

http://www.eclecticlines.net

OBJECTIVES:

Audience needs versus Organizational needs


USER-CENTERED VERSUS ORGANIZATION-CENTERED

MENTALITY

= inward versus outward perspective


INWARD VERSUS OUTWARD PERSPECTIVEWWW.EQUALPARTNERS.ORG.MT

From the point of view of the organization ✖

From the point of view of the visitors:

Donate!✔


http://www.equalpartners.org.mt


INWARD VERSUS OUTWARD PERSPECTIVEWWW.FSEGOZO.COM

Internal documents of no use to the visitors

✖

From the point of view of the organization✖

From the point of view of the visitors:

Donate! ✔


http://www.fsegozo.com/

http://www.fsegozo.com/

INWARD VERSUS OUTWARD PERSPECTIVETEST.AMPUTEES4AMPUTEES.ORG.MT

Logo very prominently

presentPicture only

showing committee members ✖


http://test.amputees4amputees.org.mt/

http://test.amputees4amputees.org.mt/

INWARD VERSUS OUTWARD PERSPECTIVEWWW.ILS.COM.MT

Organization-centered elements placed ‘under the

fold’

User-centered elements placed ‘above the fold’

✔

✔


http://www.ils.com.mt/


AUDIENCE NEEDS:

1. Who are your audiences?

2. What are the needs of each of these audiences?


LIST OF AUDIENCES & AUDIENCE NEEDSDIABETESMALTA.ORG

o learn about diabetes

o understand what MDA is all about

o figure out upcoming activities

o learn about the benefits of becoming a member

o figure out how to get involved

o learn about the impact MDA has on its members

o figure out how to support

• diabetes patients (all types of diabetes patients, but with a special focus on the younger ones)

• family & friends of diabetes patients


http://diabetesmalta.org/


LIST OF AUDIENCES & AUDIENCE NEEDSWWW.MALTAHEALTHNETWORK.ORG

o figure out upcoming ac/vi/es

o discover news related to their health sector

o understand what MHN is all about

o learn about the benefits of becoming members

o figure out how to get involved

o learn about the achievements of MHN

o learn about their health problem

o learn about the health problem of their friends & family members

• representatives of actual member organizations

• representatives of potential member organizations of the health sector

• representatives of international organizations of the health sector

• people with all kinds of health problems (chronic diseases, disabilities, rare diseases, acute health problems, etc.)

• friends & family of people with all kinds of health problems

• medical staff

• policy makers

• media


http://www.maltahealthnetwork.org/


ORGANIZATIONAL NEEDS:

What do you want your visitors to do or learn once they are on your website?

= What are the needs of your organization?


ORGANIZATIONAL NEEDSDIABETESMALTA.ORG

CORE MESSAGES OF VISITORS TO

LEARN:

DESIRED RESPONSES OF VISITORS TO

DO:

“Lots of (young) people in Malta have diabetes. MDA is the organization to turn

to for meeting other patients”

“The MDA is a Helpful Friend for anyone with

diabetes”

o become a member

o participate in events

o join a mailing list

o join on Facebook

o donate




ORGANIZATIONAL NEEDSWWW.MALTAHEALTHNETWORK.ORG

CORE MESSAGES OF VISITORS TO

LEARN:

DESIRED RESPONSES OF VISITORS TO

DO:

“The MHN is an Influential Authority and a Thought Leader on health issues in Malta”

“The MHN is a Reliable Performer and the best choice to turn to for ac/ng as a spokes person or for forming (interna/onal) partnerships”

o become a member (as an organization)

o ask for advice

o register for an event

o join a mailing list

o join on Facebook

“The MHN is highly concerned with Pa/ents Rights”




HOMEPAGE:

What are the prioritized elements that should dictate the design?


MESSY LAYOUT WITH NO CLEAR FOCUSWWW.EQUALPARTNERS.ORG.MT

What are the core messages? ✖

What are the desired responses?

✔

✖

The audiences don’t know where to look

first! ✖

The Look & Feel is: “one big chaos”

✖




BUILD A VISUAL HIERARCHY OF PRIORITIZED ELEMENTS!WWW.EQUALPARTNERS.ORG.MT

✔

PRIORITIZED ELEMENTS:

ELEMENTS THAT SHOULD DICTATE THE HOMEPAGE DESIGN:

o slideshow with pictures of beneficiaries, volunteers & staff with an overlay headline that gives an overview of the wide range of activities

o call to action to visit the centre

o call to action for volunteering

o call to action for donations in all kinds

o reaching out to people in need

o communicating the message of being a refuge for praying, contemplation and reflection

o recruiting volunteers

o raising all kinds of donations (food, materials & money)




EXAMPLE: VIRTUALLY STACKED DESIGNTHEMES.QUITENICESTUFF.COM/RELIEFWP/

Prioritized core message

Slideshow for showing different pictures with a

headline ✔

Prioritized call-to-action to

Donate

Prioritized call-to-actions to Help &

Volunteer

✔

✔

✔




NAVIGATION:

Helpful navigation tools & symptoms of bad navigation


EXAMPLE: HELPFUL NAVIGATION TOOLSWWW.IDF.ORG

Pull-down menu

Search tool ✔

✔

More than 3 levels deep ✖


http://www.idf.org/

http://www.idf.org/

EXAMPLE: HELPFUL NAVIGATION TOOLSWWW.IDF.ORG

Way-finding cues to jump

to other pages

Breadcrumbs that help the user indicate the path

followed ✔

✔


http://www.idf.org/

http://www.idf.org/

HELPFUL NAVIGATION TOOLS PRESENTWWW.ILS.COM.MT

Sitemap

Search tool✔

✔




SYMPTOMS OF BAD NAVIGATIONWWW.EQUALPARTNERS.ORG.MT

Navigation labels that are ambiguous, confusing

& unclear ✖ Repeated navigation labels

✖




SYMPTOMS OF BAD NAVIGATIONWWW.EQUALPARTNERS.ORG.MT

Listing the same content under several

sections ✖




SYMPTOMS OF BAD NAVIGATIONWWW.MARSAXLOKK-ASC.COM

Orphan content (only accessible through

an inline link) ✖


http://www.marsaxlokk-asc.com/

http://www.marsaxlokk-asc.com/

SYMPTOMS OF BAD NAVIGATIONAAM-MALTA.ORG

Navigation labels leading to empty pages

✖


http://aam-malta.org/

http://aam-malta.org/

NAVIGATION STRUCTURE:

Proposal for an improved navigation structure


(Our) Mission (& Vision)

History

People / Team / Who’s Who

Partners

Contact Us

WHO WE ARE / About Us

Our Approach

Internship

Resources / Publications

Venue

Sponsors

In general:

In specific cases:


Our Services

(Our) (Fundraising) Activities

Photo (& Video) Gallery

Testimonials

Advocacy & Policy

Campaigns

Resources / Publications

WHAT WE DO

Our expertise

Networking

Training & Curriculum

Community Building

Seminars

How We Help

Our Courses

Projects

Visiting

In general:

In specific cases:


(Become a) Sponsor

Our Demands

Testimonials

FAQ

Consult Us

(PRIORITIZED ELEMENTS)

Learn about Anaesthesia

Learn about Diabetes

Youth & Diabetes

Find Peace

Youth Activities

Patient Q&A

In general:

In specific cases:


(CALLS TO ACTION)

In general: When membership is prioritized:

Become A MemberWhy Join / (Membership)

How to Join / (Renew Membership)

Our Members

Get Involved / (Take Action)Why Join / Become A Member

How to Join / (Renew Membership)

Join Us on Facebook

Volunteer

Make a Donation

(Sign Up for Updates)


(Our) News / (Newsroom) / (Blog)

(Upcoming) Events / (Events) Calendar

Photo (& Video) Gallery

Sign Up for Updates

Join Us on Facebook / (Join the Conversation)

STAY INFORMED

Press / In the Media

Press Kit

Insights

Bookshop

In general:

In specific cases:


CONVERSION-ORIENTED PAGES:

Landing pages for your call-to-action


EXAMPLE: MAKE A DONATIONINVISIBLECHILDREN.COM/DONATE

Use big buttons ✔

Use a compelling image with a person looking directly at

the user ✔

Direct the eye to the

centre of the page ✔

Keep the important stuff

above the fold ✔




EXAMPLE: MAKE A DONATIONWWW.MALARIANOMORE.ORG

Include a compelling

headline that focuses on the outcome ✔


http://www.malarianomore.org

http://www.malarianomore.org

EXAMPLE: SIGN UP FOR UPDATESACT.PIH.ORG/PAGE/S/QUICKSIGNUP

Use big buttons ✔

Use a compelling image ✔

Direct the eye to the

centre of the page ✔

Ditch the sidebars ✔




EXAMPLE: VOLUNTEER POSITIONTURNING-PAGES.ORG/VOLUNTEER-2/TUTOR-JOB-DESCRIPTION

Use bullet points ✔

Direct the eye ✔


http://turning-pages.org/volunteer-2/tutor-job-description/

http://turning-pages.org/volunteer-2/tutor-job-description/

CREATING CONTENT:

Be to the point and tell a moving story


EXAMPLE: MEET THE TEAMMEDIACAUSE.ORG

Bio about how, when & why joined the

organization ✔

Names & roles with pictures ✔


EXAMPLE: TESTIMONIALSWWW.SPEECHBUDDY.COM

Give the word to your

beneficiaries, volunteers & staff

Names with pictures ✔


http://www.speechbuddy.com

http://www.speechbuddy.com

EXAMPLE: LEARN ABOUT DIABETESWWW.IDF.ORG/ABOUT-DIABETES

Include large images ✔

Be concise & split the text in various sections among the navigation menu✔


http://www.idf.org/about-diabetes

http://www.idf.org/about-diabetes

FUNCTIONALITY

Does your website include all the technology features you & your visitors need?


Wordpress.org, Drupal, Joomla,...

software is freely downloadable / free & low cost themes / hosting from 2€/month / domain name around 15€/year

Wordpess.com

software is free, no hosting needed / free & low cost themes / domain name around 15€/year

Weebly, Wix & Squarespace

software, hosting, theme & domain name around 15€/month

CONTENT MANAGEMENT SYSTEM (CMS)


CMS text editor (user friendly interface)

CMS themes (templates) available:

Do they cover your needs?

Are they responsive (mobile friendly)?

CMS features available (native or via plug-in):

Site search, Calendar, RSS feed, Social Media follow icons, Social Media sharing buttons, Social Media Feeds, Forms, Blog commenting, Multi-language, Password protected content, SEO friendly URLs, XML sitemap

CMS THEMES: What to check?


Email Marketing (Mailchimp, Constant Contact,...)Text Messaging (Frontline, Mobile Commons,...)

Membership Management (Wild Apricot, etc.)Online Donations: PayPal, Google Check Out & nonprofit management software packages (DonateNow Lite, QGive Online, Easy Tithe,...)

Crowdfunding (Razoo, Causes, JustGiving,...)Text Giving (JustTextGiving, ZipGive,...)

Event Registration & Ticketing (Eventbrite,..)Advocacy & Petitions (Salsa, BSD Tools....), Volunteer Registration (VolunteerSpot,..) & Fundraising pages (GivingFuel, Qgiv Hobnob,...)Online Polls (SurveyMonkey,) Maps & Charts

THIRD-PARTY SERVICES


Useful resources:

WWW.ECLECTICLINES.NET/8-FREE-EBOOKS-WILL-GUIDE-NONPROFIT-MARKETING/

THIS PRESENTATION IS BASED ON A RANGE OF FREE DOWNLOADABLE RESOURCES YOUR CAN FIND AT:

IT IS ALSO BASED ON A RECENTLY PUBLISHED BOOK:“CONTENT MARKETING FOR NONPROFITS” BY KIVI LEROUX MILLER

CONTENTMARKETINGFORNONPROFITS.COM/


http://www.eclecticlines.net/8-free-ebooks-will-guide-nonprofit-marketing/




http://contentmarketingfornonprofits.com

http://contentmarketingfornonprofits.com

Wordpress themes:EN.BLOG.WORDPRESS.COM/2013/05/14/NONPROFITS-ON-WORDPRESS/

WWW.PREMIUMWP.COM/15-BEST-NON-PROFIT-WORDPRESS-THEMES/THEMEFOREST.NET/CATEGORY/WORDPRESS/NONPROFITWWW.TRIPWIREMAGAZINE.COM/2013/08/BEST-NONPROFIT-WORDPRESS-THEMES.HTML

WEBELEMINT.COM/ROUND-UPS/25-BEST-CHURCH-WORDPRESS-THEMES/

WWW.WPEXPLORER.COM/BEST-NONPROFIT-CHURCH-WORDPRESS-THEMES/


http://en.blog.wordpress.com/2013/05/14/nonprofits-on-wordpress/




http://www.premiumwp.com/15-best-non-profit-wordpress-themes/




http://themeforest.net/category/wordpress/nonprofit

http://themeforest.net/category/wordpress/nonprofit

http://www.tripwiremagazine.com/2013/08/best-nonprofit-wordpress-themes.html




http://webelemint.com/round-ups/25-best-church-wordpress-themes/




http://www.wpexplorer.com/best-nonprofit-church-wordpress-themes/




Useful blogs:WWW.ECLECTICLINES.NET

WWW.NPTECHFORGOOD.COM

WWW.NONPROFITMARKETINGGUIDE.COMWWW.CLAIRIFICATION.COMJCSOCIALMARKETING.COM

WWW.JOHNHAYDON.COM

IJUSTDID.ORG

WWW.BETHKANTER.ORG

WWW.SOCIALBRITE.ORGSMBIRDBRAIN.BLOGSPOT.COMWWW.NONPROFITMARKETINGBLOG.COMNONPROFITNATE.COMWWW.NONPROFITHUB.ORG


http://www.facebook.com/SalesianBrigade




http://www.nonprofitmarketingguide.com




http://jcsocialmarketing.com
















http://www.nonprofithub.org

http://www.nonprofithub.org

Useful lists to follow:

LIST.LY/LIST/7RO-STOCKPHOTOS-SOURCESWHERE TO FIND STOCKPHOTOS & IMAGES:

EXAMPLES OF GOOD NONPROFIT WEBSITES:LIST.LY/LIST/7BK-NONPROFITS-WEBSITES-EXAMPLES/


http://list.ly/list/7Ro-stockphotos-sources

http://list.ly/list/7Ro-stockphotos-sources

http://list.ly/list/7bk-nonprofits-websites-examples

http://list.ly/list/7bk-nonprofits-websites-examples