Interaction 2015: DWG - 30+ lessons from 12 leading intranet homepages

Post on 08-Jan-2017

2.448 views 0 download

Transcript of Interaction 2015: DWG - 30+ lessons from 12 leading intranet homepages

@dwgwww.digitalworkplacegroup.com

1

30+ lessons from 12 leading intranet homepages

@dwgwww.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 and at Reuters

• Intranet, knowledge management & research

• Co-author ‘Digital Renaissance of Work – Delivering digital workplaces fit for the future’.

Fun Fact: Keen flautist & a recent convert to barefoot style running.

@digitalsanity@dwg

#IIC15

@dwgwww.digitalworkplacegroup.com

Digital Workplace Group (DWG)

3

Member Forum ConsultingThree elements:• Benchmarking evaluations• Peer learning• Expert research

Sample projects:• ‘What does good look like’• Define vision, strategy, roadmap• Facilitated workshops

@dwgwww.digitalworkplacegroup.com

From Digital Workplace 24

4

The following 12 homepages are from intranets shown on Digital Workplace 24, a global virtual conference that took place on May 20th and 21st, 2015.

@dwgwww.digitalworkplacegroup.com

5

#1:

@dwgwww.digitalworkplacegroup.com

Adidas Group homepage

6

@dwgwww.digitalworkplacegroup.com

Adidas Group – what people said

7

@dwgwww.digitalworkplacegroup.com

Adidas Group – noteworthy

8

Homepage news carousel looks modern, but missing key usability features

@dwgwww.digitalworkplacegroup.com

Adidas Group – noteworthy

9

Clean, rich social feed, although takes up a lot of space without showing much

@dwgwww.digitalworkplacegroup.com

Adidas Group – noteworthy

10

Action-oriented “App” concept very interesting; bundles some content in place of having a global navigation

@dwgwww.digitalworkplacegroup.com

Adidas Group – noteworthy

11

Quick access to workspaces; social not separated from the main intranet

@dwgwww.digitalworkplacegroup.com

12

#2:

@dwgwww.digitalworkplacegroup.com

Adobe homepage

13

@dwgwww.digitalworkplacegroup.com

Adobe – what people said

14

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

15

Rich, varied content

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

16

Highly usable news carousel: clear visual signals and provides users with control

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

17

Rich, task-based, personalized links make homepage about action-oriented productivity

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

18

Social stream shows below the fold; but no interaction available and no stream scoping options

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

19

Local (personalized) events list plus global office closures

@dwgwww.digitalworkplacegroup.com

Adobe – noteworthy

20

Social good campaign highlighted on homepage

@dwgwww.digitalworkplacegroup.com

21

#3:

@dwgwww.digitalworkplacegroup.com

American Express homepage

22

@dwgwww.digitalworkplacegroup.com

AmEx – what people said

23

@dwgwww.digitalworkplacegroup.com

AmEx – noteworthy

24

Clean, boxy, modern design

@dwgwww.digitalworkplacegroup.com

AmEx – noteworthy

25

Links to key user tasks presented with app-like iconography

@dwgwww.digitalworkplacegroup.com

AmEx – noteworthy

26

World clock

@dwgwww.digitalworkplacegroup.com

27

#4:

@dwgwww.digitalworkplacegroup.com

Arup homepage

28

@dwgwww.digitalworkplacegroup.com

Arup – what people said

29

@dwgwww.digitalworkplacegroup.com

Arup – noteworthy

30

NOTE: Arup is almost done moving to a new intranet design and leaving this one behind. But the new site was not ready for a live tour on Digital Workplace 24.

@dwgwww.digitalworkplacegroup.com

Arup – noteworthy

31

Text-heavy with a lot of links, but also task focused with many tools just one click away

@dwgwww.digitalworkplacegroup.com

Arup – noteworthy

32

Personalized social content a big plus, but doesn’t look/feel social

@dwgwww.digitalworkplacegroup.com

Arup – noteworthy

33

Personalized, customizable task and link lists, but inconsistent, not clearly differentiated

@dwgwww.digitalworkplacegroup.com

34

#5:

@dwgwww.digitalworkplacegroup.com

Coca-Cola Enterprises (CCE) homepage

35

@dwgwww.digitalworkplacegroup.com

CCE – what people said

36

@dwgwww.digitalworkplacegroup.com

CCE – noteworthy

37

Interesting approach to quick links with section for immediate, personalized tasks

