Alertbox: 10 Best Intranet Designs of 2013
Jakob Nielsen <[email protected]> Mon, 7 Jan 2013 13:36:01 +0000
| Newsgroups | gmane.comp.web.alertbox |
|---|---|
| Message-ID | <538d934a891681a5d850bb4e5f405d0f72c.20130107133536@mail43.us1.mcsv.net> |
This is a multi-part message in MIME format
--_----------=_MCPart_1989452069
Content-Type: text/plain; charset="utf-8"; format="fixed"
Content-Transfer-Encoding: quoted-printable
Intranet team size has doubled, but companies do get something for this in=
vestment,
including better-integrated social features and better information filteri=
ng.
70% of winners used SharePoint, but with extensive customization.
Jakob Nielsen's Alertbox for January 7: 10 Best Intranets of 2013
> http://www.nngroup.com/articles/intranet-design/
------------------------------------------------------------
** Usability Week 2013 conference
* New York City : March 17-22
* Dallas: April 8-12
* San Francisco: April 28-May 3
* London: May 12-17
includes 3-Day Camp, http://www.nngroup.com/training/course/84/usab=
ility-in-practice-3-day-course/
* Toronto: June 3-7
* Melbourne: July (program to be announced shortly)
Full event program describing all full-day training courses:
> http://www.nngroup.com/training/
------------------------------------------------------------
** Alertbox Columns Moved From Useit.com to NNgroup.com
For 18 years, my Alertbox column was published on my useit.com website.
See separate article about the history of the Alertbox:
> http://www.nngroup.com/articles/alertbox-10-years/
website.Thus, the old Alertbox columns have now been moved from useit.com=
to nngroup.com
and future columns will be published directly on nngroup.com.
Microsites are usually a bad idea, because they lead to a fragmented Inter=
net presence.
It is better when users can find everything about a company on one site.
Given this, why did I maintain useit.com as a website separate from the ma=
in nngroup.com
website for so long?
Mainly for historical reasons, because useit.com and the Alertbox were alr=
eady very well
established on the web by the time the Nielsen Norman Group was founded 15=
years ago:
> http://www.nngroup.com/about/history/
The difference between 15 years and 18 years may not seem like a lot, but=
back then we
lived in "Internet time" which was considered equivalent to dog years duri=
ng the
dot-com explosion. So a site with several years' established web presence=
couldn't be
abandoned lightly.
Legacy design is rarely a good rationale in the long run, but there was a=
second reason
to maintain useit.com for many years: while nngroup.com needs a corporate=
look-and-feel
to attract consulting clients I could retain a more emotionally forceful d=
esign for useit.com:
> http://www.guardian.co.uk/technology/2007/aug/09/guardianweeklytechno=
logysection.interviews
The site admittedly didn't look very good, but it was a strong rallying po=
int for rebellion
against the bloated design style that dominated during the dot-com bubble.
Even after the dot-com bubble burst, there was a long period where the bar=
ebones useit.com
design stood out and elevated the site above many latecomer UX websites.
Cutting through the clutter is an important value on the web, which has so=
much
more information than anybody needs.
However, eventually it makes less sense to rebel against the excesses of t=
he past.
Also, with almost 500 Alertbox columns published, it became clear that mor=
e navigational
apparatus was needed. One solution could have been to redesign useit.com t=
o make
it more like other sites. But why bother? If a big change was needed anywa=
y, it was better
to use the opportunity to integrate the articles with the company informat=
ion and host all
the material on the same website with a single navigation structure and a=
single search.
So that's what I did: no more separate Alertbox website.
See also: 2-day course on content strategy:
> http://www.nngroup.com/courses/topic/content-strategy/
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
Copyright =C2=A9 2013 Nielsen Norman Group, All rights reserved.
You're receiving this newsletter because you subscribed at http://www.usei=
t.com/alertbox/subscribe.html
Our mailing address is:
Nielsen Norman Group
48105 Warm Springs Blvd.
Fremont, CA 94539-7498, USA
Is this email not displaying correctly?
=2E
** View it in your browser (http://us4.campaign-archive2.com/?u=3D538d934a=
891681a5d850bb4e5&id=3D14f46fc912&e=3Df405d0f72c)
** unsubscribe from this list (http://nngroup.us4.list-manage.com/unsubscr=
ibe?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3D14f46fc=
912)
** update subscription preferences (http://nngroup.us4.list-manage2.com/pr=
ofile?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c)
--_----------=_MCPart_1989452069
Content-Type: text/html; charset="us-ascii"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- This is a simple example template that you can edit to create your own custom templates -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Facebook sharing information tags -->
<meta property="og:title" content="Alertbox: 10 Best Intranet Designs of 2013">
<title>Alertbox: 10 Best Intranet Designs of 2013</title>
<style type="text/css">
#outlook a{
padding:0;
}
body{
width:100% !important;
}
body{
-webkit-text-size-adjust:none;
}
@media only screen and (max-device-width: 720px){
.mobilenoshow{
display:none !important;
}
} @media only screen and (max-device-width: 720px){
table td,table th{
padding:2px !important;
}
} body{
margin:0;
padding:0;
}
img{
border:none;
font-size:14px;
font-weight:bold;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
text-transform:capitalize;
}
#backgroundTable{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
body,.backgroundTable{
background-color:#FAFAFA;
}
li{
margin-top:0px;
margin-bottom:0px;
}
#templateContainer{
border:1px solid #DDDDDD;
}
h1,.h1{
color:#202020;
display:block;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:140%;
font-weight:bold;
line-height:100%;
margin-top:0px;
margin-bottom:10px;
text-align:left;
}
h2,.h2{
color:#202020;
display:block;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:130%;
font-weight:bold;
line-height:100%;
margin-bottom:10px;
text-align:left;
}
h3,.h3{
color:#202020;
display:block;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:120%;
font-weight:bold;
line-height:100%;
margin-bottom:10px;
text-align:left;
}
h4,.h4{
color:#505050;
display:block;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:110%;
font-weight:bold;
line-height:100%;
margin-bottom:10px;
text-align:left;
}
#templatePreheader{
background-color:#FAFAFA;
}
.preheaderContent div{
color:#101010;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:9px;
line-height:100%;
text-align:left;
}
.preheaderContent div a:link,.preheaderContent div a:visited{
color:#336699;
font-weight:normal;
text-decoration:underline;
}
.preheaderContent div img{
height:auto;
max-width:600px;
}
#templateHeader{
background-color:#FFFFFF;
border-bottom:0;
}
.headerContent{
color:#202020;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:34px;
font-weight:bold;
line-height:100%;
padding:0;
text-align:center;
vertical-align:middle;
}
.headerContent a:link,.headerContent a:visited{
color:#336699;
font-weight:normal;
text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px !important;
}
#templateContainer,.bodyContent{
background-color:#FDFDFD;
}
.bodyContent div{
color:#101010;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
line-height:120%;
text-align:left;
}
.bodyContent div a:link,.bodyContent div a:visited{
color:#0033aa;
font-weight:normal;
text-decoration:underline;
}
.bodyContent img{
display:inline;
margin-bottom:10px;
}
#templateFooter{
background-color:#FDFDFD;
border-top:0;
}
.footerContent div{
color:#707070;
font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
font-size:12px;
line-height:125%;
text-align:left;
}
.footerContent div a:link,.footerContent div a:visited{
color:#0033aa;
font-weight:normal;
text-decoration:underline;
}
.footerContent img{
display:inline;
}
#social{
background-color:#FAFAFA;
border:1px solid #F5F5F5;
}
#social div{
text-align:center;
}
#utility{
background-color:#FDFDFD;
border-top:1px solid #F5F5F5;
}
#utility div{
text-align:center;
}
#monkeyRewards img{
max-width:160px;
}
</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #FAFAFA;width: 100% !important;">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="margin: 0;padding: 0;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainer" style="border: 1px solid #DDDDDD;background-color: #FDFDFD;">
<tr class="mobilenoshow">
<td align="center" valign="top">
<!-- // Begin Template Header \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="background-color: #FFFFFF;border-bottom: 0;">
<tr>
<td class="headerContent" style="color: #202020;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 34px;font-weight: bold;line-height: 100%;padding: 0;text-align: center;vertical-align: middle;">
<!-- // Begin Module: Standard Header Image \\ -->
<div style="text-align: left;"><a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=a2a87cff63&e=f405d0f72c" style="color: #336699;text-decoration: underline;font-weight: normal;"><img src="http://www.nngroup.com/images/nnglogo.gif" alt="" border="0" style="margin: 0;padding: 0;border: none;height: auto;line-height: 100%;outline: none;text-decoration: none;font-size: 14px;font-weight: bold;text-transform: capitalize;" width="98" height="46"></a></div>
<!-- // End Module: Standard Header Image \\ -->
</td>
</tr>
</table>
<!-- // End Template Header \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Body \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templateBody">
<tr>
<td valign="top" class="bodyContent" style="background-color: #FDFDFD;">
<!-- // Begin Module: Standard Content \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div style="color: #101010;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;line-height: 120%;text-align: left;"><div style="text-align: left;color: #101010;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;line-height: 120%;">
<blockquote style="background-color: #ffffdd; color: #000000; line-height:130%; padding: 4px; margin: 0;">
<p style="margin-top: 0px; margin-bottom: 2px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=187e822b58&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="color: #505050;">Summary:</span><br>
Intranet team size has doubled, but companies do get something for this investment, including better-integrated social features and better information filtering. 70% of winners used SharePoint, but with extensive customization.</a></p>
<p style="margin-top: 4px; margin-bottom: 0; font-size:120%; line-height:140%;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=8bf2a1832a&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;">Jakob Nielsen's Alertbox for January 7: </a><a href="http://nngroup.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=0f3a647d7b&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="text-decoration: underline; color:#0033aa;"><strong>10 Best Intranets of 2013</strong></span></a></p>
</blockquote>
<hr>
<h3 style="color: #202020;display: block;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 120%;font-weight: bold;line-height: 100%;margin-bottom: 10px;text-align: left;">
Usability Week 2013 conference</h3>
<ul>
<li style="margin-top: 0px;margin-bottom: 0px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=0fdbfd8cff&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">New York City</a>: March 17-22</li>
<li style="margin-top: 0px;margin-bottom: 0px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=2403bd8118&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Dallas</a>: April 8-12</li>
<li style="margin-top: 0px;margin-bottom: 0px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=bdd13796fe&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">San Francisco</a>: April 28-May 3</li>
<li style="margin-top: 0px;margin-bottom: 0px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=70b482c14b&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">London</a>: May 12-17 (includes <a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=98f507eea0&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">3-Day Camp</a>)</li>
<li style="margin-top: 0px;margin-bottom: 0px;">
<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=6e60d7e89d&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Toronto</a>: June 3-7</li>
<li style="margin-top: 0px;margin-bottom: 0px;">
Melbourne: July (program to be announced shortly)</li>
</ul>
<p>
<a href="http://nngroup.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=3f76fe2cb0&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Full event program</a> describing all full-day training courses.</p>
<hr>
<h3 style="color: #202020;display: block;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 120%;font-weight: bold;line-height: 100%;margin-bottom: 10px;text-align: left;">
Alertbox Columns Moved From Useit.com to NNgroup.com</h3>
<p>
For <strong>18 years</strong>, my Alertbox column was published on my useit.com website. (See separate article about the <a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=b6847bf0f9&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">history of the Alertbox</a>.)</p>
<p>
This was a good run, but it's now time to unify this content with the main Nielsen Norman Group website. Thus, the old Alertbox columns have now been moved from useit.com to nngroup.com and future columns will be published directly on nngroup.com.</p>
<p>
<strong>Microsites</strong> are usually a bad idea, because they lead to a fragmented Internet presence. It is better when users can find everything about a company on one site. Given this, why did I maintain useit.com as a website separate from the main nngroup.com website for so long?</p>
<p>
Mainly for historical reasons, because useit.com and the Alertbox were already very well established on the web by the time the <a href="http://nngroup.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=10455bd564&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Nielsen Norman Group was founded 15 years ago</a>. The difference between 15 years and 18 years may not seem like a lot, but back then we lived in "Internet time" which was considered equivalent to dog years during the dot-com explosion. So a site with several years' established web presence couldn't be abandoned lightly.</p>
<p>
Legacy design is rarely a good rationale in the long run, but there was a second reason to maintain useit.com for many years: while nngroup.com needs a corporate look-and-feel to attract consulting clients I could retain a more <a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=ea060c4a80&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">emotionally forceful design for useit.com</a>. The site admittedly didn't look very good, but it was a <strong>strong rallying point for rebellion</strong> against the bloated design style that dominated during the dot-com bubble.</p>
<p>
Even after the dot-com bubble burst, there was a long period where the barebones useit.com design stood out and elevated the site above many latecomer UX websites. Cutting through the clutter is an important value on the web, which has so much more information than anybody needs.</p>
<p>
However, eventually it makes less sense to rebel against the excesses of the past. Also, with almost 500 Alertbox columns published, it became clear that more navigational apparatus was needed. One solution could have been to redesign useit.com to make it more like other sites. But <em>why bother?</em> If a big change was needed anyway, it was better to use the opportunity to integrate the articles with the company information and host all the material on the same website with a single navigation structure and a single search. So that's what I did: no more separate Alertbox website.</p>
<p>
See also: <a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=6c161508c2&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">2-day course on content strategy</a>.</p>
</div>
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Content \\ -->
</td>
</tr>
</table>
<!-- // End Template Body \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templateFooter" style="background-color: #FDFDFD;border-top: 0;">
<tr>
<td valign="top" class="footerContent">
<!-- // Begin Module: Standard Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top" width="100%">
<div style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: left;">
<em>Copyright © 2013 Nielsen Norman Group, All rights reserved.</em>
<br>
<!--
-->
You're receiving this newsletter because you subscribed at http://www.useit.com/alertbox/subscribe.html
<br>
<strong>Our mailing address is:</strong>
<br>
<div class="vcard"><span class="org fn">Nielsen Norman Group</span><div class="adr"><div class="street-address">48105 Warm Springs Blvd.</div><span class="locality">Fremont</span>, <span class="region">CA</span> <span class="postal-code">94539-7498, USA</span></div><br><a href="http://nngroup.us4.list-manage1.com/vcard?u=538d934a891681a5d850bb4e5&id=7f29a2b335" class="hcard-download">Add us to your address book</a></div>
<br>
<!--
-->
</div>
</td>
<td valign="top">
<div style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: left;">
<!--
-->Is this email not displaying correctly?<br>
<a href="http://us4.campaign-archive2.com/?u=538d934a891681a5d850bb4e5&id=14f46fc912&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">View it in your browser</a>.<!--
-->
</div>
</td>
</tr>
<tr>
<td colspan="2" valign="middle" id="utility" style="background-color: #FDFDFD;border-top: 1px solid #F5F5F5;">
<div style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: center;">
<a href="http://nngroup.us4.list-manage.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=14f46fc912" style="color: #0033aa;font-weight: normal;text-decoration: underline;">unsubscribe from this list</a> | <a href="http://nngroup.us4.list-manage2.com/profile?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">update subscription preferences</a>
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Footer \\ -->
</td>
</tr>
</table>
<!-- // End Template Footer \\ -->
</td>
</tr>
</table>
<br>
</td>
</tr>
</table>
</center>
<img src="http://nngroup.us4.list-manage.com/track/open.php?u=538d934a891681a5d850bb4e5&id=14f46fc912&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1989452069--