Webinar: Content against cancer

116
Content against cancer Ida Aalen @idaAa Senior interaction designer, Netlife Research Beate Sørum @BeateSorum Digital fundraising, The Norwegian Cancer Society

description

How to succeed with your content. Video will be online here: http://www.customercarewords.com/webinar-previous.html

Transcript of Webinar: Content against cancer

Page 1: Webinar: Content against cancer

Content against cancer

Ida Aalen @idaAaSenior interaction designer, Netlife Research

Beate Sørum @BeateSorumDigital fundraising, The Norwegian Cancer Society

Page 2: Webinar: Content against cancer

Agenda• Using the core model to prioritize content in a responsive

website• How content is enhanced by working collaboratively and

interdisciplinarily• Amazing results!

Page 3: Webinar: Content against cancer

What is Netlife Research?

Page 4: Webinar: Content against cancer
Page 5: Webinar: Content against cancer
Page 6: Webinar: Content against cancer

What is The Norwegian Cancer Society?

Page 7: Webinar: Content against cancer

What we do:• fund cancer research• cancer care• cancer prevention• advocacy• information• fighting cancer on a global scale

Page 8: Webinar: Content against cancer

The Norwegian Cancer Society website...before.

Page 9: Webinar: Content against cancer

lørdag 22. juni 13

Page 10: Webinar: Content against cancer

lørdag 22. juni 13

Page 11: Webinar: Content against cancer

lørdag 22. juni 13

Page 12: Webinar: Content against cancer

lørdag 22. juni 13

Page 13: Webinar: Content against cancer

@BeateSorum http://about.me/beatesorum

«Support us»-menu

Banners; - become a member- donate withdrawn coins

Button leading to web shop

Page 14: Webinar: Content against cancer

Why did we need a new website?The problem

• Overlapping content with no links

• Content did not addressing the users’ key questions

• Difficult to navigate and not prioritized

Page 15: Webinar: Content against cancer

Why did we need a new website?The problem

• Overlapping content with no links

• Content did not addressing the users’ key questions

• Difficult to navigate and not prioritized

How did that happen?• Too many stakeholders• 40-45 people were working

in decentralized silos• 6 year old website with a

rigid information architecture and equal weight to all sections

Page 16: Webinar: Content against cancer

The process

1. Finding goals, KPIs and target audiences

2. Identifying top user tasks3. Developing a concept and

tone of voice4. The Core Model: Bringing

goals, user tasks and the concept together

5. Design, content and development

6. Governance and development

Page 17: Webinar: Content against cancer

#1

Finding goals, KPIs and target audiences

Page 18: Webinar: Content against cancer
Page 19: Webinar: Content against cancer
Page 20: Webinar: Content against cancer

Our goalsIn general

• Reducing the number of people who get cancer

• Increasing cancer survival rates

• Ensuring quality of life for cancer patients and their family and close friends

Page 21: Webinar: Content against cancer

Our goalsIn general

• Reducing the number of people who get cancer

• Increasing cancer survival rates

• Ensuring quality of life for cancer patients and their family and close friends

Online1. Helping patients and their

friends and family2. Increasing knowledge

about cancer and prevention

3. Increasing online self service

4. Improving our reputation and position

Page 22: Webinar: Content against cancer

Target audiences

Primary1. Patients2. Friends and next of kin3. “Average Joe & Jane”4. Scientists

Page 23: Webinar: Content against cancer

Target audiences

Primary1. Patients2. Friends and next of kin3. “Average Joe & Jane”4. Scientists

Secondary• Professionals• Media• Government• Education• Sponsors

Page 24: Webinar: Content against cancer

#2

Identifying top user tasks

Page 25: Webinar: Content against cancer

Whoever screams loudest

will win?

Page 26: Webinar: Content against cancer

Tons of research

• Focus groups with patients and next of kin

• Surveys of The Cancer Society’s reputation

• Google Analytics• Interviews with 10

stakeholders and 10 potential users

• Top task survey

Page 27: Webinar: Content against cancer

Top task analysis“If you’re visiting The Cancer Society’s website, which of these five tasks are the most important to you?”

Page 28: Webinar: Content against cancer

0

200

400

600

800

1000

1200

1400

1 6 11 16 21 26 31 36 41 46 51 56 61 66 71 76

Vote

Tasks

Page 29: Webinar: Content against cancer

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Patient rights

Next of kin

Waiting times

Dietary prevention

0 % 1 % 2 % 3 % 4 % 5 % 6 %

Top 25%

Cancer treatment,

symptoms, and prevention was

most important

0.4% vote for “Donate” and “Volunteer”

Page 30: Webinar: Content against cancer

#3

Developing a concept and tone of voice

Page 31: Webinar: Content against cancer

Going through user research and

goals

@WilhelmJAFront end developer

@ThordFossGraphicdesigner

@EirikHafverContent

strategist

Page 32: Webinar: Content against cancer

Sketching ideas for

functionality and concept

Page 33: Webinar: Content against cancer

Feedback from the group

Page 34: Webinar: Content against cancer

