getting your priorities straight: a guide to successful information architecture for nonprofits

44
03/21/2022 Footer 1 Getting Your Priorities Straight: A Guide to Successful IA PRESENTED BY MISTY MCLAUGHLIN

Upload: misty-mclaughlin

Post on 20-Aug-2015

207 views

Category:

Design


0 download

TRANSCRIPT

04/18/2023 Footer 1

Getting Your Priorities Straight: A Guide to Successful IA

PRESENTED BY

MISTY MCLAUGHLIN

04/18/2023 Footer 2

Misty McLaughlin, User Experience Principal

- 10 years of nonprofit-focused online consulting (7 years with Convio + Blackbaud)

- Master’s degree in Information Architecture (IA)

- Worked with nonprofits of all shapes, sizes, budgets, and causes

INTRO

I’m also a…* Portland, Maine resident

* parent of a 2-year-old* content strategy geek* Cancer who likes long

walks on the beach …with my mobile device.

04/18/2023 Footer 3

#BBCON TWEET YOUR EXPERIENCE:

#bbinteractive #bbstraightIA @uxfornonprofits

04/18/2023 Footer 4

• What is IA?

• Why Does IA Matter?

• What Is Good IA?

• What Is Good IA for Nonprofits?

• How Do I Make Good IA?

OUR TIME TOGETHER

04/18/2023 Footer 5

WHAT IS INFORMATION ARCHITECTURE?

04/18/2023 Footer 6

CONNECTS PEOPLE TO CONTENT

IA Connects People to Content

04/18/2023 Footer 7

Content

ContextUsers

CONNECTS PEOPLE TO CONTENT – IN CONTEXT

04/18/2023 Footer 8

MAPS, FUN, PEOPLE, FINDING, MAKING THINGS EASY

A Son’s Take on Explain IA

04/18/2023 Footer 9

MOST PEOPLE THINK OF IA AS

04/18/2023 Footer 10

BUT IT’S ALSO

04/18/2023 Footer 11

ALL THE MAPS YOU NEED FOR YOUR JOURNEY

04/18/2023 Footer 12

WHY DOES IA MATTER?

04/18/2023 Footer 13

BECAUSE PEOPLE NEED HELP

Finding information

Knowing where to turnUnderstanding

issues

Taking appropriate action

Building relationships

04/18/2023 Footer 14

Your website is your

organization’s

most public face.

04/18/2023 Footer 15

CONSIDER THE COSTS OF BAD IA

• Time• Frustration• Lost interest• Lost trust

INTERNAL COSTS (WITH STAFF & ACROSS ORGANIZATION)

• Time• Frustration• Staff resources answering the phone• Cost of training staff

EXTERNAL COSTS (WITH CONSTITUENTS)

• Lost pleasure• Lost opportunity to educate• Boost to your competitors

= Lost Loyalty & Support

• Staff time updating labor-intensive content

• Cost of adapting site to new environments (e.g. tablet)

• Cost of redesigns

= Lost Time, Money, & Morale

04/18/2023 Footer 16

BUT IF YOU GET IT RIGHT

Or, in conversion terms…

Increased donations Greater constituent engagement

Stronger sense of online communityFuller achievement of your mission

Better relationships built

Value

Credibility

Trust

Pleasure

Awareness

04/18/2023 Footer 17

WHAT IS GOOD IA?

04/18/2023 Footer 18

EFFECTIVE IA IS IA is…

04/18/2023 Footer 19

• Balance breadth against depth• Show AND tell• Help people move through, among, around, and between

• Depend on strong content

EFFECTIVE IA DOES …as IA does.

04/18/2023 Footer 20

• Consistency: The golden rule. Enough said.

• Progressive Disclosure: Take your visitors on a journey. Don’t be afraid of clicks – just make the clicks matter.

• 7 Plus-or-Minus 2: People’s brains can only hold 5 to 9 options in working memory. Group your content and present choices accordingly.

• Tunnel Vision: Our visual cortex is smart. If it looks like advertising or junk, most people will automatically filter it out.

IA Principle Numero Uno: Be guided first by cognitive science and research,

second by personal experience.

A FEW RULES + A PRINCIPLE

04/18/2023 Footer 21

SOME TOOLS OF THE TRADE (THE MAPS)

Personas“Who”

Content Inventory “What”

Visitor Experience Map

“Why”Sitemap“How”

Wireframe – “Where”

04/18/2023 Footer 22

ANATOMY OF A WEBSITE (THE TRANSPORTATION MAP)

Branding Navigation

Mission

Key calls to action

Storytelling

Dedicated show & tell of impact

04/18/2023 Footer 23

SOME SIGNPOSTS & WAYFINDERS

04/18/2023 Footer 24

