interaction 2015: dwg - 30+ lessons from 12 leading intranet homepages

@dwgwww.digitalworkplacegroup.com

1

30+ lessons from 12 leading intranet homepages


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


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


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.


5

#1:


Adidas Group homepage

6


Adidas Group – what people said

7


Adidas Group – noteworthy

8

Homepage news carousel looks modern, but missing key usability features



9

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



10

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



11

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


12

#2:


Adobe homepage

13


Adobe – what people said

14


Adobe – noteworthy

15

Rich, varied content



16

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



17

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



18

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



19

Local (personalized) events list plus global office closures



20

Social good campaign highlighted on homepage


21

#3:


American Express homepage

22


AmEx – what people said

23


AmEx – noteworthy

24

Clean, boxy, modern design


AmEx – noteworthy

25

Links to key user tasks presented with app-like iconography


AmEx – noteworthy

26

World clock


27

#4:


Arup homepage

28


Arup – what people said

29


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.


Arup – noteworthy

31

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


Arup – noteworthy

32

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


Arup – noteworthy

33

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


34

#5:


Coca-Cola Enterprises (CCE) homepage

35


CCE – what people said

36


CCE – noteworthy

37

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


CCE – noteworthy

38

Personalized integration with LMS (learning management system)


39

#6:


Electrolux homepage

40


Electrolux – what people said

41


Electrolux – noteworthy

42

Extensive banner space could be overwhelming



43

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



44

Links to different countries’ news are easy to access



45

Top bar includes notifications, time zone selector and language selector


46

#7:


EY homepage

47


EY – what people said

48


EY – noteworthy

49

Personalized list of time-sensitive tasks


EY – noteworthy

50

Search scope selector


51

#8:


Genentech homepage

52


Genentech – what people said

53


Genentech – noteworthy

54

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



55

Clean news carousel design, but missing key usability features



56

Comments & ratings take centre stage


57

#9:


IKEA homepage

58


IKEA – what people said

59


IKEA – noteworthy

60

Personalized links & customizable links


IKEA – noteworthy

61

Simple design, with clever, understated brand tie-in


IKEA – noteworthy

62

Use of everyday language alongside branded tools


63

#10:


Mayo Clinic homepage

64


Mayo Clinic – what people said

65


Mayo Clinic – noteworthy

66

Simple, well-designed news carousel



67

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



68

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



69

Links to role-based intranet sites for various locations



70

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


71

#11:


Sprint homepage

72


Sprint – what people said

73


Sprint – noteworthy

74

Clean, rich design



75

Well-designed news carousel includes key usability features



76

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


77

#12:


Unisys homepage

78


Unisys – what people said

79


Unisys – noteworthy

80

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


Unisys – noteworthy

81

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


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

interaction 2015: dwg - 30+ lessons from 12 leading intranet homepages

Software