Transcript
Page 1: SmallWorlders intranet engagement conference - Designing an intranet for engagement

How To Design for EngagementSimon JonesHead of Design & UX

Page 2: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Who wants something on the homepage?

Page 3: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Who wants something on the homepage?

Page 4: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Who wants social?

Page 5: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Who wants a blog?

Page 6: SmallWorlders intranet engagement conference - Designing an intranet for engagement

So how do we achieve this?

Page 7: SmallWorlders intranet engagement conference - Designing an intranet for engagement
Page 8: SmallWorlders intranet engagement conference - Designing an intranet for engagement
Page 9: SmallWorlders intranet engagement conference - Designing an intranet for engagement

It is about the process

Page 10: SmallWorlders intranet engagement conference - Designing an intranet for engagement
Page 11: SmallWorlders intranet engagement conference - Designing an intranet for engagement
Page 12: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 13: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 14: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Stakeholders Platforms / Content Data

Page 15: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Stakeholders

Stakeholder Interviews

- Describe the platform

- Business needs?

- Who are the users?

- What does success equal?

- How will you measure it?

Page 16: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Describe the platform

“Social, community”

“Finding people”

“Sharing content from markets”

What are the business needs?

“Finding files”

“Accessing Assets / guidelines”

Stakeholders

De Beers

Page 17: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Stakeholders

De Beers

Page 18: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Platforms / Content

• Current quantity/quality

• Past successes / failures

• New content frequency

• New/Future Platforms

Page 19: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Data • Engagement statistics

• Benchmark data

• Content usage

• Enthusiasts vs Skeptics

Oct/Nov

2012

Dec 2012 May 2013 Aug 2013

Jan 2013

Page 20: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users Find out what they do (and why)

WHAT Data/AnalyticsWHAT HeatmapsWHAT Usability StudiesWHAT Contextual Research

WHY InterviewsWHY Surveys

Page 21: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

HeinekenA platform to “Capture &

Report Market Brand Plan

information”

Page 22: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

HeinekenGoals:

1: More efficient (easier) input

2: More markets using the tool

Research:

Combined remote usability

studies and user interview

Page 23: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

Heineken

I can’t delegate as I don’t know what’s required

No indication of effort or timing required

Nicer than excel

Easy and intuitive

Page 24: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

HeinekenBiggest impact on these goals?

1: More efficient

2: More markets

Welcome Pack

• Where/Who to get the data

• Expected Timing

• Data requirement

(XL Templates)

Page 25: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

NHS Stakeholders:

“Front line staff have limited

access to PCs, they need mobile”

Quantitive Survey:

“Your ideal intranet”

“What would you find most

useful”

Page 26: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

NHS

Page 27: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Users

Page 28: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 29: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Generate Ideas Prioritise Sketch

Page 30: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Generate Ideas

Page 31: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Prioritise

Re-visit business needs

and user priorities and

sort:

• Must have

• Nice to have

• Future

Page 32: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Sketching exercise

• Find some A4 paper and pens

• Choose a section page or homepage.

• 1 minute to draw 2 versions (30 seconds each)

• Review

• 2 minutes to draw 1 version

• Review

Page 33: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 34: SmallWorlders intranet engagement conference - Designing an intranet for engagement

EngagementOrganise ‘must-haves’

Page 35: SmallWorlders intranet engagement conference - Designing an intranet for engagement

EngagementOrganise ‘must-haves’

Page 36: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Engagement Easy

Navigation, search, mobile,

naming conventions, UX &

usability

Essential & Exclusive

Directories, transactions,

assets, guidelines,

reference materials,

learning, comms, tools

Organise ‘must-haves’

Page 37: SmallWorlders intranet engagement conference - Designing an intranet for engagement

EngagementOrganise ‘must-haves’

Useful & Interesting

Personalisation, regular

turnover, basic social

feedback, use of video

Likeable

Visually appealing, help &

support, UX & usability

Page 38: SmallWorlders intranet engagement conference - Designing an intranet for engagement

EngagementOrganise ‘must-haves’

ContributionPosting & sharing content.

VisibilityBlogs, expertise, videos

LeadershipDiscussions, platform evolution, peer-to-peer support, company improvement

Page 39: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 40: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Scope Consider:

• What can be done

• What should be done

Within:

• Timescales

• Budget

Page 41: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Presentation overview

Page 42: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Site Architecture

Page 43: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Site Architecture

Card Sort

Page 44: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Site Architecture

Card Sort

Page 45: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Open Sort

• Group into 5-10 groups

• Name the groups

List of 20-50 pages

15-100 users

Site Architecture

Card Sort

Decide on 5-8 groups

• Plain English

• Mutually exclusive

• Cover everything

Closed Sort

• Provide 5-8 group names

• Place within groups

Page 46: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Wireframes & Prototype

Page 47: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Inside-out

1. Content Pages

2. Section pages

3. Homepage

Wireframes & Prototype

Page 48: SmallWorlders intranet engagement conference - Designing an intranet for engagement
Page 49: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Test • What does this page do?

• What do you expect to

happen next?

Lo-fi / Digital

• Print-out

• Online prototype (Axure)

Wireframes & Prototype

Page 50: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Visual Design

Page 51: SmallWorlders intranet engagement conference - Designing an intranet for engagement

If you’ve followed the

process

• This part should be simple

• You can start to build before the

visuals are complete (Agile)

• Your site and functionality will be

‘Engagement first’’

Visual Design

Page 52: SmallWorlders intranet engagement conference - Designing an intranet for engagement

• Status updates

• Social (out of context)

• Discussion forums

• CEO blogs

• Directories

• Transactional Services

• HR documents

• Career Development

• News & Events

Re-arrange prioritiesHigher

Lower

Page 53: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Useful linksOnline Card Sorting Optimalworkshop.com/optimalsort

UX Basics (book)Search for “Smashing UX Design: Foundations for Designing Online User Experiences”

Great Intranets:Smallworlders.comSearch for “2015 Intranet Design Annual”

Page 54: SmallWorlders intranet engagement conference - Designing an intranet for engagement

Thank you


Recommended