Alertbox: Homepage Design Changes

Jakob Nielsen <[email protected]> Mon, 24 Sep 2012 16:14:39 +0000
Newsgroups gmane.comp.web.alertbox
Message-ID <538d934a891681a5d850bb4e5f405d0f72c.20120924161421@mail19.us1.mcsv.net>
This is a multi-part message in MIME format

--_----------=_MCPart_1189122242
Content-Type: text/plain; charset="utf-8"; format="fixed"
Content-Transfer-Encoding: quoted-printable

Web design is stabilizing; the average homepage is only about 40%
different than it was a year before.
(Corresponding to 2.5 years between complete redesigns.)

Jakob Nielsen's Alertbox for September 24: Homepage Design Changes
   > http://www.useit.com/alertbox/homepage-design-change.html

------------------------------------------------------------

Usability Week 2012 conference
  * San Francisco: this week
  * London: October 14-19
  * New York City: Oct. 28 - Nov. 2
  * Seattle: November 5-9
  * Las Vegas: December 2-7

Full event program describing all full-day training courses:
   > http://www.nngroup.com/events

Deadline to save 10% on New York early-bird registration
  * This Friday, September 28

Deadline to save 10% on Seattle early-bird registration
  * Next Friday, October 5

------------------------------------------------------------

Intranet Social Features

If you have social features on your intranet or corporate portal (such as
wikis, Twitter-like microblogging tools, social bookmarking, prediction
markets, etc.) we'd like to hear from you.

How have you used these types of tools to extend or enhance your
company intranet or corporate portal? Has your company experimented,
through user trials or already achieved successful implementations of
social collaboration/networking tools? If so, we would like to learn
more about your efforts.

We are updating our report Enterprise 2.0: Social Software on Intranets
(http://www.nngroup.com/reports/intranet/social/)  and we are interested
in learning about your real-world experiences, case studies, success
stories and challenges in making these Web 2.0 concepts work in an
enterprise environment.

Whether you have used these tools for many years or you are just
getting started we would like to hear about your experiences.
We are looking for examples from all types of intranets and portals:
public, private or government. Successful projects or ideas that didn't
work out in practice? Both are equally interesting.

Participants can remain anonymous, but if you are willing to be
quoted, you and your organization will get substantial professional
recognition from being represented in the report. Also, each company
that participates will receive a complimentary copy of the report.

If you would like to contribute to this study please send Patty Caya
a brief message outlining your project or social features:
  > [email protected]

Deadline: Tuesday October 9, 2012.

------------------------------------------------------------

Google Usability Lab

My last column was about how to do user testing without a usability lab:
   > http://www.useit.com/alertbox/simple-usability-lab.html

But it sure is nice to have a good lab available for your tests.
Watch a 3 minute video of John Boyd showing the BBC around
Google's usability lab
  > http://news.bbc.co.uk/2/hi/programmes/click_online/9751991.stm

John Boyd presents a full-day seminar on Website Design Lessons
from Social Psychology in London next month:
   > http://www.nngroup.com/events/tutorials/multiuser_services.html


=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 2012 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=3D5670e4c2b1&e=3Df405d0f72c)
** unsubscribe from this list (http://useit.us4.list-manage.com/unsubscrib=
e?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3D5670e4c2b=
1)
** update subscription preferences (http://useit.us4.list-manage.com/profi=
le?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c)
--_----------=_MCPart_1189122242
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: Homepage Design Changes">
        
        <title>Alertbox: Homepage Design Changes</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://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=76411f2550&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="90" height="50"></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://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=17fa29bfcf&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="color: #505050;">Summary:</span><br>
			Web design is stabilizing; the average homepage is only about 40% different than it was a year before. (Corresponding to 2.5 years between complete redesigns.) </a></p>
		<p style="margin-top: 4px; margin-bottom: 0; font-size:120%; line-height:140%;">
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=c5cd92f348&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;">Jakob Nielsen&#39;s Alertbox for September 24: <span style="text-decoration: underline; color:#0033aa;"><strong>Homepage Design Changes</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 2012 conference</h3>
	<ul>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=fcf3b30e7a&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">San Francisco</a>: <em>this week</em></li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=050b0c4208&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">London</a>: October 14-19</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=fbd3b1d4ee&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">New York City</a>: Oct. 28 - Nov. 2</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=0ff01c4c5a&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Seattle</a>: November 5-9</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=2f06ae3fae&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Las Vegas</a>: December 2-7</li>
	</ul>
	<p>
		<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=291cecfc89&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Full event program</a> describing all full-day training courses.</p>
	<p>
		Deadline to save 10% on <a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=b816612806&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;"><strong>New York</strong> early-bird registration</a>:<br>
		* <strong>This Friday</strong>, September 28</p>
	<p>
		Deadline to save 10% on <a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=934fe8e494&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;"><strong>Seattle</strong> early-bird registration</a>:<br>
		* <strong>Next Friday</strong>, October 5</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;">
		Intranet Social Features</h3>
	<p>
		If you have social features on your intranet or corporate portal (such as wikis, Twitter-like microblogging tools, social bookmarking, prediction markets, etc.) we&#39;d like to hear from you.</p>
	<p>
		How have you used these types of tools to extend or enhance your company intranet or corporate portal? Has your company experimented, through user trials or already achieved successful implementations of social collaboration/networking tools? If so, we would like to learn more about your efforts.</p>
	<p>
		We are updating our report &ldquo;<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=28c2235b93&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Enterprise 2.0: Social Software on Intranets</a>&rdquo; and we are interested in learning about your real-world experiences, case studies, success stories and challenges in making these Web 2.0 concepts work in an enterprise environment.</p>
	<p>
		Whether you have used these tools for many years or you are just getting started we would like to hear about your experiences. We are looking for examples from all types of intranets and portals: public, private or government. Successful projects or ideas that didn&#39;t work out in practice? Both are equally interesting.</p>
	<p>
		Participants can remain anonymous, but if you are willing to be quoted, you and your organization will get substantial professional recognition from being represented in the report. Also, each company that participates will receive a complimentary copy of the report.</p>
	<p>
		If you would like to contribute to this study please send Patty Caya a brief message outlining your project or social features: <a href="mailto:[email protected]" style="color: #0033aa;font-weight: normal;text-decoration: underline;">[email protected]</a></p>
	<p>
		<strong>Deadline:</strong> Tuesday October 9, 2012.</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;">
		Google Usability Lab</h3>
	<p>
		My last column was about how to do <a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=e10368c01d&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">user testing without a usability lab</a>. But it sure is nice to have a good lab available for your tests. Watch a 3 minute video of John Boyd <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=4bca9cb92c&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">showing the BBC around Google&#39;s usability lab</a>.</p>
	<p>
		(John Boyd presents a full-day seminar on <a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=d536e0974d&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Website Design Lessons from Social Psychology</a> in London next month.)</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 &copy; 2012 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://useit.us4.list-manage.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=5670e4c2b1&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://useit.us4.list-manage.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=5670e4c2b1" style="color: #0033aa;font-weight: normal;text-decoration: underline;">unsubscribe from this list</a> | <a href="http://useit.us4.list-manage.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://useit.us4.list-manage.com/track/open.php?u=538d934a891681a5d850bb4e5&id=5670e4c2b1&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1189122242--