Lessons from Leading Intranet Homepages

Preview:

Citation preview

@dwg

www.digitalworkplacegroup.com1

30+ lessons from

12 leading intranet

homepages

Hosted by:

@dwg

www.digitalworkplacegroup.com

Presenter

2

Elizabeth MarshDirector of ResearchDigital Workplace Group (DWG)

• Leads DWG’s best practice research programme

• Works closely with DWG’s Consulting business

• Previously intranet manager at T-Mobile UK and at Reuters

• Co-author ‘Digital Renaissance of Work – Delivering digital

workplaces fit for the future’.@dwg

@dnncorp

@dwg

www.digitalworkplacegroup.com3

#1:

@dwg

www.digitalworkplacegroup.com

Adidas Group homepage

4

@dwg

www.digitalworkplacegroup.com

Adidas Group – what people said

5

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

6

Homepage news

carousel looks modern,

but missing key

usability features

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

7

Clean, rich social feed,

although takes up a lot

of space without

showing much

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

8

Action-oriented “App”

concept very interesting;

bundles some content in

place of having a global

navigation

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

9

Quick access to

workspaces; social

not separated from

the main intranet

@dwg

www.digitalworkplacegroup.com10

#2:

@dwg

www.digitalworkplacegroup.com

Adobe homepage

11

@dwg

www.digitalworkplacegroup.com

Adobe – what people said

12

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

13

Rich, varied content

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

14

Highly usable news

carousel: clear visual

signals and provides

users with control

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

15

Rich, task-based, personalized

links make homepage about

action-oriented productivity

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

16

Social stream shows below

the fold; but no interaction

available and no stream

scoping options

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

17

Local (personalized)

events list plus global

office closures

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

18

Social good campaign

highlighted on homepage

@dwg

www.digitalworkplacegroup.com19

#3:

@dwg

www.digitalworkplacegroup.com

American Express homepage

20

@dwg

www.digitalworkplacegroup.com

AmEx – what people said

21

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

22

Clean, boxy,

modern design

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

23

Links to key user

tasks presented with

app-like iconography

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

24

World clock

@dwg

www.digitalworkplacegroup.com25

#4:

@dwg

www.digitalworkplacegroup.com

Arup homepage

26

@dwg

www.digitalworkplacegroup.com

Arup – what people said

27

@dwg

www.digitalworkplacegroup.com

Arup – noteworthy

28

At least 75% of Arup employees

are members of one of the 50+

Skills Networks

@dwg

www.digitalworkplacegroup.com

Arup – noteworthy

29

Quick access to profiles,

news, communities and key

tools like the Bids system

@dwg

www.digitalworkplacegroup.com30

#5:

@dwg

www.digitalworkplacegroup.com

Coca-Cola Enterprises (CCE) homepage

31

@dwg

www.digitalworkplacegroup.com

CCE – what people said

32

@dwg

www.digitalworkplacegroup.com

CCE – noteworthy

33

Interesting approach

to quick links with

section for immediate,

personalized tasks

@dwg

www.digitalworkplacegroup.com

CCE – noteworthy

34

Personalized integration

with LMS (learning

management system)

@dwg

www.digitalworkplacegroup.com35

#6:

@dwg

www.digitalworkplacegroup.com

Electrolux homepage

36

@dwg

www.digitalworkplacegroup.com

Electrolux – what people said

37

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

38

Extensive banner space

could be overwhelming

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

39

Social stream with

status update box and

“Edit profile” link

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

40

Links to different

countries’ news are

easy to access

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

41

Top bar includes

notifications, time

zone selector and

language selector

@dwg

www.digitalworkplacegroup.com42

#7:

@dwg

www.digitalworkplacegroup.com

EY homepage

43

@dwg

www.digitalworkplacegroup.com

EY – what people said

44

@dwg

www.digitalworkplacegroup.com

EY – noteworthy

45

Personalized list of

time-sensitive tasks

@dwg

www.digitalworkplacegroup.com

EY – noteworthy

46

Search scope selector

@dwg

www.digitalworkplacegroup.com47

#8:

@dwg

www.digitalworkplacegroup.com

Genentech homepage

48

@dwg

www.digitalworkplacegroup.com

Genentech – what people said

49

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

50

Not “quick links” but

“Express menus”

that open groups of

categorized links

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

51

Clean news carousel

design, but missing key

usability features

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

52

Comments & ratings

take centre stage

@dwg

www.digitalworkplacegroup.com53

#9:

@dwg

www.digitalworkplacegroup.com

IKEA homepage

54

@dwg

www.digitalworkplacegroup.com

IKEA – what people said

55

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

56

Personalized links &

customizable links

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

57

Simple design, with

clever, understated

brand tie-in

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

58

Use of everyday

language alongside

branded tools

@dwg

www.digitalworkplacegroup.com59

#10:

@dwg

www.digitalworkplacegroup.com

Mayo Clinic homepage

60

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – what people said

61

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

62

Simple, well-designed

news carousel

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

63

Task-oriented menu

has no heading/label,

e.g. for “quick links”

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

64

Status dashboard shows

critical, real-time business

intelligence (BI)

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

65

Links to role-based

intranet sites for

various locations

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

66

Search scoping options

based on common

categories of search, not

content repositories

@dwg

www.digitalworkplacegroup.com67

#11:

@dwg

www.digitalworkplacegroup.com

Sprint homepage

68

@dwg

www.digitalworkplacegroup.com

Sprint – what people said

69

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

70

Clean, rich design

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

71

Well-designed news

carousel includes key

usability features

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

72

Tabbed lists of links allow

more links in same space;

links not listed alphabetically

@dwg

www.digitalworkplacegroup.com73

#12:

@dwg

www.digitalworkplacegroup.com

Unisys homepage

74

@dwg

www.digitalworkplacegroup.com

Unisys – what people said

75

@dwg

www.digitalworkplacegroup.com

Unisys – noteworthy

76

Sparse intranet design very

different from a separate social

platform with high adoption

levels and mature features

@dwg

www.digitalworkplacegroup.com

Unisys – noteworthy

77

Raises the question of the

importance of functionality and

organizational culture versus

“beauty” and aesthetics

@dwg

www.digitalworkplacegroup.com

Key trends among the 12 intranets

78

• Modern design: boxy, clean

• News carousels

• Social streams

• Personalization (news, links, tasks)

• App-like visual design for task lists

• Balancing news content with productivity tools

• Search scoping

• User research/user personas

Thank you