core model workshop at confab intensive 2015

125
The Core Model: Getting to business while making friends Ida Aalen @idaaa Audun Rundberg @audunru Confab Intensive 2015

Upload: ida-aalen

Post on 15-Jan-2017

1.510 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Core model workshop at Confab Intensive 2015

The Core Model: Getting to business while making friends

Ida Aalen @idaaa Audun Rundberg @audunru Confab Intensive 2015

Page 2: Core model workshop at Confab Intensive 2015

Confab Intensive

Oslo, Norway

Page 3: Core model workshop at Confab Intensive 2015

Ida Aalen

@idaaa

UX Designer

Audun Rundberg

@audunru

Content Strategist

#ConfabINT

How come our annual report isn’t on

the home page?

Why isn’t my department in the

main menu?

We need a button on the home page

that takes you to our Facebook profile.

I need a banner for our latest

product launch.

Somebody called me last week and

couldn’t find vacant positions!

You should make more

room for news.

I don’t like purple!!

My son could have made a

better website.

Page 4: Core model workshop at Confab Intensive 2015
Page 5: Core model workshop at Confab Intensive 2015
Page 6: Core model workshop at Confab Intensive 2015

Multinational telecommunications company

Non-governmental organizationScandinavian

construction company

Non-governmental organization

Page 7: Core model workshop at Confab Intensive 2015

Agenda

09.00 The Core Model

09.45 Get down to business (and make friends)

12.00 Finished

Page 8: Core model workshop at Confab Intensive 2015

Say hello! • What’s your name? • Where do you work? • Pair up! • (Or ‘three’ up if you can’t make pairs)

Page 9: Core model workshop at Confab Intensive 2015

Make cores - not wars

Page 10: Core model workshop at Confab Intensive 2015

Home page

Page 11: Core model workshop at Confab Intensive 2015

Googled

Clicked a link on Facebook

Many users will never see

any other page

Page 12: Core model workshop at Confab Intensive 2015

Businessgoals

Usertasks

Cores

Forward paths

Page 13: Core model workshop at Confab Intensive 2015

The Core Model • The Core is where your users solve

their tasks and you reach yourobjectives

• Paths, not hierarchy • No dead ends

@AreGH

Page 14: Core model workshop at Confab Intensive 2015

@AreGH

Page 15: Core model workshop at Confab Intensive 2015
Page 16: Core model workshop at Confab Intensive 2015
Page 17: Core model workshop at Confab Intensive 2015

Do your user research

Page 18: Core model workshop at Confab Intensive 2015

...and establishobjectives!

Page 19: Core model workshop at Confab Intensive 2015

What you need • Handouts with the core model (A3) • Handouts with objectives and user needs • Markers and post-its • Room with a projector • 3-4 hours per workshop • 1-3 participants from the digital/web team • 6-14 stakeholders/people from the client • Snacks and lots of coffee!

Page 20: Core model workshop at Confab Intensive 2015

6–14 participants No web, design or content skills necessary!

• facilitator (you!) • your team: design, UX, content, etc • people with expert knowledge • content owners • people who should be collaborating, but aren’t • people with strong opinions about the website

Page 21: Core model workshop at Confab Intensive 2015

Core workshop

People work in pairs,and present their workafter each step

1. Identify core pages 2. Inward paths 3. Core content 4. Forward paths 5. Prioritizing core elements

Page 22: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Page 23: Core model workshop at Confab Intensive 2015
Page 24: Core model workshop at Confab Intensive 2015

Socionom

LawyerCancer nurse

Design

Research

Cancer care

Prevention

Web editor

Fundraiser

Page 25: Core model workshop at Confab Intensive 2015

Step #1

Identify your core pages This is done by matching business goals and user needs

Page 26: Core model workshop at Confab Intensive 2015

The Norwegian Cancer Society’s goals1. Helping patients and their friends and family 2. Increasing knowledge about cancer and prevention 3. Increasing online self-service 4. Strengthening our position and increasing donations

Page 27: Core model workshop at Confab Intensive 2015

Top task survey

«If you’re visiting The Cancer Society’s website, which five tasks are the most important to you?»

Page 28: Core model workshop at Confab Intensive 2015

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%

1) Helping patients and their friends & family

1) Helping patients and their friends & family

1) Helping patients and their friends & family

2) Increasing knowledge about cancer and prevention

2) Increasing knowledge about cancer and prevention

2) Increasing knowledge about cancer and prevention

2) Increasing knowledge about cancer and prevention

1) Helping patients and their friends & family

1) Helping patients and their friends & family

2) Increasing knowledge about cancer and prevention

6 out of 79 tasks got 25% of the

votes

Page 29: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Page 30: Core model workshop at Confab Intensive 2015

Step #2

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

Page 31: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

How will the user find their

way to this core page?

Page 32: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

How will the user find their

way to this core page?

Page 33: Core model workshop at Confab Intensive 2015

Step #3

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

Page 34: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

What’s the optimal

solution, for the user and for

us?

Page 35: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

What’s the optimal

solution, for the user and for

us?

