Alertbox: Repurposing vs. Optimized Design
Jakob Nielsen <[email protected]> Mon, 21 May 2012 16:30:33 +0000
| Newsgroups | gmane.comp.web.alertbox |
|---|---|
| Message-ID | <538d934a891681a5d850bb4e5f405d0f72c.20120521163019@mail53.us4.mandrillapp.com> |
This is a multi-part message in MIME format
--_----------=_MCPart_1535116648
Content-Type: text/plain; charset="utf-8"; format="fixed"
Content-Transfer-Encoding: quoted-printable
It's cheap but degrading to reuse content and design across
diverging media forms like print vs. online or desktop vs. mobile.
Superior UX requires tight platform integration.
> http://www.useit.com/alertbox/repurposing.html
Jakob Nielsen's Alertbox for May 21: Repurposing vs. Optimized
Design
__________________________________________________________________
Usability Week 2012 conference
* Chicago: June 25-29
* Toronto: July 23-27
* Sydney: August 12-17
Full event program describing all full-day training courses.
> http://www.nngroup.com/events
Deadline to save 10% on early-bird registration for Chicago:
* This Friday, May 25
> http://www.nngroup.com/events/chicago/
__________________________________________________________________
Copyright =C2=A9 2012 Nielsen Norman Group, All rights
reserved.
You're receiving this newsletter because you subscribed at www.useit.co=
m/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?
[8]View it in your browser.
[9]unsubscribe from this list | [10]update subscription preferences
Links:
8. http://us4.campaign-archive2.com/?u=3D538d934a891681a5d850bb4e5&=
id=3D5c99b1fded&e=3Df405d0f72c
9. http://useit.us4.list-manage1.com/unsubscribe?u=3D538d934a891681=
a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3D5c99b1fded
10. http://useit.us4.list-manage.com/profile?u=3D538d934a891681a5d8=
50bb4e5&id=3D7f29a2b335&e=3Df405d0f72c
--_----------=_MCPart_1535116648
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: Repurposing vs. Optimized Design">
<title>Alertbox: Repurposing vs. Optimized Design</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">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainer">
<tr class="mobilenoshow">
<td align="center" valign="top">
<!-- // Begin Template Header \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
<tr>
<td class="headerContent">
<!-- // Begin Module: Standard Header Image \\ -->
<div style="text-align: left;"><a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=361de08648&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: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" 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">
<!-- // Begin Module: Standard Content \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div><div style="text-align: left">
<blockquote style="padding-bottom: 4px; line-height: 130%; background-color: #ffffdd; margin: 0px; padding-left: 4px; padding-right: 4px; color: #000000; padding-top: 4px">
<p style="margin-top: 0px; margin-bottom: 2px">
<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=5aa2bc6df2&e=f405d0f72c" style="color: #505050; text-decoration: none"><span style="color: #505050">Summary:</span><br>
It's cheap but degrading to reuse content and design across diverging media forms like print vs. online or desktop vs. mobile. Superior UX requires tight platform integration. </a></p>
<p style="line-height: 140%; margin-top: 4px; margin-bottom: 0px; font-size: 120%">
<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=fb7c796536&e=f405d0f72c" style="color: #505050; text-decoration: none">Jakob Nielsen's Alertbox for May 21: <span style="color: #0033aa; text-decoration: underline"><strong>Repurposing vs. Optimized Design </strong></span></a></p>
</blockquote>
<hr>
<h3>
Usability Week 2012 conference</h3>
<ul>
<li>
<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=29bc947cd4&e=f405d0f72c">Chicago</a>: June 25-29</li>
<li>
<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=cb87538234&e=f405d0f72c">Toronto</a>: July 23-27</li>
<li>
<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=80be76d446&e=f405d0f72c">Sydney</a>: August 12-17</li>
</ul>
<p>
<a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=713ce4db32&e=f405d0f72c">Full event program</a> describing all full-day training courses.</p>
<p>
Deadline to save 10% on <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=1d6216f85f&e=f405d0f72c">early-bird registration for Chicago</a>:<br>
* <strong>This Friday</strong>, May 25</p>
<hr>
</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">
<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>
<em>Copyright © 2012 Nielsen Norman Group, All rights reserved.</em>
<br>
<!--
-->
You're receiving this newsletter because you subscribed at 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>
<!--
-->Is this email not displaying correctly?<br>
<a href="http://us4.campaign-archive2.com/?u=538d934a891681a5d850bb4e5&id=5c99b1fded&e=f405d0f72c" target="_blank">View it in your browser</a>.<!--
-->
</div>
</td>
</tr>
<tr>
<td colspan="2" valign="middle" id="utility">
<div>
<a href="http://useit.us4.list-manage1.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=5c99b1fded">unsubscribe from this list</a> | <a href="http://useit.us4.list-manage.com/profile?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c">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=5c99b1fded&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1535116648--