Which ideas are

connected?

What should we

take with us going next?

Page 35: Webinar: Content against cancer

Hypothesis:The users ask Google and not all of the answers they get are trustworthy. What does the diagnosis entail? What are my chances? What did the doctor really say? How do I avoid getting the same disease as my mother?

The answers exist, and behind all the statistics, doctor’s coats and bureaucracy there are human beings wanting to help.

Page 36: Webinar: Content against cancer

Answer:Knowledge kills fear. The Cancer Society’s website is a natural authority on the field. You get verified answers that are easy to understand. You can see who says what. It’s not a facless institution, but competent professionals with a name and a face.

Page 37: Webinar: Content against cancer

#4

Bringing goals, user tasks and the concept together

Page 38: Webinar: Content against cancer

The challengeUsers were looking for content that supported goal 1 & 2:

• Helping patients, their friends and family• Increasing knowledge about cancer and prevention

But none of the user tasks supporting goal 3 & 4 came up on top:

• Increased self service• Increasing donations and members

Page 39: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 40: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 41: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 42: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 43: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 44: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 45: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 46: Webinar: Content against cancer

Home pageThis is the traditional

approach to design, navigation and

information architecture

Page 47: Webinar: Content against cancer

This is the traditional

approach to design, navigation and

information architecture

Page 48: Webinar: Content against cancer

A lot of your users will never visit any

other page

Page 49: Webinar: Content against cancer

Googled “lung cancer”

A lot of your users will never visit any

other page

Page 50: Webinar: Content against cancer

Googled “lung cancer”

Link on Facebook about cancer research

A lot of your users will never visit any

other page

Page 51: Webinar: Content against cancer

Googled “lung cancer”

Link on Facebook about cancer research

A lot of your users will never visit any

other page

75% of the traffic to The Norwegian

Cancer Society from Google

Page 52: Webinar: Content against cancer

A new approach:The Core Model

• A lot of your users will never see your home page. They get there via Google, social media and links

• We have to stop using hierarchy and categories as our starting point

• We need to start with the answers to your users need, and work from there

Page 53: Webinar: Content against cancer

Businessgoals

Usertasks

Page 54: Webinar: Content against cancer

Businessgoals

Usertasks

Page 55: Webinar: Content against cancer

Businessgoals

Usertasks

Page 56: Webinar: Content against cancer

Businessgoals

Usertasks

Page 57: Webinar: Content against cancer

Businessgoals

Usertasks

Page 58: Webinar: Content against cancer

Businessgoals

Usertasks

Core pages

Page 59: Webinar: Content against cancer

Businessgoals

Usertasks

Core pages

Page 60: Webinar: Content against cancer

Using the core model

• Core pages are where your users solve their task - and you reach your objectives.

• Good ways in and making sure there are no blind alleys, becomes more important than structure and hierarchy

• The core is the same on all devices

• Letting the user finish her task first, lets us better guide her next actions

The core

Page 61: Webinar: Content against cancer

Objectives User tasks

Ways in Core content Ways forward

Page 62: Webinar: Content against cancer

Working in pairs to

identify ways in, core content

and ways out

@BeateSorum @Mona_Stensrud

Page 63: Webinar: Content against cancer

People from different parts of the organization

were paired

Page 64: Webinar: Content against cancer
Page 65: Webinar: Content against cancer
Page 66: Webinar: Content against cancer

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Patient rights

Next of kin

Waiting times

Dietary prevention

0 % 1 % 2 % 3 % 4 % 5 % 6 %

Top 25%

Cancer treatment,

symptoms, and prevention was

most important

0.4% vote for “Donate” and “Volunteer”

Page 67: Webinar: Content against cancer

Research project

Core page

Page 68: Webinar: Content against cancer

Make a donationResearch project

Core page Way forward

Page 69: Webinar: Content against cancer

Make a donationIncreasing

donations and members

Research project

Core page Way forward Business objective

Page 70: Webinar: Content against cancer

Helping patients, their

family and friends

Waiting for treatment

Attend a course or group

Talk to others in the same situation

Core page Way forward Business objective

Page 71: Webinar: Content against cancer

Prevention

Increasing knowledge

about cancer and prevention

Cancer forms

Core page Way forward Business objective

Page 72: Webinar: Content against cancer

#5

Design, content and developmenthttps://kreftforeningen.no

Page 73: Webinar: Content against cancer

A human face?

Byline

Early paper sketch

Page 74: Webinar: Content against cancer

A human face?

That’s more like it!

Byline

Early paper sketch Early photoshop sketch

Page 75: Webinar: Content against cancer

Early paper sketch Early photoshop sketch HTML & CSS prototype

No “Lorem Ipsum”. We only

used actual content when

designing.

Page 76: Webinar: Content against cancer

The core Related Menu

Page 77: Webinar: Content against cancer

Symptoms

Lung cancer

Help line

Page 78: Webinar: Content against cancer

Prevention and causes

Diagnosing

Opinion

Page 79: Webinar: Content against cancer

Prevalence and survival rates

