ws core model sep 11 2014

108
Print material

Upload: are-halland

Post on 21-Jun-2015

608 views

Category:

Health & Medicine


3 download

TRANSCRIPT

Page 1: Ws core model sep 11 2014

Print material

Page 2: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Goal (achieve at least one) User task

What keywords do users search for on Google to get here?

What other sites and pages should link to this one?

What other sources, digital or analog should lead to this page?

How can social media help driving traffic to this page?

Primary, prioritized scenario, following the primary Call to action

Secondary scenario, less important Calls to action

Other digital and analog contact points (phone, email, etc)

Leave the site

Page 3: Ws core model sep 11 2014

Inward paths Core contentWhat keywords do users search for on Google to get here?

What other sites and pages should link to this one?

What other sources, digital or analog should lead to this page?

How can social media help driving traffic to this page?

Core page:

Goal (achieve at least one) User task

Page 4: Ws core model sep 11 2014

6-up

Page 5: Ws core model sep 11 2014

1-up

Page 6: Ws core model sep 11 2014

The Core Model:Designing for Top tasks from the inside and out

Are Gjertin Urkegjerde HallandJune 16th

Page 7: Ws core model sep 11 2014

About me• Senior information architect

with 18 years experience• Developed the Core Model

in 2006

Page 8: Ws core model sep 11 2014

Netlife Research• Norways premiere user experience agency• User research, strategy, content, design• Customer Carewords partner• Uses the Core Model actively in projects

Page 9: Ws core model sep 11 2014

Agenda• Core model thinking and design for top tasks 1400-1420• Prioritizing Cores by business goals and user tasks 1420-1445• Inward paths and content navigation 1445-1500• Forward paths and business goals 1500-1515• Content based gradual redesigns 1515-1530• Governance and continuos maintenance 1530-1545• Summary and questions 1545-1600

Page 10: Ws core model sep 11 2014

Core model thinkingA different approach to website design

Page 11: Ws core model sep 11 2014

The traditional approach to making

websites.

Frontpage

Page 12: Ws core model sep 11 2014

Over time more and more content is

added.

Page 13: Ws core model sep 11 2014

But the user have only one task to

fulfill.

Page 14: Ws core model sep 11 2014

99% of your website is irrelevant for this

user.

Page 15: Ws core model sep 11 2014

The other pages are hindering the user in finding the

page that he wants.

Page 16: Ws core model sep 11 2014

We need to focus our attention on where the user wants to be.

Page 17: Ws core model sep 11 2014

The Core

The optimal information unit ...

... and at least one business goal ...

... that fullfils a defined user task ...

... at the same time.

Page 18: Ws core model sep 11 2014

Businessgoals

Usertasks

Core pages

Page 19: Ws core model sep 11 2014

The Core

Core: Product page

Page 20: Ws core model sep 11 2014

Product pageLoan calculatorContact page

Or something completely else

Core page:Loan calculator

Sparebanken Sogn og Fjordane

«Apply for a loan»«See repayment plan»

Page 21: Ws core model sep 11 2014

Or something completely else

Core:External page

Wikipedia page about «brominated flame retardants»

Page 22: Ws core model sep 11 2014

Core:Process with steps

The Norwegian Tax Administration (Google translation)

Page 23: Ws core model sep 11 2014

City of Oslo, beta site

Core:Self service

Page 24: Ws core model sep 11 2014

Core process

Core process:As simple as

possible

Page 25: Ws core model sep 11 2014

Product pageLoan calculatorContact page

Or something completely else

Core:Cancer type

Page 26: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Business goals User task

Page 27: Ws core model sep 11 2014

Prioritizing the Cores Use business goals and user tasks to find out where to start

Page 28: Ws core model sep 11 2014

The typical process

User task analysis

Business goals analysis

Core Model ProcessConcept, content,

design and development

Page 29: Ws core model sep 11 2014

Case

Page 30: Ws core model sep 11 2014

