Content against cancer and the core model at EuroIA2014 in Brussels

Content Against CancerUsing the Core Model to Reach Your Objectives

Ida Aalen / @idaAaEuroIASeptember 25th, 2014

Ida AalenSenior UX designer,Netlife Research

@idaAa #euroIA


@idaAa #euroIAHow come our annual

report isn’t on the home

page?




page?

Why isn’ t my

department in the main

menu?




page?

Why isn’ t my


menu?

We need a button on the

home page that takes you to our

Facebook profile.




page?

Why isn’ t my


menu?



Facebook profile.

I need a banner for our latest product

launch.




page?

Why isn’ t my


menu?



Facebook profile.


launch.

Somebody called me last

week and couldn’t find vacant positions!




page?

Why isn’ t my


menu?



Facebook profile.


launch.



Our competitors

have videos on their website.

We should too.




page?

Why isn’ t my


menu?



Facebook profile.


launch.



Our competitors


We should too.

You should

make more room for

news.




page?

Why isn’ t my


menu?



Facebook profile.


launch.



Our competitors


We should too.

You should

make more room for

news.

I don’t like purple!!




page?

Why isn’ t my


menu?



Facebook profile.


launch.



Our competitors


We should too.

You should

make more room for

news.

I don’t like purple!!

My son could have

made a better website.

Yeswe

can!

Don’t do anything without knowing objectives &user needs ;)

Where to begin?

Home page

Home page

Home page

Home page

Home page

Home page

Home page

Many users will never see

any other page


any other page

Googled «lung cancer»


any other page

Googled «lung cancer»

Saw a link on Facebook about cancer research


any other page

Businessgoals

Usertasks

Businessgoals

Usertasks

Businessgoals

Usertasks

Businessgoals

Usertasks

Businessgoals

Usertasks

Businessgoals

Usertasks

“Lung cancer”

Businessgoals

Usertasks

Core pages

“Lung cancer”

Businessgoals

Usertasks

Core pages

“Lung cancer”“Donate”

Businessgoals

Usertasks

Core pages

“Lung cancer”“Donate”

The Core Model

@AreGH

The Core Model• Core pages is where your users solve

their task and you reach yourobjectives

@AreGH



• Paths, not hierarchy

@AreGH



• Paths, not hierarchy• No blind alleys

@AreGH

Using the core model on your team or with your clients

Lawyer

Prevention

Web editor

Design

SocionomResearch

Cancer nurse

Fundraiser

Cancer care

“We need your help to make sure we build the website you and your users need”

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Identify your core pagesThis is done by matching business goals and user needs.

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

1000+ participants chose between 79 different tasks.

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Patient rights

Next of kin advice

Waiting times

Dietary prevention

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

Top 25%

6 out of 79 tasks got 25% of the

votes


Core page:



Core page:



Core page:



Core page:



Core page:



Core page:



Core page:



Core page:


Inward pathsHow will the user get here? How will they find this content?


Core page:


How will the user find

its way to this core page?


Core page:





Core page:





Core page:





Core page:





Core page:




Core contentWhat content elements do we need to make sure the user solves their task (while respecting our objectives)


Core page:


What’s the optimal solution, for the user and

for us?


Core page:


What’s the optimal solution, for the user and

for us?


Core page:



Core page:



Core page:



Core page:



Core page:


Outward pathsAfter the user has solved their task, where do we want to send them next?


Core page:


Where should we send the user, after they’ve solved their primary

task?


Core page:



task?


Core page:



task?


Core page:



task?


Core page:



task?


Core page:



task?


Core page:



task?


Core page:


Using mobile to prioritizeHow would you place these elements if you only had a mobile screen available?

Inward paths Core contents & forward paths

Core page:

Business goals (achieve at least one) User tasksIf you had a small screen, how would you

prioritize these elements?

Inward paths Core contents & forward paths

Core page:


The core is the same on all devices

Early paper sketch Early photoshop sketch HTML & CSS prototype

No “Lorem Ipsum”. We only

used actual content when

designing.

Example

Breast cancer

Time on page

Time on page

3:573:48

Example

Donations

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Patient rights

Next of kin advice

Waiting times

Dietary prevention

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

Top 25%


votes

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Donate

Volunteer

Memory gift

Legacy gift

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

Top 25%


votes

Fundraising was at the bottom...

Research project

Core page

Make a donation

Research project

Core page Outward path

Portabledonation forms!

Treatment of cancer

Symptoms of cancer

Preventing cancer

Cancer types

Latest research

Choosing a hospital

Donate

Volunteer

Memory gift

Legacy gift

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

Top 25%

But some

people are actually

coming to donate

Donation

User task

Recurring donation

Donation

User task Forward path

But... Does it work?

Unique visitors

2010 2011 201420132012

Unique visitors

2010 2011 20142013

Launch

2012

– More people contact the cancer line now than before, but now they’re more informed when they contact usAnine Wiig DagestadOncology nurse

2006 2007 2008 2009 2010 2011 2012 2013

Cancer line conversations

2006 2007 2008 2009 2010 2011 2012 2013

Cancer line conversations +40%

Launch

TITTEL

123

ACTION

Player 1: WilhelmLines: 4Points: 2367

Player 1: WilhelmLines: 4Points: 2367

Keeping priorities from small screens pays off

One time donations

+198%

Regular donors

+288%

One time donations

+198%

Regular donors

+288%

One time donations

+198%

Regular donors sum

+382%

Regular donors

x4

One time donations

x3

Regular donors sum

x5

Members

+107%

Members

x2

2011 2012 2013 2014 (by august)

Annual income, regular donors (web)

2011 2012 2013 2014 (by august)


2011 2012 2013 2014 (by august)


Launch

2011 2012 2013 2014 (by august)


Launch

2011 2012 2013 2014 (by august)


Launch

Christmas campaign

Christmas campaign

15%

Christmas campaign

15% 17%

Christmas campaign

15% 17%

10%

Governance

Web editor

Thanks to a lot of lobbying by @EirikHafver

Web editor

Cancer


Web editor

Cancer Fundraising


Web editor

Cancer ResearchFundraising


Web editor

Cancer Research PreventionFundraising


Web editor

Cancer Research Prevention RightsFundraising


Web editor

Cancer Research Prevention RightsFundraising


The editors

The editors • Signed mandate from management


• In charge of all content and development



• Overview of user tasks and goals




• Editors know their field and how to write and




• Editors know their field and how to write and

• Working collaboratively and interdisciplinarily

Web master

Web editor

Cancer research

RightsPrevention

Weekly 2 hour

meetings

Web masterWeb editor

Cancer research

Analytics on the

agenda every week

Web master Web editor

Cancer research

Discussions & decisions, not writing

All content is revised at

least every 3 months

5 questions the NCS asks about content

• Who’s the target audience?5 questions

the NCS asks about content

• Who’s the target audience?

• Which target audience need or task does this content cover?




• Which NCS objective does the content cover?





• How will this content be found and used by the user?





• How will this content be found and used by the user?

• Why is the website the right channel for this content?


Did you notice I never showed you the home page?

Top user tasks

Top user tasks

This part of the homepage has not changed since launch

Dynamic content

Dynamic content

At the bottom of the homepage, the Cancer Society can highlight current events

Questions?@idaAa or [email protected]

bit.ly/core-euroia

mailto:[email protected]


Thank you!@idaAa or [email protected]

bit.ly/core-euroia