Note

Page 80: Webinar: Content against cancer

We used the core model to overcome the fact that fundraising wasn’t a top task

Page 81: Webinar: Content against cancer

The paradox of choiceThe idea that more choices actually lead to fewer actions.

Page 82: Webinar: Content against cancer

Donate now!Recurring giftSponsor a child Become a member Volunteer

Follow us on Facebook Subscribe to newsletter

Order brochure Download app

Join our #Instagram competition

Page 83: Webinar: Content against cancer

Donate now!

Recurring giftSponsor Member Volunteer

Follow on facebook Subscribe

Order Download app

Join our #instagram competition

Page 84: Webinar: Content against cancer
Page 85: Webinar: Content against cancer
Page 86: Webinar: Content against cancer
Page 87: Webinar: Content against cancer

We can put forms on any page we like, they’re “portable”

Landing page Donate

Facebook

Direct mail Ads

Cancer research

Page 88: Webinar: Content against cancer

@BeateSorum http://about.me/beatesorum

Page 89: Webinar: Content against cancer

@BeateSorum http://about.me/beatesorum

Page 90: Webinar: Content against cancer

#6

Governance

Page 91: Webinar: Content against cancer

Web editor

Page 92: Webinar: Content against cancer

Web editor

Cancer Research Prevention RightsFundraising

Page 93: Webinar: Content against cancer

Web editor

Cancer Research Prevention RightsFundraising

Page 94: Webinar: Content against cancer

The editors • Signed mandate from management

• Overview of all content• Knows user tasks and goals• Working collaboratively

and interdisciplinary• Editors know their field

and know how to write• The departments no longer

own the content - they’re sources

Thanks to a lot of

lobbying by @EirikHafver

Page 95: Webinar: Content against cancer

A cultural change in how we treat our content

Page 96: Webinar: Content against cancer

– We have five questions that we use to find out whether new content should be added to the website or not.Marte GråbergWebeditor of kreftforeningen.no

Page 97: Webinar: Content against cancer

1. Who’s the target audience?2. Does this content cover

some need or task for this target audience? Which?

3. Does this content cover a strategic goal for The Cancer Society? Which?

4. Describe how you imagine this content will be found and used by the user

5. Why is the website the right channel for this content?

5 questions The Cancer Society ask about (new) content

Page 98: Webinar: Content against cancer

Top user tasksThis part of the home page has not changed since launch

Page 99: Webinar: Content against cancer

Dynamic contentAt the bottom of the home page, the Cancer Society can highlight current events

Page 100: Webinar: Content against cancer

Results

Page 101: Webinar: Content against cancer
Page 102: Webinar: Content against cancer

+20 %

Page 103: Webinar: Content against cancer

– More people than earlier contact the cancer line, but now they’re more informed when they contact usAnine Wiig DagestadWeb editor and cancer nurse

Page 104: Webinar: Content against cancer

0

10

20

30

40

2010 2011 2012 2013 (so far)

“Source: Cancer society”

Page 105: Webinar: Content against cancer

When Norway’s biggest newspaper needs to explain what NETcancer is...

VG.no links to NCS

April May June July August September October

Page 106: Webinar: Content against cancer

– We’re seeing more press with basic “cut and paste” from our pages, especially on preventionMarte Gråberg / @MarteGrabergWebeditor of kreftforeningen.no

Page 107: Webinar: Content against cancer
Page 108: Webinar: Content against cancer
Page 109: Webinar: Content against cancer

Monthly donations

+88 %

One time donations

+70 %

Donations total

+73 %

Page 110: Webinar: Content against cancer

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

2012 sep 2012 okt 2012 nov 2012 des 2013 jan 2013 feb 2013 mar 2013 apr 2013 mai 2013 jun 2013 jul 2013 aug 2013 sep

250 kr500 kr

Page 111: Webinar: Content against cancer

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

2012 sep 2012 okt 2012 nov 2012 des 2013 jan 2013 feb 2013 mar 2013 apr 2013 mai 2013 jun 2013 jul 2013 aug 2013 sep

250 kr500 kr

Default changed from 250 kr to 500 kr

Page 112: Webinar: Content against cancer

New members

+164 %

Page 113: Webinar: Content against cancer

– Before, people had responsibility for their area and worked solely with that.We’re working differently... Marte Gråberg / @MarteGrabergWebeditor of kreftforeningen.no

Page 114: Webinar: Content against cancer

...with our content now than how we used to. We’re doing more work together.

Marte Gråberg / @MarteGrabergWebeditor of kreftforeningen.no

Page 115: Webinar: Content against cancer

Questions?@idaAa or [email protected]@BeateSorum or [email protected]

@ThordFoss Graphic Designer@EirikHafver Content Strategist@WilhelmJA Frontend Developer@MarteGraberg Web Editor@SolheimSlind Web Master

Page 116: Webinar: Content against cancer

Thank you!

Ida Aalen @idaAaSenior interaction designer, Netlife Research

Beate Sørum @BeateSorumDigital fundraising, The Norwegian Cancer Society