What NCS does:• Funds cancer research• Cancer care• Cancer prevention• Advocacy• Information• Fights cancer on a global scale

Page 31: Ws core model sep 11 2014

Online however...• 5000 pages of overlapping content with very few links• Content was accurate, but didn’t address key user needs• Difficult to navigate and not prioritized

Page 32: Ws core model sep 11 2014

How did it happen?• 40-45 people had access• Departments were in charge of their own sections• Limited centralized supervision • 6 year old website with a rigid information architecture

Page 33: Ws core model sep 11 2014

Goals

Business goals

• Reducing the number of people who develop cancer

• Increasing cancer survival rates

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

Online objectives1. 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 34: Ws core model sep 11 2014
Page 35: Ws core model sep 11 2014

User research at the NCS

• Focus groups with patients and next of kin

• Surveys of The Cancer Society’s reputation

• Web Analytics• Interviews with 10

stakeholders and 10 potential users

• Top task survey

Page 36: Ws core model sep 11 2014

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

1385 participants chose between 79 different tasks.

Page 37: Ws core model sep 11 2014

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 38: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Business goal(s) User task(s)

Helping patients and their friends and family Treatment

Lung cancer

Increasing knowledge about cancer SymptomsPreventionResearch

Page 39: Ws core model sep 11 2014

Inward paths Forward paths

Core content

Core page:

Business goal(s) User task(s)

Find and apply for a grant

Research grant

Attract the best applications/projects

Page 40: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Business goal(s) User task(s)

Reduce cost by self service Find and apply for kinder garten

Kinder garten

Page 41: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Business goal(s) User task(s)

<The EU commision goals thatcan be achieved through this page>

<Top user task(s) or questions that this page answers>

<Your page>

Let’s try it outFill out the part of the core sheet in front of you and apply it to the page you brought.Use 3 minutes on your own.

If you didn’t bring a page or wireframe - think of a page or task you work with.If you don’t know your goals and user tasks - try to guess.If you can not tie a business goal and a user top task to the page - try another page.

Page 42: Ws core model sep 11 2014

Inward pathsA different perspective on navigation

Page 43: Ws core model sep 11 2014

Is this really your frontpage?

Page 44: Ws core model sep 11 2014

This is your users frontpage

Page 45: Ws core model sep 11 2014

This is your frontpage.

Googled «lung cancer»Googled «mcgovern long neck»Googled «eu research funding»Googled «top task trigger word»

Page 46: Ws core model sep 11 2014

Inward paths to the Cancer Society

2 %12 %

11 %

76 %SearchReferralsDirect trafficCampaigns

Page 47: Ws core model sep 11 2014

Googlesearch

Links from other sites

Social media

Frontpage and menus

The Core

Inward paths to the Core

Page 48: Ws core model sep 11 2014

Toppmeny

Venstre-meny

Se også

Flere lenker

Flere tjenester

Navigasjonssti

Are we creating navigation overload?

Page 49: Ws core model sep 11 2014

Research shows that users focus on

content, not navigation

Page 50: Ws core model sep 11 2014

Telenor got rid of top and le menus, and made content based navigation

Page 51: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Goal (achieve at least one) User task

What keywords do users search for on Google to get here?

What other sites and pages should link to this one?

What other sources, digital or analog should lead to this page?

How can social media help driving traffic to this page?

Primary, prioritized scenario, following the primary Call to action

Secondary scenario, less important Calls to action

Other digital and analog contact points (phone, email, etc)

Leave the site

Let’s try itFill out the part of the core sheet in front of you and apply it to the page you brought.

Use 3 minutes on your own.

What do people search for?How can social media help driving traffic to this page? What other sites and pages should link to this one?What other sources, digital or analog should lead to this page?

Page 52: Ws core model sep 11 2014

Forward pathsHow to reach your strategic goals when your users are not so interested

Page 53: Ws core model sep 11 2014

Businessgoals

Usertasks

Core pages

Page 54: Ws core model sep 11 2014

User task: Calculate interest rates to compare

mortgage offerings