@dwgwww.digitalworkplacegroup.com

CCE – noteworthy

38

Personalized integration with LMS (learning management system)

@dwgwww.digitalworkplacegroup.com

39

#6:

@dwgwww.digitalworkplacegroup.com

Electrolux homepage

40

@dwgwww.digitalworkplacegroup.com

Electrolux – what people said

41

@dwgwww.digitalworkplacegroup.com

Electrolux – noteworthy

42

Extensive banner space could be overwhelming

@dwgwww.digitalworkplacegroup.com

Electrolux – noteworthy

43

Social stream with status update box and “Edit profile” link

@dwgwww.digitalworkplacegroup.com

Electrolux – noteworthy

44

Links to different countries’ news are easy to access

@dwgwww.digitalworkplacegroup.com

Electrolux – noteworthy

45

Top bar includes notifications, time zone selector and language selector

@dwgwww.digitalworkplacegroup.com

46

#7:

@dwgwww.digitalworkplacegroup.com

EY homepage

47

@dwgwww.digitalworkplacegroup.com

EY – what people said

48

@dwgwww.digitalworkplacegroup.com

EY – noteworthy

49

Personalized list of time-sensitive tasks

@dwgwww.digitalworkplacegroup.com

EY – noteworthy

50

Search scope selector

@dwgwww.digitalworkplacegroup.com

51

#8:

@dwgwww.digitalworkplacegroup.com

Genentech homepage

52

@dwgwww.digitalworkplacegroup.com

Genentech – what people said

53

@dwgwww.digitalworkplacegroup.com

Genentech – noteworthy

54

Not “quick links” but “Express menus” that open groups of categorized links

@dwgwww.digitalworkplacegroup.com

Genentech – noteworthy

55

Clean news carousel design, but missing key usability features

@dwgwww.digitalworkplacegroup.com

Genentech – noteworthy

56

Comments & ratings take centre stage

@dwgwww.digitalworkplacegroup.com

57

#9:

@dwgwww.digitalworkplacegroup.com

IKEA homepage

58

@dwgwww.digitalworkplacegroup.com

IKEA – what people said

59

@dwgwww.digitalworkplacegroup.com

IKEA – noteworthy

60

Personalized links & customizable links

@dwgwww.digitalworkplacegroup.com

IKEA – noteworthy

61

Simple design, with clever, understated brand tie-in

@dwgwww.digitalworkplacegroup.com

IKEA – noteworthy

62

Use of everyday language alongside branded tools

@dwgwww.digitalworkplacegroup.com

63

#10:

@dwgwww.digitalworkplacegroup.com

Mayo Clinic homepage

64

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – what people said

65

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – noteworthy

66

Simple, well-designed news carousel

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – noteworthy

67

Task-oriented menu has no heading/label, e.g. for “quick links”

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – noteworthy

68

Status dashboard shows critical, real-time business intelligence (BI)

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – noteworthy

69

Links to role-based intranet sites for various locations

@dwgwww.digitalworkplacegroup.com

Mayo Clinic – noteworthy

70

Search scoping options based on common categories of search, not content repositories

@dwgwww.digitalworkplacegroup.com

71

#11:

@dwgwww.digitalworkplacegroup.com

Sprint homepage

72

@dwgwww.digitalworkplacegroup.com

Sprint – what people said

73

@dwgwww.digitalworkplacegroup.com

Sprint – noteworthy

74

Clean, rich design

@dwgwww.digitalworkplacegroup.com

Sprint – noteworthy

75

Well-designed news carousel includes key usability features

@dwgwww.digitalworkplacegroup.com

Sprint – noteworthy

76

Tabbed lists of links allow more links in same space; links not listed alphabetically

@dwgwww.digitalworkplacegroup.com

77

#12:

@dwgwww.digitalworkplacegroup.com

Unisys homepage

78

@dwgwww.digitalworkplacegroup.com

Unisys – what people said

79

@dwgwww.digitalworkplacegroup.com

Unisys – noteworthy

80

Sparse intranet design very different from a separate social platform with high adoption levels and mature features

@dwgwww.digitalworkplacegroup.com

Unisys – noteworthy

81

Raises the question of the importance of functionality and organizational culture versus “beauty” and aesthetics

@dwgwww.digitalworkplacegroup.com

Key trends among the 12 intranets

82

• 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

See @digitalsanity #IIC15for a link to the deck