<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="https://shkspr.mobi/blog/wp-content/themes/edent-wordpress-theme/rss-style.xsl" type="text/xsl"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	    xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	     xmlns:dc="http://purl.org/dc/elements/1.1/"
	   xmlns:atom="http://www.w3.org/2005/Atom"
	     xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	  xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>
<channel>
	<title>Mobile Badvertising &#8211; Click Here &#8211; Terence Eden’s Blog</title>
	<atom:link href="https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/feed/" rel="self" type="application/rss+xml" />
	<link>https://shkspr.mobi/blog</link>
	<description>Regular nonsense about tech and its effects 🙃</description>
	<lastBuildDate>Wed, 30 Dec 2009 15:05:28 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://shkspr.mobi/blog/wp-content/uploads/2023/07/cropped-avatar-32x32.jpeg</url>
	<title>Mobile Badvertising &#8211; Click Here &#8211; Terence Eden’s Blog</title>
	<link>https://shkspr.mobi/blog</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title><![CDATA[Mobile Badvertising - Click Here]]></title>
		<link>https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/</link>
					<comments>https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/#comments</comments>
				<dc:creator><![CDATA[@edent]]></dc:creator>
		<pubDate>Sat, 07 Nov 2009 12:00:47 +0000</pubDate>
				<category><![CDATA[badvertising]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[NaBloPoMo]]></category>
		<category><![CDATA[reuters]]></category>
		<guid isPermaLink="false">http://shkspr.mobi/blog/?p=955</guid>

					<description><![CDATA[How do you indicate that something on the web is &#34;clickable&#34;?  The W3C - the body which sets the standards for the Web - recommend you don&#039;t use &#34;Click Here&#34; for link text.  Normal text is usually underlined and / or a different colour when it is a hyperlink - images don&#039;t have any specific decoration to indicate you can click on them.  In this animated GIF, an advert for Lexus, we see a call to a…]]></description>
										<content:encoded><![CDATA[<p>How do you indicate that something on the web is "clickable"?&nbsp; The W3C - the body which sets the standards for the Web - <a href="http://www.w3.org/QA/Tips/noClickHere">recommend you don't use "Click Here" for link text</a>.&nbsp; Normal text is usually underlined and / or a different colour when it is a hyperlink - images don't have any specific decoration to indicate you can click on them.</p>

<p>In this animated GIF, an advert for Lexus, we see a call to action which says "Click Here".</p>

<p></p><div id="attachment_956" style="width: 310px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-956" class="size-full wp-image-956" title="lexus reuters advert" src="https://shkspr.mobi/blog/wp-content/uploads/2009/11/lexus-reuters-advert.gif" alt="Lexus Advert" width="300" height="75"><p id="caption-attachment-956" class="wp-caption-text">Lexus Advert</p></div><p></p>

<p>Would it not be obvious to readers that this is an advert? That adverts are clickable?</p>

<p>Perhaps not.  Let's see how it is laid out on <a href="http://mobile.reuters.com/">Reuters Mobile</a>.</p>

<p></p><div id="attachment_957" style="width: 490px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-957" class="size-full wp-image-957" title="reuters advert" src="https://shkspr.mobi/blog/wp-content/uploads/2009/11/reuters-advert.jpg" alt="Advert on the Reuters Mobile site" width="480" height="320"><p id="caption-attachment-957" class="wp-caption-text">Advert on the Reuters Mobile site</p></div><p></p>

<p>Utterly bizarrely, this image <em>isn't</em> clickable!  The user will try in vain to click where it says "Click Here" and get nowhere - they have click on the word <span style="text-decoration: underline;">Lexus</span>.</p>

<p>Take a look at the source code, if you don't believe me.</p>

<p></p><div id="attachment_958" style="width: 490px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-958" class="size-full wp-image-958" title="reuters source" src="https://shkspr.mobi/blog/wp-content/uploads/2009/11/reuters-source.jpg" alt="HTML Source Code" width="480" height="320"><p id="caption-attachment-958" class="wp-caption-text">HTML Source Code</p></div><p></p>

<h2 id="make-your-advert-easy-to-access"><a href="https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/#make-your-advert-easy-to-access">Make Your Advert Easy To Access</a></h2>

<p>Seems obvious, no?  The bigger the target area, the more chance a user will be able to click on it.  This is a big usability issue - especially on phones touchscreens, trackpads and rollerballs.</p>

<p>We see this issue in HTML forms as well.  In this example, it's easy to select the "Male" option simply because the label is clickable.</p>

<form> <input id="male" name="sex" type="radio"> <label for="male">Male</label>
<input id="female" name="sex" type="radio">Female</form>

<p>The "Female" option is harder because you need to have the dexterity to accurately position your cursor over the tiny radio button as opposed to a larger target.</p>

<p>For a chance to win an AMAZING prize - click this dot <a href="http://www.sadtrombone.com/">.</a> It's not the easiest thing in the world. Especially on a mobile device where the cursor may only move in large steps.</p>

<h2 id="what-to-do"><a href="https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/#what-to-do">What To Do?</a></h2>

<p>Having a hyperlinked word or phrase under an advert certainly isn't going to hurt.&nbsp; When it's the only way to access the content, you risk confusing your users' mental model about how images work.</p>

<p>Above all, never say "Click Here" if there's nowhere to click.</p>
<img src="https://shkspr.mobi/blog/wp-content/themes/edent-wordpress-theme/info/okgo.php?ID=955&HTTP_REFERER=RSS" alt="" width="1" height="1" loading="eager">]]></content:encoded>
					
					<wfw:commentRss>https://shkspr.mobi/blog/2009/11/mobile-badvertising-click-here/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
