File: //home/eyeconomy.co.uk/public_html/p_4199_wordpress.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title> Mobile Web Design – Best Practises / Considerations | EYEconomy</title>
<link rel="stylesheet" href="../wordpress/wp-content/themes/AggregatorInReview-3/style.css" type="text/css" media="screen"/>
<link href="http://fonts.googleapis.com/css?family=Arvo:regular,bold" rel="stylesheet" type="text/css"/>
<link rel="alternate" type="application/rss+xml" title="EYEconomy RSS Feed" href="http://eyeconomy.co.uk/?feed=rss2"/>
<link rel="alternate" type="application/atom+xml" title="EYEconomy Atom Feed" href="http://eyeconomy.co.uk/?feed=atom"/>
<link rel="pingback" href="http://eyeconomy.co.uk/wordpress/xmlrpc.php"/>
<link rel="shortcut icon" href="../wordpress/wp-content/themes/AggregatorInReview-3/favicon.ico" type="image/x-icon">
<link rel="icon" href="../wordpress/wp-content/themes/AggregatorInReview-3/favicon.ico" type="image/x-icon">
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/css/ie6style.css" />
<script type="text/javascript" src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('img#logo, span.overlay, a.zoom-icon, a.more-icon, #menu, #menu-right, #menu-content, ul#top-menu ul, #menu-bar, .footer-widget ul li, span.post-overlay, #content-area, .avatar-overlay, .comment-arrow, .testimonials-item-bottom, #quote, #bottom-shadow, #quote .container');</script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/css/ie7style.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/css/ie8style.css" />
<![endif]-->
<script language="JavaScript" type="text/JavaScript">
<!�
menu_status = new Array();
function showHide(theid){
if (document.getElementById) {
var switch_id = document.getElementById(theid);
if(menu_status[theid] != 'show') {
switch_id.className = 'show';
menu_status[theid] = 'show';
}else{
switch_id.className = 'hide';
menu_status[theid] = 'hide';
}
}
}
//�>
</script>
<script type="text/javascript">
<!--
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
//-->
</script>
<script type="text/javascript">
document.documentElement.className = 'js';
</script>
<link rel="alternate" type="application/rss+xml" title="EYEconomy � Feed" href="http://eyeconomy.co.uk/?feed=rss2"/>
<link rel="alternate" type="application/rss+xml" title="EYEconomy � Comments Feed" href="http://eyeconomy.co.uk/?feed=comments-rss2"/>
<link rel="alternate" type="application/rss+xml" title="EYEconomy � Mobile Web Design � Best Practises / Considerations Comments Feed" href="http://eyeconomy.co.uk/?feed=rss2&p=4199"/>
<meta content="AggregatorInReview 3 v.1.5" name="generator"/><link rel="stylesheet" id="contact-form-7-css" href="../wordpress/wp-content/plugins/contact-form-7/includes/css/styles.css" type="text/css" media="all"/>
<link rel="stylesheet" id="et-rating-css" href="../wordpress/wp-content/themes/AggregatorInReview-3/css/jquery.rating.css" type="text/css" media="all"/>
<link rel="stylesheet" id="et-shortcodes-css-css" href="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/shortcodes/css/shortcodes.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fancybox-css" href="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen"/>
<link rel="stylesheet" id="et_page_templates-css" href="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/page_templates/page_templates.css" type="text/css" media="screen"/>
<script type="text/javascript" src="../wordpress/wp-includes/js/comment-reply.min.js"></script>
<script type="text/javascript" src="../wordpress/wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="../wordpress/wp-includes/js/jquery/jquery-migrate.min.js"></script>
<style type="text/css">img.nothumb{border:0;margin:0 0 0 2px !important;}</style>
<!-- Tweet This v1.8.3 b037 mode alpha -->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://eyeconomy.co.uk/wordpress/xmlrpc.php?rsd"/>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://eyeconomy.co.uk/wordpress/wp-includes/wlwmanifest.xml"/>
<link rel="prev" title="Why a Minimalist Web Design?" href="http://eyeconomy.co.uk/?p=4025"/>
<link rel="next" title="Mobile Marketing – Advantages / Disadvantages" href="../p_4205_wordpress/"/>
<meta name="generator" content="WordPress 3.8.1"/>
<link rel="canonical" href="../p_4199_wordpress/"/>
<link rel="shortlink" href="http://is.gd/Hlpa5y"/>
<!-- used in scripts --><meta name="et_featured_auto_speed" content="7000"/><meta name="et_disable_toptier" content="0"/><meta name="et_featured_slider_pause" content="0"/><meta name="et_featured_slider_auto" content="0"/> <!-- Meta Manager Start -->
<!-- Meta Manager End -->
</head>
<body class="single single-post postid-4199 single-format-standard unknown et_includes_sidebar">
<div id="top-header">
<div id="top-header-pattern">
<div class="container clearfix">
<a href="/">
</a>
<img src="../wordpress/wp-content/themes/AggregatorInReview-3/images/top-menu.gif" alt="" width="960" height="86" border="0" usemap="#top-menuMap" id="top-menu"/>
<map name="top-menuMap" id="top-menuMap">
<area shape="circle" coords="39,45,39" href="/" alt="EYEconomy"/>
<area shape="rect" coords="85,34,189,60" href="../aggregator/" alt="Aggregators"/>
<area shape="rect" coords="205,35,293,60" href="../page_id_10306_wordpress/" alt="Articles"/>
<area shape="rect" coords="309,36,427,60" href="../casestudies/" alt="Case Studies"/>
<area shape="rect" coords="601,36,645,60" href="/" alt="About"/>
<area shape="rect" coords="654,36,710,58" href="http://spotlightideas.co.uk/?page_id=7954" alt="Contact"/>
<area shape="rect" coords="719,35,748,62" href="https://twitter.com/ESpotlight" alt="Follow on Twitter"/>
<area shape="rect" coords="439,36,583,60" href="../page_id_10384_wordpress/" alt="Other Resources"/>
<area shape="rect" coords="759,35,942,57" href="../page_id_10386_wordpress/" alt="Browse by Media"/>
<area shape="rect" coords="202,69,354,81" href="../aggregator/" alt="Digital Marketing Aggregator"/>
<area shape="rect" coords="373,69,449,83" href="../socialmedia/" alt="Social Media Aggregator"/>
<area shape="rect" coords="467,69,515,82" href="../searchmarketing/" alt="Search Marketing Aggregator"/>
<area shape="rect" coords="533,67,601,82" href="../advertising/" alt="Advertising Aggregator"/>
<area shape="rect" coords="620,69,663,82" href="../mobile/" alt="Mobile Aggregator"/>
<area shape="rect" coords="681,67,759,82" href="../aggregator2/" alt="Web Design Aggregator"/>
<area shape="rect" coords="777,68,867,82" href="../graphicdesign/" alt="Graphic Design Aggregator"/>
<area shape="rect" coords="887,67,942,83" href="../page_id_11928_wordpress/" alt="Software Development Aggregator"/>
</map>
<div id="below-logo"></div>
<!--<span style="float:left; margin-top:30px; margin-right:10px;"><a href="https://twitter.com/#!/ESpotlight" target="_blank"><img style="float:left; margin:-3px 10px 0px 0px;" src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/images/twitter-small.png" width="20px" height="20px" alt="" /></a> 23,000+ followers </span>-->
<div id="slogan">Digital Headlines & Resources</div>
</div> <!-- end .container -->
</div> <!-- end #top-header-pattern -->
</div> <!-- end #top-header -->
<div id="bottom-header">
<div class="container clearfix">
<ul id="secondary-menu" class="nav">
<li><a href="/">Home</a></li>
<li class="page_item page-item-7647"><a href="../page_id_7647_wordpress/">#7647 (no title)</a></li>
<li class="page_item page-item-11928"><a href="../page_id_11928_wordpress/">#11928 (no title)</a></li>
<li class="page_item page-item-9660"><a href="../page_id_9660_wordpress/">1,000 Top Digital, Marketing & Communications Blogs in Aggregated Format</a></li>
<li class="page_item page-item-9781"><a href="../page_id_9781_wordpress/">101 Top Social Media Case Studies</a></li>
<li class="page_item page-item-9814"><a href="../page_id_9814_wordpress/">105 Top Digital Marketing (integrated / general) Case Studies</a></li>
<li class="page_item page-item-9738"><a href="../page_id_9738_wordpress/">13 Top Twitter Case Studies</a></li>
<li class="page_item page-item-9804"><a href="../page_id_9804_wordpress/">15 Top iPad Case Studies</a></li>
<li class="page_item page-item-10721"><a href="../page_id_10721_wordpress/">20 Top UK Facebook Case Studies</a></li>
<li class="page_item page-item-9810"><a href="../page_id_9810_wordpress/">20 Top Virals / Video Marketing Case Studies</a></li>
<li class="page_item page-item-9796"><a href="../page_id_9796_wordpress/">25 Top Digital – Branding / Planning / Strategy Case studies</a></li>
<li class="page_item page-item-10738"><a href="../page_id_10738_wordpress/">250+ Top UK Digital Marketing Case Studies</a></li>
<li class="page_item page-item-9807"><a href="../page_id_9807_wordpress/">34 Top Mobile Mobile / Advertising Case Studies</a></li>
<li class="page_item page-item-9717"><a href="../page_id_9717_wordpress/">44 Top Facebook Case Studies</a></li>
<li class="page_item page-item-10402"><a href="../page_id_10402_wordpress/">5 Top Email Marketing Case Studies</a></li>
<li class="page_item page-item-4719"><a href="../page_id_4719_wordpress/">500 Top Digital Marketing Cases Studies</a></li>
<li class="page_item page-item-10714"><a href="../page_id_10714_wordpress/">9 Top Augmented Reality Case Studies</a></li>
<li class="page_item page-item-10110"><a href="../page_id_10110_wordpress/">About</a></li>
<li class="page_item page-item-9884"><a href="../page_id_9884_wordpress/">Aggregators, Articles & Case Studies – Coming Soon.</a></li>
<li class="page_item page-item-10306"><a href="../page_id_10306_wordpress/">Articles (most popular)</a></li>
<li class="page_item page-item-8850"><a href="../page_id_8850_wordpress/">Articles, Interviews & Case Studies</a></li>
<li class="page_item page-item-10386"><a href="../page_id_10386_wordpress/">Browse by Media & Channels</a></li>
<li class="page_item page-item-7954"><a href="../page_id_7954_wordpress/">CONTACT</a></li>
<li class="page_item page-item-3499"><a href="/">Front Page</a></li>
<li class="page_item page-item-10196"><a href="../page_id_10196_wordpress/">Legends of Advertising: Bill Bernbach, David Ogilvy and Leo Burnett</a></li>
<li class="page_item page-item-9135"><a href="../page_id_9135_wordpress/">eyeconomy.co.uk Career Articles</a></li>
<li class="page_item page-item-10276"><a href="../page_id_10276_wordpress/">eyeconomy.co.uk Career Articles</a></li>
<li class="page_item page-item-10384"><a href="../page_id_10384_wordpress/">Other Resources (most popular)</a></li>
<li class="page_item page-item-2"><a href="../page_id_2_wordpress/">Sample Page</a></li>
<li class="page_item page-item-5690"><a href="../page_id_5690_wordpress/">Submit your Job Vacancies</a></li>
<li class="page_item page-item-9029"><a href="../page_id_9029_wordpress/">Top 200 Marketing Slideshare Prestenations – 2011 to 2017</a></li>
<li class="page_item page-item-10744"><a href="../page_id_10744_wordpress/">Top UK Digital Marketing (General / Integrated) Case Studies</a></li>
<li class="page_item page-item-10736"><a href="../page_id_10736_wordpress/">Top UK Ecommerce Case Studies</a></li>
<li class="page_item page-item-10728"><a href="../page_id_10728_wordpress/">Top UK Interactive (Online) Case Studies</a></li>
<li class="page_item page-item-10734"><a href="../page_id_10734_wordpress/">Top UK iPad Case Studies</a></li>
<li class="page_item page-item-10730"><a href="../page_id_10730_wordpress/">Top UK Mobile Apps Case Studies</a></li>
<li class="page_item page-item-10732"><a href="../page_id_10732_wordpress/">Top UK Mobile Marketing / Advertising Case Studies</a></li>
<li class="page_item page-item-10740"><a href="../page_id_10740_wordpress/">Top UK Search Marketing Case Studies</a></li>
<li class="page_item page-item-10726"><a href="../page_id_10726_wordpress/">Top UK Social Media (General) Case Studies</a></li>
<li class="page_item page-item-10724"><a href="../page_id_10724_wordpress/">Top UK Twitter Case Studies</a></li>
<li class="page_item page-item-10742"><a href="../page_id_10742_wordpress/">Top UK Virals / Video Marketing Case Studies</a></li>
<li class="cat-item cat-item-3"><a href="../cat_3_wordpress/" title="View all posts filed under Articles">Articles</a>
</li>
<li class="cat-item cat-item-4"><a href="../cat_4_wordpress/" title="View all posts filed under Career">Career</a>
</li>
<li class="cat-item cat-item-5"><a href="../cat_5_wordpress/" title="View all posts filed under Case Studies">Case Studies</a>
</li>
<li class="cat-item cat-item-6"><a href="../cat_6_wordpress/" title="View all posts filed under Favourites">Favourites</a>
</li>
<li class="cat-item cat-item-7"><a href="../cat_7_wordpress/" title="View all posts filed under Interviews">Interviews</a>
</li>
<li class="cat-item cat-item-8"><a href="../cat_8_wordpress/" title="View all posts filed under Private">Private</a>
</li>
<li class="cat-item cat-item-9"><a href="../cat_9_wordpress/" title="View all posts filed under Resources">Resources</a>
</li>
<li class="cat-item cat-item-1"><a href="../cat_1_wordpress/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
<li class="cat-item cat-item-10"><a href="../cat_10_wordpress/" title="View all posts filed under What is">What is</a>
</li>
</ul> <!-- end ul#nav -->
<!--<div id="search-form">
<form method="get" id="searchform" action="http://eyeconomy.co.uk/">
<input type="text" value="Search this site..." name="s" id="searchinput" />
<input type="image" src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/images/search_btn.png" id="searchsubmit" />
</form>
</div>--> <!-- end #search-form -->
</div> <!-- end .container -->
</div> <!-- end #bottom-header -->
<div id="content-area">
<div id="top-shadow">
<div class="container">
<div id="main-content">
<div id="main-content-wrap" class="clearfix">
<div id="left-area">
<div id="breadcrumbs">
<a href="/">Home</a> <span class="raquo">»</span>
<a href="../cat_8_wordpress/">Private</a> <span class="raquo">»</span> Mobile Web Design – Best Practises / Considerations </div> <!-- end #breadcrumbs --> <div class="entry post clearfix">
<div class="post-description">
<h1 class="title">Mobile Web Design – Best Practises / Considerations</h1>
<div class="clear"></div>
</div> <!-- end .post-description -->
<div class="clear"></div>
<div class="entry-content">
<p><span style="color: #000000;">Mobile is not the web .. Some important mobile web design best practises / considerations</span></p>
<ul>
<li><span style="color: #ff6600;"><strong>Know your audience</strong> </span><span style="color: #000000;">– Research your audience so that you can design the site around them.</span></li>
<li><strong><span style="color: #ff6600;">Minimize Design</span></strong> <span style="color: #000000;">– Keep Design / content to a minimum, remembering that users are limited to what they can view and do (in the sense of type) with mobile phones</span></li>
<li><strong><span style="color: #ff6600;">Sub-domain</span></strong> <span style="color: #000000;">– It is becoming more common for companies to use sub-domain or separate folder on main domain than .mobi – as centralized content on one domain can be less confusing for users to follow (and more straigthforward for designers / admin , too, although this is of secondary importance). However, there are still some who think .mobi gives the impression you’re focused on giving a specific mobile experience as opposed to mobile just being an extension of the web experience.</span></li>
<li><strong><span style="color: #ff6600;">Frames / tables / CSS</span></strong> <span style="color: #000000;">- Avoid frames (often not supported / causes usability problems) and tables (restricts ability to adapt for various devices and increase page size). Use CSS for layout.</span></li>
<li><span style="color: #ff6600;"><strong>Coding</strong> </span><span style="color: #000000;">- Code with HTML / XHTML (the older WML is more-a-less obsolete now in Europe / America).</span></li>
<li><strong><span style="color: #ff6600;">Viewing / different phones</span></strong> <span style="color: #000000;">- Consider how images will look according to mobile phone type</span></li>
<li><strong><span style="color: #ff6600;">Buttons</span></strong><span style="color: #000000;"> – Give users options of buttons to avoid excess typing, as well as using buttons to help in navigation</span></li>
<li><strong><span style="color: #ff6600;">Navigation</span></strong> <span style="color: #000000;">– Not too many links (you only have limited space), add navigation buttons, also, minimize vertical scrolling (scrolling is difficult in mobile environment because of small viewable size) and eliminate horizontal scrolling (having two scrolling directions is really confusing, and horizontal scrolling is more confusing than vertical scrolling). Make sure links and buttons etc .. are big enough so that it is easy to touch them.</span></li>
<li><strong><span style="color: #ff6600;">Amount of images</span></strong> <span style="color: #000000;">– Because of the internet, users in general are accustomed to lots of visual content and mobile internet connections are improving all the time. Nevertheless, designers still have to remember that mobile is not the web (less viewable space / connection issues and so on).</span></li>
<li><strong><span style="color: #ff6600;">Colour contrast</span> <span style="color: #000000;">-</span></strong><span style="color: #000000;"> Getting colour contrast right is important on mobile, as it’s easy for colours to clash, and as you have limited viewing space sp the content could be difficult to take in</span></li>
<li><strong><span style="color: #ff6600;">Pop-ups</span></strong> <span style="color: #000000;">– Avoid pop-up windows as they can get-in-the-way of user experience.</span></li>
<li><strong><span style="color: #ff6600;">Content in order of importance</span></strong> <span style="color: #000000;">- Put the most important information at the top of the site (simply because you’re limited, compared to web, about highlighting the most important content</span></li>
<li><span style="color: #ff6600;"><strong>Test</strong> </span><span style="color: #000000;">– Keep testing – there are lots of testing tools (i.e. emulators) available.</span></li>
</ul>
<p><span style="color: #808080;">Mobile web design best practises / considerations – spotlightideas.co.uk – 2010</span></p>
<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Slashdot It!"><img src="../favicon.ico" height="16" width="16" alt="[Slashdot]"/></a>
<a href="http://digg.com/submit?phase=2&url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Digg This Story"><img src="../img/favicon.a015f25c.ico" width="16" height="16" alt="[Digg]"/></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Reddit"><img src="../favicon.ico" width="16" height="16" alt="[Reddit]"/></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&noui&jump=close&url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="../static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]"/></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199" title="Share on Facebook"><img src="../favicon.ico" width="16" height="16" alt="[Facebook]"/></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199" title="Add to my Technorati Favorites"><img src="../favicon.ico" width="16" height="16" alt="[Technorati]"/></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Save to Google Bookmarks"><img src="../favicon.ico" width="16" height="16" alt="[Google]"/></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Feyeconomy.co.uk%2F%3Fp%3D4199&title=Mobile+Web+Design+%26%238211%3B+Best+Practises+%2F+Considerations" title="Stumble it!"><img src="../favicon.ico" width="16" height="16" alt="[StumbleUpon]"/></a>
</span><div class="tweetthis" style="text-align:left;"><p> <a target="_blank" rel="nofollow" class="tt" href="http://twitter.com/intent/tweet?text=Mobile+Web+Design+%E2%80%93+Best+Practises+%2F+Considerations+http%3A%2F%2Fis.gd%2FkTWF6R" title="Post to Twitter"><img class="nothumb" src="../wordpress/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter"/></a> <a target="_blank" rel="nofollow" class="tt" href="http://twitter.com/intent/tweet?text=Mobile+Web+Design+%E2%80%93+Best+Practises+%2F+Considerations+http%3A%2F%2Fis.gd%2FkTWF6R" title="Post to Twitter">Tweet This Post</a></p></div> </div> <!-- end .entry-content -->
<!--ADSENSE-->
<!-- 1 Nove 13 -->
<p> </p>
<!-- You can start editing here. -->
<div id="comment-wrap">
<div id="comment-section" class="nocomments">
<!-- If comments are open, but there are no comments. -->
</div>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title"><span>Leave a Comment</span> <small><a rel="nofollow" id="cancel-comment-reply-link" href="../p_4199_wordpress/#respond" style="display:none;">Cancel reply</a></small></h3>
<form action="/" method="post" id="commentform" class="comment-form">
<p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required="true"/></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" aria-required="true"/></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30"/></p>
<div id="et-rating" class="clearfix">
<span id="choose_rating">Choose a Rating</span>
<div class="rating-container">
<div class="rating-inner clearfix"><input name="et_star" type="radio" class="star {half:true}" value="0.5"/><input name="et_star" type="radio" class="star {half:true}" value="1"/><input name="et_star" type="radio" class="star {half:true}" value="1.5"/><input name="et_star" type="radio" class="star {half:true}" value="2"/><input name="et_star" type="radio" class="star {half:true}" value="2.5"/><input name="et_star" type="radio" class="star {half:true}" value="3"/><input name="et_star" type="radio" class="star {half:true}" value="3.5"/><input name="et_star" type="radio" class="star {half:true}" value="4"/><input name="et_star" type="radio" class="star {half:true}" value="4.5"/><input name="et_star" type="radio" class="star {half:true}" value="5"/> </div> <!-- end .rating-inner -->
</div> <!-- end .rating-container -->
</div> <!-- end #et-rating --><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></p> <p class="form-submit">
<input name="submit" type="submit" id="submit" value="Submit"/>
<input type="hidden" name="comment_post_ID" value="4199" id="comment_post_ID"/>
<input type="hidden" name="comment_parent" id="comment_parent" value="0"/>
</p>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="a7a51c766c"/></p><script type="text/javascript" src="../wordpress/wp-content/plugins/akismet/_inc/form.js"></script>
<p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="197"/></p> </form>
</div><!-- #respond -->
</div> </div> <!-- end .entry -->
<div class="cover-shadow"></div>
</div> <!-- end #left-area -->
<div id="sidebar">
<div class="sidebar-block" style="padding-top:0px;">
<div>
<!--<div style="width:100%; height:38px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #fff; color:#fff; text-align:center; font-size:15px; line-height:1.5em; background:#000;">
EYEconomy<br />
<span style="text-transform:uppercase;">Top Blog Aggregators</span>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:left; border-right:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/aggregator/">Digital Marketing</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:right; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/aggregator2/">Web Design & Dev</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:left; border-right:1px solid #fff; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/searchmarketing/">Search Marketing</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:right; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/graphicdesign/">Graphic Design</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:left; border-right:1px solid #fff; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/socialmedia/">Social Media</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:right; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/mobile/">Mobile</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:left; border-right:1px solid #fff; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/advertising/">Advertising</a>
</div>
<div style="width:143px; padding-top:8px; padding-bottom:5px; float:right; border-top:1px solid #fff; color:#fff; background:#e7121d; text-align:left; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase;">
<a style="color:#fff; text-decoration:none;" href="http://spotlightideas.co.uk/software-development/">Software</a>
</div>-->
<div id="text-4" class="widget widget_text"><h4 class="widgettitle">Popular articles and resources</h4> <div class="textwidget"><ul>
<li><a href="../p_3896_wordpress/">The Big Digital Marketing Resource - Stats, Strategy, Tactics, Topics, and more</a></li>
<li><a href="../p_4205_wordpress/">Mobile Marketing – Advantages / Disadvantages</a></li>
<li><a href="../p_11418_wordpress/">Digital Marketing Strategy</a></li>
<li><a href="../page_id_4719_wordpress/">500 Top Digital Marketing Cases Studies</a></li>
<li><a href="../p_874_wordpress/">225 Top Print Ads 2004 – 2018 </a></li>
<li><a href="../p_2056_wordpress/">45 Great TV Ads 1974 – 2018 </a></li>
<li><a href="../page_id_9781_wordpress/">101 Top Social Media Case Studies</a></li>
<li><a href="../p_4626_wordpress/">35 Top Mobile App Case Studies</a></li>
<li><a href="../p_2644_wordpress/">61 Top Interactive (online) Case Studies</a></li>
<li><a href="../p_302_wordpress/">Top 100 Digital / Marketing / Communications Blogs </a></li>
<li><a href="../p_909_wordpress/">Top 100 Creative Blogs – Advertising, Design, Marketing and New Media</a></li>
<li><a href="../p_119_wordpress/">What is an Advertising Creative Brief</a></li>
<li><a href="../p_7830_wordpress/">The Importance of Digital Marketing Training</a></li>
<li><a href="../p_4871_wordpress/">50 Key Landmarks in the History of Digital Marketing</a></li>
<li><a href="../p_127_wordpress/">60 Classic Straplines</a></li>
</ul></div>
</div> <!-- end .widget -->
<div class="clearfix"></div>
<!--<div style="width:100%; padding-top:10px; padding-left:5px; text-align:left; font-size:12px;">
<a style="color:#000; text-decoration:none; padding-right:20px;" href="http://spotlightideas.co.uk/">About</a>
<a style="color:#000; text-decoration:none; padding-right:20px;" href="http://spotlightideas.co.uk/casestudies/">Case Studies</a>
<a style="color:#000; text-decoration:none; padding-right:20px;" href="http://spotlightideas.co.uk/?page_id=8850">Articles</a>
<a style="color:#000; text-decoration:none; padding-right:20px;" href="http://spotlightideas.co.uk/?page_id=7954">Contact</a>
<a href="https://twitter.com/ESpotlight"><img src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/images/twitter-icon-red.png" width="22" height="21" alt="Twitter" title="Twitter" /></a>
</div>-->
</div>
</div>
<div class="clearfix"></div>
<!--<p> </p><br />-->
<!--<center><a href="http://spotlightideas.co.uk/aggregator/"><img src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/images/orange-top-100-circle.png" width="200" height="200" alt="Top 100 Blogs" /></a></center>-->
<!--<center><a href="http://spotlightideas.co.uk/aggregator/"><img src="http://eyeconomy.co.uk/wordpress/wp-content/themes/AggregatorInReview-3/images/side-right.png" width="175" height="157" alt="Top 250 Blogs" /></a></center>-->
<div class="cover-shadow"></div>
</div> <!-- end #sidebar -->
</div> <!-- end #main-content-wrap -->
</div> <!-- end #main-content -->
</div> <!-- end .container -->
</div> <!-- end #top-shadow -->
</div> <!-- end #content-area -->
<div id="footer">
<div id="footer-pattern">
<div class="container">
<div id="footer-widgets" class="clearfix">
</div> <!-- end #footer-widgets -->
</div> <!-- end .container -->
<div id="footer-bottom">
<div class="container clearfix">
<p id="copyright">© 2018, <a href="/">eyeconomy.co.uk</a>. All Rights Reserved | <a href="http://www.webmarketingplus.co.uk/about_wmp.html" target="_blank">Will Brown</a></p>
<p class="hide"></p>
</div> <!-- end .container -->
</div> <!-- end #footer-bottom -->
</div> <!-- end #footer-pattern -->
</div> <!-- end #footer -->
<script src="../wordpress/wp-content/themes/AggregatorInReview-3/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../wordpress/wp-content/themes/AggregatorInReview-3/js/jquery.cycle.all.min.js" type="text/javascript"></script>
<script src="../wordpress/wp-content/themes/AggregatorInReview-3/js/superfish.js" type="text/javascript"></script>
<script src="../wordpress/wp-content/themes/AggregatorInReview-3/js/custom.js" type="text/javascript"></script>
<!--ANALYTICS-->
<script type="text/javascript" src="../wordpress/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/eyeconomy.co.uk\/wordpress\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type="text/javascript" src="../wordpress/wp-content/plugins/contact-form-7/includes/js/scripts.js"></script>
<script type="text/javascript" src="../wordpress/wp-content/themes/AggregatorInReview-3/js/jquery.MetaData.js"></script>
<script type="text/javascript" src="../wordpress/wp-content/themes/AggregatorInReview-3/js/jquery.rating.pack.js"></script>
<script type="text/javascript" src="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../wordpress/wp-content/themes/AggregatorInReview-3/epanel/page_templates/js/et-ptemplates-frontend.js"></script>
</body>
</html>