WHAT IS GOOD IA FOR NONPROFITS?

04/18/2023 Footer 25

GOOD NONPROFIT IA…

1. Leads With Your Mission: Your homepage must say who your organization is or what you do (your mission) in 15 words or less.

57% of organizations fail to clearly state their mission on their homepage.

04/18/2023 Footer 26

2. Tells the Story: Your homepage should include at least one story of a person your org has directly helped.

GOOD NONPROFIT IA…

04/18/2023 Footer 27

3. Makes the case: Your site should clearly, simply articulate what a donor is investing in.

96% of organizations fail to make the case of their impact from their homepage.

GOOD NONPROFIT IA…

04/18/2023 Footer 28

4. Keeps Them Around: 70% of first-time visitors should reach your site and stay more than 30 seconds (and then view your great content!).

55% of organizations have a greater than 50% homepage bounce rate.

GOOD NONPROFIT IA…

04/18/2023 Footer 29

5. Gets Them Involved: From your homepage, a first-time visitor couldn’t name 3 ways to get involved with your organization.

GOOD NONPROFIT IA…

04/18/2023 Footer 30

6. Makes donating painfully easy: Your donor shouldn’t have to click more than once from any place on your website to make a gift.

GOOD NONPROFIT IA…

04/18/2023 Footer 31

7. Offers easy access: Your global (or top) navigation should group no more than 7 choices. And make ‘em meaningful!

GOOD NONPROFIT IA…

What to do:

04/18/2023 Footer 32

8. Is for outsiders: Your content and navigation should be labelled for the uninitiated, first-time visitor, rather than using terminology that only “insiders” at your organization would understand.

In my experience, about 85% of organizations use internal jargon or “Org Speak.”

GOOD NONPROFIT IA…

What not to do:

04/18/2023 Footer 33

9. Makes it personal: When a visitor signs up for your newsletter (or anything else), make sure there’s a visible change to the site.

GOOD NONPROFIT IA…

04/18/2023 Footer 34

10. Shows & tells: Your imagery reflects who you are and who you serve, and complements your language.

GOOD NONPROFIT IA…

04/18/2023 Footer 35

HOW DO I MAKE GOOD IA?

04/18/2023 Footer 36

Research their motivations, perceptions, attitudes, behaviors, and goals.

Get your findings down on paper.

Listen. And listen some more.

Lather, rinse, repeat.

KNOW YOUR AUDIENCE

Content

ContextUsers

04/18/2023 Footer 37

Have a 360-degree view of content.

Articulate content goals and aspirations.

Consider dynamic and personalized content.

KNOW YOUR CONTENTContent

ContextUsers

04/18/2023 Footer 38

Partners, competitors (including for-profit info and service providers)

KNOW YOUR CONTEXT

Content

ContextUsers

04/18/2023 Footer 39

• Homebase = your websites, populated and controlled by you.

• Embassies = places on a social network or other digital platform, where you have a presence. This is not your home territory, but you have a defined space (that you contribute content to) where people can visit and interact with you.

• Outposts = places that are closely tied to your brand or your mission but are not primarily populated or controlled by you.*

MAP THE BIG PICTURE: THE WHOLE NEIGHBORHOOD

* credit James Burden, Strategic Services,

Blackbaud UK

04/18/2023 Footer 40

MOVE FROM FOREST TO TREES TO LEAVES…

…and back again.

04/18/2023 Footer 41

Navigation Flow

TEST IT, TWEAK IT, TEST IT AGAIN

A prescribed path is provided for your target audiences to complete where we can see how successful they are at each step.

Ask your target audience questions that engage them to click on what they believe is the best answer to each question.

Give your target audience five seconds to evaluate your website before answering questions about what they saw.

Click Test

5 Second Test

04/18/2023 Footer 42

HANG UP & DIAL 911

SELECTED BLACKBAUD UX CLIENTS

04/18/2023 Footer 43

Adaptive Content for a Future-Proofed WorldMonday, 10 am, National Harbor 8-9

With the multitude of web-connected devices around us and in development, it’s becoming too difficult to anticipate what screen sizes to design for. The answer to this dilemma is to start thinking differently about content. It’s no longer just text and images appearing on a web page, so why are we still writing like it is?

Mobile Homepage Design SlamTuesday, 9:30 am, National Harbor 13

This will be an interactive, participatory design session. We’ll briefly cover the process for designing mobile homepages and will then ask audience members to volunteer to show their homepage so the group can translate it into a mobile-friendly layout.

MORE UX GOOD STUFF

Don’t forget to stop by the

interactive booth! Meet great folks,

ask questions talk shop!

04/18/2023 Footer 44

QUESTIONS?

Thank you!

Misty McLaughlinUser Experience [email protected]@uxfornonprofits