«Apply for a loan»«See repayment plan»

Strategic goal:Increase number

of mortgage customers

Page 55: Ws core model sep 11 2014

ex. contact

Forward paths needs to be placed in the right context

Page 56: Ws core model sep 11 2014

Prioritized links to relevant pages in context is a better alternative to news on the frontpage.

Page 57: Ws core model sep 11 2014

Forward path - the NCS’s opinion

Page 58: Ws core model sep 11 2014

Forward path - links to research and treatment

Page 59: Ws core model sep 11 2014
Page 60: Ws core model sep 11 2014

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%

Case NCS:6 out of 79 tasks got 25% of the

votes

Page 61: Ws core model sep 11 2014

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 62: Ws core model sep 11 2014

The challengeUser looked for content that supported goals 1 & 2:

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

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

• Increased self-service• Increasing donations and members

Page 63: Ws core model sep 11 2014

Make a donationIncreasing

donations and members

Research project

Core page Forward path Business objective

Page 64: Ws core model sep 11 2014

Donate now!Recurring giSponsor a childBecome a member

Volunteer

Follow us on Facebook Subscribe to newsletter

Order brochure Download app

Join our #Instagram competition

The Paradox of Choice

Page 65: Ws core model sep 11 2014

Donate now!

Recurring giSponsor Member Volunteer

Follow on facebook Subscribe

Order Download app

Join our #instagram competition

The Paradox of Choice

Page 66: Ws core model sep 11 2014

Buy

Donate

Contact

Share

Forward paths from the Core

The Core

Page 67: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Goal (achieve at least one) User task

What keywords do users search for on Google to get here?

What other sites and pages should link to this one?

What other sources, digital or analog should lead to this page?

How can social media help driving traffic to this page?

Primary, prioritized scenario, following the primary Call to action

Secondary scenario, less important Calls to action

Other digital and analog contact points (phone, email, etc)

Leave the site

Let’s try itFill out the part of the core sheet in front of you and apply it to the page you brought.

Use 3 minutes on your own.

Primary, prioritized scenario, following the primary Call to actionSecondary scenario, less important Calls to actionOther digital and analog contact points (phone, email, etc)points (phone, email, etc) points (phone, email, etc)

Page 68: Ws core model sep 11 2014

Core based redesignContinuos development and improvement of core pages in stead of big bang redesigns

Page 69: Ws core model sep 11 2014
Page 70: Ws core model sep 11 2014
Page 71: Ws core model sep 11 2014

Core clusters

Page 72: Ws core model sep 11 2014

Old and new in parallell

Page 73: Ws core model sep 11 2014

Continous maintenance Governance should focus on improving core pages

Page 74: Ws core model sep 11 2014

Gerry-slide

Page 75: Ws core model sep 11 2014

Web editor

Cancer Research Prevention RightsFundraising

Thanks to a lot of lobbying by @EirikHafver

Page 76: Ws core model sep 11 2014

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

• Working collaboratively and interdisciplinarily

Page 77: Ws core model sep 11 2014

Web master

Web editor

Cancer research

RightsPrevention

Weekly 2 hour

meetings

Page 78: Ws core model sep 11 2014

Web masterWeb editor

Cancer research

Analytics on the

agenda every week

Page 79: Ws core model sep 11 2014

Web master Web editor

Cancer research

Discussions & decisions, not writing

All content is revised at

least every 3 months

Page 80: Ws core model sep 11 2014

• 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?

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

5 questions the NCS asks about content

Page 81: Ws core model sep 11 2014

Pre-qualification of new content

Page 82: Ws core model sep 11 2014

Core model workshop

Page 83: Ws core model sep 11 2014

Typical process

User task analysis

Business goals analysis

Core model workshop

Concept and design

Page 84: Ws core model sep 11 2014

Full day workshop with

all involved

Page 85: Ws core model sep 11 2014

Inward paths Forward pathsCore contents

Core page:

Business goals (achieve at least one) User tasks

Basic template (A3 prints)