Page 36: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Page 37: Core model workshop at Confab Intensive 2015

Step #4

Forward paths After the user has solved their task, where do we want to send them next?

Page 38: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

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

primary task?

Page 39: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

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

primary task?

Page 40: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Page 41: Core model workshop at Confab Intensive 2015
Page 42: Core model workshop at Confab Intensive 2015

Step #5

Prioritizing core elements How would you place these elements if you only had a mobile screen available?

Page 43: Core model workshop at Confab Intensive 2015
Page 44: Core model workshop at Confab Intensive 2015
Page 45: Core model workshop at Confab Intensive 2015

Updated template!

Page 46: Core model workshop at Confab Intensive 2015

The core is the same on all devices

Page 47: Core model workshop at Confab Intensive 2015

Example

Breast cancer

Page 48: Core model workshop at Confab Intensive 2015

Warning!

Page 49: Core model workshop at Confab Intensive 2015
Page 50: Core model workshop at Confab Intensive 2015
Page 51: Core model workshop at Confab Intensive 2015
Page 52: Core model workshop at Confab Intensive 2015
Page 53: Core model workshop at Confab Intensive 2015

Time on page

3m57s

3m48s

Page 54: Core model workshop at Confab Intensive 2015
Page 55: Core model workshop at Confab Intensive 2015
Page 56: Core model workshop at Confab Intensive 2015

– More people contact the cancer line now than before, but now they’re more informed when they contact us Anine Wiig Dagestad

Oncology nurse

Page 57: Core model workshop at Confab Intensive 2015

2006 2007 2008 2009 2010 2011 2012 2013 2014

Cancer line conversations Launch

+58%+43%

Page 58: Core model workshop at Confab Intensive 2015

Unique visitors

2010 2011 2012 2013 2014 2015

Launch

Page 59: Core model workshop at Confab Intensive 2015

Work with the core model

Page 60: Core model workshop at Confab Intensive 2015
Page 61: Core model workshop at Confab Intensive 2015

Rainforest Foundation Norway supports indigenous people and traditional populations of the world's rainforests in their efforts to protect their environment and secure their customary land rights.

Page 62: Core model workshop at Confab Intensive 2015

With our goal of preserving the rainforest, we advocate for the rights of its indigenous inhabitants.

Page 63: Core model workshop at Confab Intensive 2015

Our operations are funded by public authorities, as well as private donors and sponsors.

Page 64: Core model workshop at Confab Intensive 2015

Step #1

Identify your core pages This is done by matching business goals and user needs

Page 65: Core model workshop at Confab Intensive 2015

Business goals 1. Increase financial support

2. Engage more people in the work to protect the rainforest

3. Increase the knowledge about the rainforest and about

our work

Page 66: Core model workshop at Confab Intensive 2015

User tasks1. Find out how I as a consumer can

reduce the pressure on the rainforest 2. Learn more about the work of the

Rainforest Foundation 3. Results of the work of the Rainforest

foundation 4. Learn more about the rainforest

(including animals, plants, climate and indiginous people)

5. Find out if a product contains palm oil

6. Supporting the work of the Rainforest Foundation

7. See what threats the rainforest is facing

8. What is the current state of the rainforest?

9. Find out what kind of woods that are categorized as tropical timber

10. Become a sponsor 11. Contacting the Rainforest Foundation 12. Read the latest news/current subjects

Page 67: Core model workshop at Confab Intensive 2015

Core pages 1. Support the Rainforest Foundation

2. Threats to the rainforest

3. Palm oil

4. Our work in the Amazon

Page 68: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

Write down the goals and user

tasks for your core page

Don’t fill out the rest of the sheet

Page 69: Core model workshop at Confab Intensive 2015

Step #2

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

Page 70: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

How will the user find their way to

this core page?

Keep the user tasks in mind

7

minutes

Page 71: Core model workshop at Confab Intensive 2015

Share with your table

• Each pair tells the rest of the table what they came up with

• Steal ideas!!!

Page 72: Core model workshop at Confab Intensive 2015

Break

Page 73: Core model workshop at Confab Intensive 2015

Step #3

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

Page 74: Core model workshop at Confab Intensive 2015

Increasing sales of mobile broad band

Page 75: Core model workshop at Confab Intensive 2015

Pa

ge

vie

ws

0

10000

20000

30000

40000

1 7 13 19 25 31 37 43 49 55 61 67 73 79 85 91 97 103 109 115 121 127 133 139 145 151 157 163

Everyone agrees these pages are

important

«But my pages are important too!»

Pages (ranked)

Page 76: Core model workshop at Confab Intensive 2015

What are the different subscriptions?

What’s the price?

Coverage

My connection

isn’t working!

Page 77: Core model workshop at Confab Intensive 2015

Reorganizing the content using the

core model

Page 78: Core model workshop at Confab Intensive 2015

Why doesn’t it

work?

Coverage

What’s the price?

What are the different

subscriptions?

Page 79: Core model workshop at Confab Intensive 2015

+80%

Sales of mobile broad band

Customer support emails

Number of pages

-35%-80%

