<?xml version="1.0" encoding="UTF-8"?>
<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>Sprung Studios Ltd</title>
	<atom:link href="http://www.sprungstudios.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.sprungstudios.com</link>
	<description>Mobile Interaction Design Agency</description>
	<lastBuildDate>Mon, 23 Apr 2012 14:23:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Vodafone Music Player</title>
		<link>http://www.sprungstudios.com/?p=542</link>
		<comments>http://www.sprungstudios.com/?p=542#comments</comments>
		<pubDate>Fri, 26 Aug 2011 11:26:09 +0000</pubDate>
		<dc:creator>patrick</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Microsoft Vista]]></category>
		<category><![CDATA[promotion]]></category>
		<category><![CDATA[Vodafone]]></category>

		<guid isPermaLink="false">http://www.sprungstudios.com/?p=542</guid>
		<description><![CDATA[Vodafone approached Sprung to help produce promotional, installation and walkthrough screens for the new Vodafone Music Player. The player performs a number of functions including synchronisation, artist biography, track &#38; concert information and customisation. The purpose of the screens Sprung &#8230; <a href="http://www.sprungstudios.com/?p=542">more <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-569" title="VMP_Overview_2" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/VMP_Overview_23.jpg" alt="" width="570" height="326" /></p>
<p>Vodafone approached Sprung to help produce promotional, installation and walkthrough screens for the new Vodafone Music Player. The player performs a number of functions including synchronisation, artist biography, track &amp; concert information and customisation.<span id="more-542"></span></p>
<p>The purpose of the screens Sprung produced were to inform new users of the wide variety of functions in a fun, accessible and informative way. A number of investigations were made into design style but in the end an illustrative chalk board style was considered the most successful. It delivered a strong yet fun visual style combined with a sense of instruction and functionality.</p>
<p>The promotional material was to appear in web carousels and provided a short, visually rich message to users about the unique selling points of the Vodafone Music Player. The variety of messages have been complimented by the variety of colour used in the screens, in which each unique function of the player is displayed on a different colour chalk board.</p>
<p><img class="aligncenter size-full wp-image-563" title="VMP_Promo" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/VMP_Promo1.jpg" alt="" width="570" height="390" /></p>
<p>As well as promotional material Sprung were also asked to produce a short and simple walkthrough for new users. These screens would be displayed to the user after a new install and would provide simple and clear instructions on how to use the player. The same chalk board illustrative style was used for the screens to give the entire range of visuals for the player a sense of consistency and brand. The images below illustrate the chalk board style within both an installation and walkthrough context.</p>
<p><img class="aligncenter size-full wp-image-562" title="VMP_Install" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/VMP_Install.jpg" alt="" width="570" height="440" /><br />
<img class="aligncenter size-full wp-image-561" title="VMP_walkthrough" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/VMP_walkthrough1.jpg" alt="" width="570" height="440" /></p>
<p>If you would like to know how Sprung Studios can help your business with promotional or illustrative material please contact us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sprungstudios.com/?feed=rss2&amp;p=542</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Orange XMS for Tablet</title>
		<link>http://www.sprungstudios.com/?p=519</link>
		<comments>http://www.sprungstudios.com/?p=519#comments</comments>
		<pubDate>Sat, 06 Aug 2011 11:05:17 +0000</pubDate>
		<dc:creator>patrick</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[France Telecom]]></category>
		<category><![CDATA[guideline]]></category>
		<category><![CDATA[Orange]]></category>
		<category><![CDATA[style guide]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.sprungstudios.com/?p=519</guid>
		<description><![CDATA[The Orange XMS project was another chance for Sprung to utilise their wide knowledge of design and functionality for tablet devices. This project centred around providing the user with an email type service to manage both their SMS and MMS &#8230; <a href="http://www.sprungstudios.com/?p=519">more <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/XMS_Splash.jpg" alt="" title="XMS_Splash" width="540" height="336" class="aligncenter size-full wp-image-524" /></p>
<p>The Orange XMS project was another chance for Sprung to utilise their wide knowledge of design and functionality for tablet devices. This project centred around providing the user with an email type service to manage both their SMS and MMS messages sent to their mobile phone number to be viewed on their tablet device. <span id="more-519"></span></p>
<p>Within the service users could view, organise, delete and compose both text based and picture messages.</p>
<p><img src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/XMS_Detail.jpg" alt="" title="XMS_Detail" width="570" height="440" class="aligncenter size-full wp-image-520" /></p>
<p>At Sprung we had to work not only within a new and developing set of tablet guidelines but were also helping to cement rules which had at the time been overlooked. For this reason the project took on two meanings for Sprung, firstly and most importantly we needed to develop a good looking, functional and accessible service and secondly we needed to consider how our design could be used to help produce a more polished and workable set of rules to be used in the developing Orange Tablet Guidelines.</p>
<p>If you or your business would like to utilise the knowledge and experience Sprung Studios have in developing design and UI for tablet services then please contact us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sprungstudios.com/?feed=rss2&amp;p=519</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Orange ID Selector</title>
		<link>http://www.sprungstudios.com/?p=533</link>
		<comments>http://www.sprungstudios.com/?p=533#comments</comments>
		<pubDate>Wed, 27 Jul 2011 11:16:41 +0000</pubDate>
		<dc:creator>patrick</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Cellphone]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[France Telecom]]></category>
		<category><![CDATA[ID Selector]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Orange]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.sprungstudios.com/?p=533</guid>
		<description><![CDATA[The Orange ID Selector is a product based around single sign on. The popularity of single sign on has grown rapidly within the last 12 &#8211; 18 months as it provides users with a quick and easy way to log &#8230; <a href="http://www.sprungstudios.com/?p=533">more <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/ID_Selector_Tablet.jpg" alt="ID Selector For Tablet" title="ID_Selector_Tablet" width="570" height="440" class="aligncenter size-full wp-image-534" /></p>
<p>The Orange ID Selector is a product based around single sign on. The popularity of single sign on has grown rapidly within the last 12 &#8211; 18 months as it provides users with a quick and easy way to log in to a number of different services.</p>
<p>Orange were quick to realise the potential of a single sign on service and came straight to Sprung to help produce a clear and easy way to introduce users to what was then a fresh and new way to log in. <span id="more-533"></span></p>
<p>The Orange ID Selector can now be used across a wide range of Orange products and it was the early work done by Sprung which allowed it to be rolled out quickly and as painlessly for the user as possible. </p>
<p>The difficulty was in producing a clean design whilst also providing peace of mind to the user about signing in with credentials from other services. As well as this obstacle there was also a difference in usability depending on the type of connection (wifi or 3G) that was being used at the time, this increased the need for an extremely clear and understandible message.</p>
<p>The product needed to be implemented across a range of devices most notably on both tablet and smartphones.</p>
<p><img src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2012/04/ID_Selector_Mobile.jpg" alt="ID Selector For Mobile" title="ID_Selector_Mobile" width="570" height="440" class="aligncenter size-full wp-image-535" /></p>
<p>If you would like to find out how your business could benefit from our user experience and design expertise, please contact us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sprungstudios.com/?feed=rss2&amp;p=533</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPad webapp for Tendance Santé</title>
		<link>http://www.sprungstudios.com/?p=401</link>
		<comments>http://www.sprungstudios.com/?p=401#comments</comments>
		<pubDate>Wed, 08 Jun 2011 15:12:49 +0000</pubDate>
		<dc:creator>patrick</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[medical]]></category>
		<category><![CDATA[orientation]]></category>
		<category><![CDATA[platform]]></category>
		<category><![CDATA[portrait]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[Tendance Sante]]></category>
		<category><![CDATA[Web App]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.sprungstudios.com/?p=401</guid>
		<description><![CDATA[Tendance Sante provides it's users with a vast amount of health and well-being information ranging from articles and media to a variety of online services. Part of our brief was to provide a solution to navigating through all of this content. <a href="http://www.sprungstudios.com/?p=401">more <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-417" title="vertical_tab" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2011/06/vertical_tab.jpg" alt="" width="540" height="336" /></p>
<p>Tendance Sante provides it&#8217;s users with a vast amount of health and well-being information ranging from articles and media to a variety of online services. Part of our brief was to provide a solution to navigating through all of this content.<span id="more-401"></span> For the service content, a vertical tab system was agreed by the client and the above screen shows this in use. The user is able to click on a tab and then delve further into the content via searches or list panels. To go back, the user can swipe the overlaying panels away to reveal the panel below.<em><br />
</em></p>
<p>Another of the navigation areas accessible when the user loads the webapp is the dynamic headline area where they can view the leading stories for each section. This was something we created and designed to enable users to quickly and easily look through the latest articles. The below illustration displays how the user can interact with the area by swiping through each section to reveal an article. As the user looks through the sections they can select to go to one of the ‘hub’ areas or directly to a chosen article.</p>
<p><em><a rel="attachment wp-att-418" href="http://www.sprungstudios.com/?attachment_id=418"><img class="aligncenter size-full wp-image-418" title="header_area" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2011/06/header_area.jpg" alt="" width="540" height="582" /></a><br />
</em></p>
<p>The iPad webapp needed to work as an electronic magazine. As well as all the articles, which are available on the website, various types of media needed to be accessible as well. The user needed to be able to directly interact with them by pressing the play button or swiping horizontally to reveal the next image in a gallery.</p>
<p><em><a rel="attachment wp-att-419" href="http://www.sprungstudios.com/?attachment_id=419"><img class="aligncenter size-full wp-image-419" title="media" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2011/06/media.jpg" alt="" width="540" height="316" /></a><br />
</em></p>
<p>Each design we created needed to work in both portrait and landscape modes. We investigated the best ways in which the screen ‘flips’ between each mode. We needed to take into consideration things such as how the content is positioned, displaying the same information and also the functionality of the navigation tabs. The result is a webapp which functions and looks the same in both modes enabling the user to intuitively use the service no matter which orientation they use.</p>
<p><a rel="attachment wp-att-420" href="http://www.sprungstudios.com/?attachment_id=420"><img class="aligncenter size-full wp-image-420" title="orientation" src="http://test.sprungstudios.com/wordpress/wp-content/uploads/2011/06/orientation.jpg" alt="" width="519" height="448" /></a>If you would like to find out how your business website could be optimised for the iPad and other tablet devices, please <a title="contact us" href="mailto:enquiries@sprungstudios.com">contact us</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sprungstudios.com/?feed=rss2&amp;p=401</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

