79
@dwg www.digitalworkplacegroup.com 1 30+ lessons from 12 leading intranet homepages Hosted by:

Lessons from Leading Intranet Homepages

  • Upload
    dnn

  • View
    2.956

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com1

30+ lessons from

12 leading intranet

homepages

Hosted by:

Page 2: Lessons from Leading Intranet Homepages

@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

Page 3: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com3

#1:

Page 4: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group homepage

4

Page 5: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group – what people said

5

Page 6: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

6

Homepage news

carousel looks modern,

but missing key

usability features

Page 7: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

7

Clean, rich social feed,

although takes up a lot

of space without

showing much

Page 8: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

8

Action-oriented “App”

concept very interesting;

bundles some content in

place of having a global

navigation

Page 9: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adidas Group – noteworthy

9

Quick access to

workspaces; social

not separated from

the main intranet

Page 10: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com10

#2:

Page 11: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe homepage

11

Page 12: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – what people said

12

Page 13: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

13

Rich, varied content

Page 14: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

14

Highly usable news

carousel: clear visual

signals and provides

users with control

Page 15: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

15

Rich, task-based, personalized

links make homepage about

action-oriented productivity

Page 16: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

16

Social stream shows below

the fold; but no interaction

available and no stream

scoping options

Page 17: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

17

Local (personalized)

events list plus global

office closures

Page 18: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Adobe – noteworthy

18

Social good campaign

highlighted on homepage

Page 19: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com19

#3:

Page 20: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

American Express homepage

20

Page 21: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

AmEx – what people said

21

Page 22: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

22

Clean, boxy,

modern design

Page 23: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

23

Links to key user

tasks presented with

app-like iconography

Page 24: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

AmEx – noteworthy

24

World clock

Page 25: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com25

#4:

Page 26: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Arup homepage

26

Page 27: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Arup – what people said

27

Page 28: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Arup – noteworthy

28

At least 75% of Arup employees

are members of one of the 50+

Skills Networks

Page 29: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Arup – noteworthy

29

Quick access to profiles,

news, communities and key

tools like the Bids system

Page 30: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com30

#5:

Page 31: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Coca-Cola Enterprises (CCE) homepage

31

Page 32: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

CCE – what people said

32

Page 33: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

CCE – noteworthy

33

Interesting approach

to quick links with

section for immediate,

personalized tasks

Page 34: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

CCE – noteworthy

34

Personalized integration

with LMS (learning

management system)

Page 35: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com35

#6:

Page 36: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux homepage

36

Page 37: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux – what people said

37

Page 38: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

38

Extensive banner space

could be overwhelming

Page 39: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

39

Social stream with

status update box and

“Edit profile” link

Page 40: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

40

Links to different

countries’ news are

easy to access

Page 41: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Electrolux – noteworthy

41

Top bar includes

notifications, time

zone selector and

language selector

Page 42: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com42

#7:

Page 43: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

EY homepage

43

Page 44: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

EY – what people said

44

Page 45: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

EY – noteworthy

45

Personalized list of

time-sensitive tasks

Page 46: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

EY – noteworthy

46

Search scope selector

Page 47: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com47

#8:

Page 48: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Genentech homepage

48

Page 49: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Genentech – what people said

49

Page 50: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

50

Not “quick links” but

“Express menus”

that open groups of

categorized links

Page 51: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

51

Clean news carousel

design, but missing key

usability features

Page 52: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Genentech – noteworthy

52

Comments & ratings

take centre stage

Page 53: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com53

#9:

Page 54: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

IKEA homepage

54

Page 55: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

IKEA – what people said

55

Page 56: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

56

Personalized links &

customizable links

Page 57: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

57

Simple design, with

clever, understated

brand tie-in

Page 58: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

IKEA – noteworthy

58

Use of everyday

language alongside

branded tools

Page 59: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com59

#10:

Page 60: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic homepage

60

Page 61: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – what people said

61

Page 62: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

62

Simple, well-designed

news carousel

Page 63: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

63

Task-oriented menu

has no heading/label,

e.g. for “quick links”

Page 64: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

64

Status dashboard shows

critical, real-time business

intelligence (BI)

Page 65: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

65

Links to role-based

intranet sites for

various locations

Page 66: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Mayo Clinic – noteworthy

66

Search scoping options

based on common

categories of search, not

content repositories

Page 67: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com67

#11:

Page 68: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Sprint homepage

68

Page 69: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Sprint – what people said

69

Page 70: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

70

Clean, rich design

Page 71: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

71

Well-designed news

carousel includes key

usability features

Page 72: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Sprint – noteworthy

72

Tabbed lists of links allow

more links in same space;

links not listed alphabetically

Page 73: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com73

#12:

Page 74: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Unisys homepage

74

Page 75: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Unisys – what people said

75

Page 76: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Unisys – noteworthy

76

Sparse intranet design very

different from a separate social

platform with high adoption

levels and mature features

Page 77: Lessons from Leading Intranet Homepages

@dwg

www.digitalworkplacegroup.com

Unisys – noteworthy

77

Raises the question of the

importance of functionality and

organizational culture versus

“beauty” and aesthetics

Page 78: Lessons from Leading Intranet Homepages

@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

Page 79: Lessons from Leading Intranet Homepages

Thank you