Page 86: Ws core model sep 11 2014

Inward paths Forward pathsCore contents

Core page:

Business goals (achieve at least one) User tasks

What’s the optimal solution, for the user and

for us?

Page 87: Ws core model sep 11 2014

Core model workshop• Introduction to core model thinking• Prioritize core pages based on user tasks and business goals

with notes on the wall• Brainstorm approaches to solving core problems with 6-up or

other brainstorming techniques• Detail solution in content driven design with 1-up/google docs• Prioritize content with mobile first template• Discuss inward and forward paths

Page 88: Ws core model sep 11 2014

Core model workshop• Introduction to core model thinking• Prioritize core pages based on user tasks and business

goals with notes on the wall• Brainstorm approaches to solving core problems with 6-up or

other brainstorming techniques• Detail solution in content driven design with 1-up/google docs• Prioritize content with mobile first template• Discuss inward and forward paths

Page 89: Ws core model sep 11 2014

Goal 1 Goal 2 Goal 3

Task 2 Task 1

Task 5Task 4

Task 9

Task 7

Page 90: Ws core model sep 11 2014

Core model workshop• Introduction to core model thinking• Prioritize core pages based on user tasks and business goals

with notes on the wall• Brainstorm approaches to solving core problems with

6-up or other brainstorming techniques• Detail solution in content driven design with 1-up/google docs• Prioritize content with mobile first template• Discuss inward and forward paths

Page 91: Ws core model sep 11 2014

6-up idea generation

Page 92: Ws core model sep 11 2014

Core model workshop• Introduction to core model thinking• Prioritize core pages based on user tasks and business goals with

notes on the wall• Brainstorm approaches to solving core problems with 6-up or

other brainstorming techniques• Detail solution in content driven design with 1-up/

google docs• Prioritize content with mobile first template• Discuss inward and forward paths

Page 93: Ws core model sep 11 2014

1-up idea detailing

Page 94: Ws core model sep 11 2014

Core model workshop• Introduction to core model thinking• Prioritize core pages based on user tasks and business goals

with notes on the wall• Brainstorm approaches to solving core problems with 6-up or

other brainstorming techniques• Detail solution in content driven design with 1-up/google docs• Prioritize content with mobile first template• Discuss inward and forward paths

Page 95: Ws core model sep 11 2014

Inward paths Forward pathsCore contents

Core page:

Business goals (achieve at least one) User tasksFor prioritizing

elements (mobile first approach)

Page 96: Ws core model sep 11 2014

TITTEL

123

Page 97: Ws core model sep 11 2014

Keeping priorities from small screens pays off

Page 98: Ws core model sep 11 2014

Unique visitors

2010 2011 20142013

Launch

2012

Page 99: Ws core model sep 11 2014
Page 100: Ws core model sep 11 2014

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

Page 101: Ws core model sep 11 2014

2006 2007 2008 2009 2010 2011 2012 2013

Cancer line conversations +40%

Launch

Page 102: Ws core model sep 11 2014

Monthly donors

+288%

One time donations

+198%

Monthly donors sum

+382%

Page 103: Ws core model sep 11 2014

Members

+107%

Page 104: Ws core model sep 11 2014

Annual value of monthly donors online

2011 2012 2013 2014 (march)

Launch

Page 105: Ws core model sep 11 2014

Summary

Page 106: Ws core model sep 11 2014

Inward paths Forward pathsCore content

Core page:

Goal (achieve at least one) User task

What keywords do users search for on Google to get here?

What other sites and pages should link to this one?

What other sources, digital or analog should lead to this page?

How can social media help driving traffic to this page?

Primary, prioritized scenario, following the primary Call to action

Secondary scenario, less important Calls to action

Other digital and analog contact points (phone, email, etc)

Leave the site

Page 107: Ws core model sep 11 2014

How to use it• Thinking tool• Prioritization tool• Communication tool

Design for top tasks from the inside and out

Page 108: Ws core model sep 11 2014

Questions or comments?