core model workshop

106
The Core Model: Designing for Top tasks from the inside and out Are Gjertin Urkegjerde Halland June 17 th

Upload: are-halland

Post on 27-Jan-2015

107 views

Category:

Design


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Core Model Workshop

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

Are Gjertin Urkegjerde HallandJune 17th

Page 2: Core Model Workshop

About me• Senior information architect

with 18 years experience• Developed the Core Model

in 2006

Page 3: Core Model Workshop

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

Page 4: Core Model Workshop

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 5: Core Model Workshop

Core model thinkingA different approach to website design

Page 6: Core Model Workshop

The traditional approach to making

websites.

Frontpage

Page 7: Core Model Workshop

Over time more and more content is

added.

Page 8: Core Model Workshop

But the user have only one task to

fulfill.

Page 9: Core Model Workshop

99% of your website is irrelevant for this

user.

Page 10: Core Model Workshop

The other pages are hindering the user in finding the

page that he wants.

Page 11: Core Model Workshop

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

Page 12: Core Model Workshop

The Core

The optimal information unit ...

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

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

... at the same time.

Page 13: Core Model Workshop

Businessgoals

Usertasks

Core pages

Page 14: Core Model Workshop

The Core

Core: Product page

Page 15: Core Model Workshop

Product pageLoan calculatorContact page

Or something completely else

Core page:Loan calculator

Sparebanken Sogn og Fjordane

«Apply for a loan»«See repayment plan»

Page 16: Core Model Workshop

Or something completely else

Core:External page

Wikipedia page about «brominated flame retardants»

Page 17: Core Model Workshop

Core:Process with steps

The Norwegian Tax Administration (Google translation)

Page 18: Core Model Workshop

City of Oslo, beta site

Core:Self service

Page 19: Core Model Workshop

Core process

Core process:As simple as

possible

Page 20: Core Model Workshop

Product pageLoan calculatorContact page

Or something completely else

Core:Cancer type

Page 21: Core Model Workshop

Inward paths Forward pathsCore content

Core page:

Business goals User task

Page 22: Core Model Workshop

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

Page 23: Core Model Workshop

The typical process

User task analysis

Business goals analysis

Core Model ProcessConcept, content,

design and development

Page 24: Core Model Workshop

Case

Page 25: Core Model Workshop

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

Page 26: Core Model Workshop

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 27: Core Model Workshop

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 28: Core Model Workshop

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 29: Core Model Workshop
Page 30: Core Model Workshop

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 31: Core Model Workshop

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 32: Core Model Workshop

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 33: Core Model Workshop

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 34: Core Model Workshop

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 35: Core Model Workshop

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 36: Core Model Workshop

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 37: Core Model Workshop

Inward pathsA different perspective on navigation

Page 38: Core Model Workshop

Is this really your frontpage?

Page 39: Core Model Workshop

This is your users frontpage

Page 40: Core Model Workshop

This is your frontpage.

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

Page 41: Core Model Workshop

Inward paths to the Cancer Society

2 %12 %

11 %

76 %SearchReferralsDirect trafficCampaigns

Page 42: Core Model Workshop

Googlesearch

Links from other sites

Social media

Frontpage and menus

The Core

Inward paths to the Core

Page 43: Core Model Workshop

Toppmeny

Venstre-meny

Se også

Flere lenker

Flere tjenester

Navigasjonssti

Are we creating navigation overload?

Page 44: Core Model Workshop

Research shows that users focus on

content, not navigation

Page 45: Core Model Workshop

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

Page 46: Core Model Workshop

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 47: Core Model Workshop

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

Page 48: Core Model Workshop

Businessgoals

Usertasks

Core pages

Page 49: Core Model Workshop

User task: Calculate interest rates to compare

mortgage offerings

«Apply for a loan»«See repayment plan»

Strategic goal:Increase number

of mortgage customers

Page 50: Core Model Workshop

ex. contact

Forward paths needs to be placed in the right context

Page 51: Core Model Workshop

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

Page 52: Core Model Workshop

Forward path - the NCS’s opinion

Page 53: Core Model Workshop

Forward path - links to research and treatment

Page 54: Core Model Workshop
Page 55: Core Model Workshop

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 56: Core Model Workshop

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 57: Core Model Workshop

Make a donationIncreasing

donations and members

Research project

Core page Forward path Business objective

Page 58: Core Model Workshop

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 59: Core Model Workshop

Donate now!

Recurring giSponsor Member Volunteer

Follow on facebook Subscribe

Order Download app

Join our #instagram competition

The Paradox of Choice

Page 60: Core Model Workshop

Buy

Donate

Contact

Share

Forward paths from the Core

The Core

Page 61: Core Model Workshop

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 62: Core Model Workshop

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

Page 63: Core Model Workshop
Page 64: Core Model Workshop
Page 65: Core Model Workshop

Core clusters

Page 66: Core Model Workshop

Old and new in parallell

Page 67: Core Model Workshop

Continous maintenance Governance should focus on improving core pages

Page 68: Core Model Workshop

Web editor

Cancer Research Prevention RightsFundraising

Page 69: Core Model Workshop

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 70: Core Model Workshop

Web master

Web editor

Cancer research

RightsPrevention

Weekly 2 hour

meetings

Page 71: Core Model Workshop

Web masterWeb editor

Cancer research

Analytics on the

agenda every week

Page 72: Core Model Workshop

Web master Web editor

Cancer research

Discussions & decisions, not writing

All content is revised at

least every 3 months

Page 73: Core Model Workshop

• 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 74: Core Model Workshop

Pre-qualification of new content

Page 75: Core Model Workshop

Core model workshop

Page 76: Core Model Workshop

Typical process

User task analysis

Business goals analysis

Core model workshop

Concept and design

Page 77: Core Model Workshop

Full day workshop with

all involved

Page 78: Core Model Workshop

Inward paths Forward pathsCore contents

Core page:

Business goals (achieve at least one) User tasks

Basic template (A3 prints)

Page 79: Core Model Workshop

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 80: Core Model Workshop

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 81: Core Model Workshop

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 82: Core Model Workshop

Goal 1 Goal 2 Goal 3

Task 2 Task 1

Task 5Task 4

Task 9

Task 7

Page 83: Core Model Workshop

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 84: Core Model Workshop

6-up idea generation

Page 85: Core Model Workshop

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 86: Core Model Workshop

1-up idea detailing

Page 87: Core Model Workshop

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: Core Model Workshop

Inward paths Forward pathsCore contents

Core page:

Business goals (achieve at least one) User tasksFor prioritizing

elements (mobile first approach)

Page 89: Core Model Workshop

TITTEL

123

Page 90: Core Model Workshop

Keeping priorities from small screens pays off

Page 91: Core Model Workshop

Unique visitors

2010 2011 20142013

Launch

2012

Page 92: Core Model Workshop
Page 93: Core Model Workshop

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

Page 94: Core Model Workshop

2006 2007 2008 2009 2010 2011 2012 2013

Cancer line conversations +40%

Launch

Page 95: Core Model Workshop

Monthly donors

+288%

One time donations

+198%

Monthly donors sum

+382%

Page 96: Core Model Workshop

Members

+107%

Page 97: Core Model Workshop

Annual value of monthly donors online

2011 2012 2013 2014 (march)

Launch

Page 98: Core Model Workshop

Summary

Page 99: Core Model Workshop

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 100: Core Model Workshop

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

Design for top tasks from the inside and out!

Page 102: Core Model Workshop

Print material

Page 103: Core Model Workshop

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 104: Core Model Workshop

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 105: Core Model Workshop

6-up

Page 106: Core Model Workshop

1-up