Page 80: Core model workshop at Confab Intensive 2015
Page 81: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

What’s the optimal solution, for the user and

for us?

Keep in mind your

goals and the user tasks 15

minutes

Page 82: Core model workshop at Confab Intensive 2015

Share with your table

• Each pair tells the rest of the table what they came up with

• Steal ideas!!!

Page 83: Core model workshop at Confab Intensive 2015

Step #4

Forward paths After the user has solved their task, where do we want to send them next?

Page 84: Core model workshop at Confab Intensive 2015

Example

Increasing donations

Page 85: Core model workshop at Confab Intensive 2015

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

Page 86: Core model workshop at Confab Intensive 2015

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%

Fundraising-tasks were on the bottom of

the list!

6 out of 79 tasks got 25% of the

votes

Page 87: Core model workshop at Confab Intensive 2015

Goals

1. Helping patients and their friends and family ✔ 2. Increasing knowledge about cancer and prevention ✔ 3. Increasing online self-service ✔ 4. Strengthening our position and increasing donations ✖

Page 88: Core model workshop at Confab Intensive 2015

Make a donation

Research project

User task Forward path

Increase donations

Objective

Page 89: Core model workshop at Confab Intensive 2015

Portabledonation forms!

Page 90: Core model workshop at Confab Intensive 2015
Page 91: Core model workshop at Confab Intensive 2015

Portable donation

form

Page 92: Core model workshop at Confab Intensive 2015

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

Page 93: Core model workshop at Confab Intensive 2015

Recurring donation

Make a donation

User task Forward path

Increase donations

Objective

Page 94: Core model workshop at Confab Intensive 2015
Page 95: Core model workshop at Confab Intensive 2015

Regular donors

+704%

One time donations

+602%

Regular donors sum

+847%

Page 96: Core model workshop at Confab Intensive 2015

Regular donors

x8

One time donations

x7

Regular donors sum

x9

Page 97: Core model workshop at Confab Intensive 2015

2011 2012 2013 2014

Annual income, regular donors (web)

Launch

Improved forms

Page 98: Core model workshop at Confab Intensive 2015

Example

Increasing membership

Page 99: Core model workshop at Confab Intensive 2015

How do you increase membership when the idea of membership can be frightening?

Page 100: Core model workshop at Confab Intensive 2015

Rehabilitation

IT

Fundraising

Webmaster

Member services

Page 101: Core model workshop at Confab Intensive 2015
Page 102: Core model workshop at Confab Intensive 2015
Page 103: Core model workshop at Confab Intensive 2015
Page 104: Core model workshop at Confab Intensive 2015

Call us for advice

Living with loss of vision

User task Forward path

Increase member-

ship

Objective

Page 105: Core model workshop at Confab Intensive 2015

Inward paths Forward pathsCore content

Core page:

Business goals (achieve at least one) User tasks

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

task?

Keep your goals in mind

7

minutes

Page 106: Core model workshop at Confab Intensive 2015

Share with your table

• Each pair tells the rest of the table what they came up with

• Steal ideas!!!

Page 107: Core model workshop at Confab Intensive 2015

Step #5

Prioritizing core elements How would you place these elements if you only had a mobile screen available?

Page 108: Core model workshop at Confab Intensive 2015

Prioritizingcore elements Inward paths

Core contents & forward paths

Core page:

Business goals (achieve at least one) User tasks

Page 109: Core model workshop at Confab Intensive 2015

Share with your table

• Each pair tells the rest of the table what they came up with

• Steal ideas!!!

Page 110: Core model workshop at Confab Intensive 2015

Example

From workshop to website

Page 111: Core model workshop at Confab Intensive 2015

How do you get from core pages to design and content creation?

Page 112: Core model workshop at Confab Intensive 2015
Page 113: Core model workshop at Confab Intensive 2015
Page 114: Core model workshop at Confab Intensive 2015

Core page

Page 115: Core model workshop at Confab Intensive 2015

Transport page

Page 116: Core model workshop at Confab Intensive 2015

Example

Gaining leads for construction projects

Page 117: Core model workshop at Confab Intensive 2015

Add to cart

1

Bridge (18.000 tonnes)

Portable“buy a bridge”

forms!

Page 118: Core model workshop at Confab Intensive 2015

Contact project

manager

Key people in projects

User task Forward path

Increase project leads

Objective

Page 119: Core model workshop at Confab Intensive 2015
Page 120: Core model workshop at Confab Intensive 2015

Web manager

East

Web manager

East

North

South

West

Page 121: Core model workshop at Confab Intensive 2015

Each pair writes their text in

Google Docs

Page 122: Core model workshop at Confab Intensive 2015
Page 123: Core model workshop at Confab Intensive 2015

Did you notice we never showed you the home pages?

Page 124: Core model workshop at Confab Intensive 2015

Takeaways • Objectives and user tasks first • Start with the core • Get rid of dead ends • Be creative about your forward

paths • Home page last, not first

Page 125: Core model workshop at Confab Intensive 2015

Ida Aalen / @idaaa

[email protected]

Audun Rundberg / @audunru

[email protected]

Thank you!