<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="/blogs/shared/nolsol.xsl"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>

<title>
BBC Internet Blog
 - 
Oliver Rich
</title>
<link>https://bbcbreakingnews.pages.dev/blogs/bbcinternet/</link>
<description>Staff from the BBC&apos;s online and technology teams talk about BBC Online, BBC iPlayer, and the BBC&apos;s digital and mobile services. The blog is reactively moderated. Posts are normally closed for comment after three months. Your host is Eliza Kessler. </description>
<language>en</language>
<copyright>Copyright 2012</copyright>
<lastBuildDate>Thu, 29 Dec 2011 16:00:00 +0000</lastBuildDate>
<generator>http://www.sixapart.com/movabletype/?v=4.33-en</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 


<item>
	<title>Things to Do Mobile: Design</title>
	<description><![CDATA[<div class="imgCaptionLeft" style="float: left; "><img class="mt-image-left" style="margin: 0 20px 5px 0;" src="https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/12/29/TTD-image-1.jpg" alt="screenshot" width="300" height="420" />
<p style="width: 300px; font-size: 11px; color: #666666;">Things To Do mobile</p>
</div>
<p>Hi, I&rsquo;m Oliver Rich, Senior Designer for BBC Future Media UX&amp;D. I&rsquo;ve led the art direction on Things To Do desktop and mobile over the last year. Since our launch of <a href="https://bbcbreakingnews.pages.dev/thingstodo/">Things To Do ("TTD") on the desktop</a> we have now designed, developed and implemented the first of many mobile releases for TTD.</p>
<p>Just fire up your mobile device&rsquo;s browser, visit <a href="https://bbcbreakingnews.pages.dev/thingstodo/">bbc.co.uk/thingstodo</a> and a slim-line version of the desktop experience is served straight to your smartphone or feature phone.</p>
<p>TTD mobile is one of the first mobile sites to use our new <a href="https://bbcbreakingnews.pages.dev/gel/mobile/device-considerations/philosophy">Global Experience Language (GEL) for mobile</a>; a set of design patterns with which we build BBC experiences.</p>
<p>Thanks to designer Stephen Robertson, the BBC UX&amp;D team now has a core set of patterns to start mobile website designs from, many of which were shaped by TTD requirements. And with our new focus on <a href="https://bbcbreakingnews.pages.dev/blogs/aboutthebbc/2011/06/connected-storytelling-one-service-ten-products-four-screens.shtml">four screens</a> for GEL (TV, Desktop, Mobile, Tablet), these are a great foundation on which to improve and build.</p>
<p>Because - <a href="https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/06/things_to_do.html">as Product Manager Ziad Dajani blogged</a> - TTD aims to tell audiences about activities near them, run by the BBC and our partners, a mobile presentation is an even more essential part of the location-based offer.</p>]]><![CDATA[<h2>Location</h2>
<p>One of our favourite features on TTD Mobile is location search.</p>
<p>The main proposition of our desktop site is built around a user selecting a location, be it a city, town or postcode. So on the mobile site we&rsquo;ve replicated this for users on the go or short of time.</p>
<p>Just enter your location and we&rsquo;ll return a list of results. Of course, we&rsquo;ve added a &lsquo;use my location&rsquo; option for those with GPS enabled browsers making it easy to see what&rsquo;s nearby.</p>
<div class="imgCaptionCenter" style="text-align: center; display: block; "><img class="mt-image-center" style="margin: 0 auto 5px;" src="https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/12/29/TTD_location.jpg" alt="Screenshots of TTD mobile app location search in action" width="600" height="255" />
<p style="margin: 0pt auto 20px; width: 600px; font-size: 11px; color: #666666;">Things To Do mobile location search</p>
</div>
<h2>Providing important information</h2>
<p>One of the key challenges when building the mobile version of TTD was establishing what is the most important information a user needs. Quite simply stripping out images isn&rsquo;t always the solution.</p>
<p>Our search results needed to be quickly scannable and consistent with the desktop experience for those who were familiar with Things To Do already.</p>
<p>We had to make sure that important information such as opening times and maps were optimised for mobile both in terms of visual and interaction design.</p>
<p>So, for example, on mobile we present inline maps but also give you the ability to use the device mapping (where available on your device) and allow you to &lsquo;locate&rsquo; yourself in relation to where an activity takes place; quite handy for those without a physical map to hand.</p>
<h2>Companion to TV and Radio</h2>
<p>But mobile is not just about location while you are on the go.</p>
<p>We also know that audiences are increasingly turning to their mobiles to come to bbc.co.uk from the sofa when they hear calls to action in our programmes. So, with shows like Countryfile and Springwatch regularly promoting the great activities our partners add (using the <a href="https://bbcbreakingnews.pages.dev/thingstodo/activitymaker">Things To Do Activitymaker</a>),  a mobile offer makes even more sense.</p>
<p>The design patterns used in the release are the <a href="https://bbcbreakingnews.pages.dev/gel/mobile/foundations/universal-grid/module-structure">basic module structure</a>, the <a href="https://bbcbreakingnews.pages.dev/gel/mobile/mobile-patterns/interaction/carousel">carousel</a> and <a href="https://bbcbreakingnews.pages.dev/gel/mobile/mobile-patterns/navigation/tabs">tabs</a> - all of which are available on <a href="https://bbcbreakingnews.pages.dev/gel">the BBC GEL website</a>.</p>
<p><em>Oliver Rich is Senior Designer in BBC UXD GEL Mobile. Things To Do is part of the <a href="https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/06/bbc_online_knowledge_learning.html">Knowledge and Learning Product</a>.</em></p>]]></description>
         <dc:creator>Oliver Rich 
Oliver Rich
</dc:creator>
	<link>https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/12/things_to_do_mobile_design.html</link>
	<guid>https://bbcbreakingnews.pages.dev/blogs/bbcinternet/2011/12/things_to_do_mobile_design.html</guid>
	<category>mobile</category>
	<pubDate>Thu, 29 Dec 2011 16:00:00 +0000</pubDate>
</item>


</channel>
</rss>

 
