Interaction 2015: DWG - 30+ lessons from 12 leading intranet homepages
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