<?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>iPhoneDevelopmentBits &#187; iPhone UI</title>
	<atom:link href="http://iphonedevelopmentbits.com/category/iphone-ui/feed" rel="self" type="application/rss+xml" />
	<link>http://iphonedevelopmentbits.com</link>
	<description>iPhone Development &#124; iPhone Programming &#124; iPhone Application Development &#124; iPhone Game Development &#124; iPhone App Development &#124; iPhone Software Development</description>
	<lastBuildDate>Wed, 30 Jun 2010 23:55:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Gyroscope: The New Opportunity [U]</title>
		<link>http://iphonedevelopmentbits.com/gyroscope-the-new-opportunity</link>
		<comments>http://iphonedevelopmentbits.com/gyroscope-the-new-opportunity#comments</comments>
		<pubDate>Tue, 29 Jun 2010 13:01:51 +0000</pubDate>
		<dc:creator>anup</dc:creator>
				<category><![CDATA[iPhone Games]]></category>
		<category><![CDATA[iPhone News]]></category>
		<category><![CDATA[iPhone Programming]]></category>
		<category><![CDATA[iPhone UI]]></category>
		<category><![CDATA[accelerometer]]></category>
		<category><![CDATA[gyroscope]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPhone 4]]></category>
		<category><![CDATA[magnetometer]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=537</guid>
		<description><![CDATA[<p>While the entire world was giddily anticipating the start of World Cup soccer this year, it was nose to the grindstone here at Sourcebits developing new soccer madness updates of <a href="http://www.spoonjuice.com/mac/funbooth/">Funbooth for Mac</a> <a href="http://www.spoonjuice.com/iphone/funbooth/">and iPhone</a>.  Work notwithstanding, our&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>While the entire world was giddily anticipating the start of World Cup soccer this year, it was nose to the grindstone here at Sourcebits developing new soccer madness updates of <a href="http://www.spoonjuice.com/mac/funbooth/">Funbooth for Mac</a> <a href="http://www.spoonjuice.com/iphone/funbooth/">and iPhone</a>.  Work notwithstanding, our development team had serious fun during production of these applications.  Throughout the beta testing and QA we were constantly capturing images of ourselves in the props of the teams we support, and we made the most of the new social features with the on-the-fly uploading to Facebook and Twitter.  And at the same time, our gaming wing guys at <em>Wandake</em> were busy putting the finishing touches on their now-huge hit <a href="http://wandake.com/"><em>Wake Up the Box!</em></a> for iPhone and iPad.  So it was a real party at times.</p>
<p><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/Screen-shot-2010-06-29-at-9.53.20-AM.png"><img class="aligncenter size-full wp-image-542" title="Screen shot 2010-06-29 at 9.53.20 AM" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/Screen-shot-2010-06-29-at-9.53.20-AM.png" alt="" width="370" height="171" /></a></p>
<p>While all this was going on, of course there was some big news on June 7, when Steve Jobs introduced yet another Apple engineering marvel: iPhone 4.  Bundled with new features like front-facing camera, superior rear camera, dual mikes for increased noise cancellation, eye-popping Retina Display, multitasking, 720p HD video recording and even a new kind of gyroscope technology, iPhone 4 is a huge evolutionary step in smartphone design.  As the tag line says: &#8220;This changes everything.  Again.&#8221;  And, marketing hyperbole aside, as far as day-to-day use is concerned for sure this will change the way we use iPhone.</p>
<p>Before this year’s launch, several <a href="http://www.engadget.com/2010/05/12/next-generation-iphone-escapes-in-vietnam/">leaked</a> – or <a href="http://www.fastcompany.com/1621516/iphone-leak-iphone-4-apple-gizmodo">mislaid</a> – iPhone 4 models made the rounds of the major tech blogs, complete with gory dissections and the standard tsunami of specu-babble.  But there was one stealth feature all the teardowns and pundits failed to even guess at: <a href="http://www.zdnet.com/blog/btl/wwdc-video-iphone-4s-new-gyroscope-feature/35580">the gyroscope</a>.  And on our side, as veteran iPhone developers, when Steve Jobs announced this during WWDC we were all pretty excited.  And while it still hasn’t gotten much attention in the press, this feature is a game changer in iPhone’s rivalry with Android and Symbian devices.</p>
<p><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/Screen-shot-2010-06-29-at-9.53.57-AM.png"><img class="aligncenter size-full wp-image-543" title="Screen shot 2010-06-29 at 9.53.57 AM" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/Screen-shot-2010-06-29-at-9.53.57-AM.png" alt="" width="370" height="303" /></a></p>
<p>Apple’s been pioneering smartphone innovations since iPhone’s introduction in 2007 with <em>many </em>widely imitated micro-technologies, in particular the accelerometer.  The <a href="http://en.wikipedia.org/wiki/Accelerometer">accelerometer</a> is a type of sensor that detects changes in a device&#8217;s orientation, vibration, rotation or fall by detecting linear acceleration along one of the three X, Y and Z axes – that is: up/down, right/left, and front/back.</p>
<p><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/device_axes.png"><img class="aligncenter size-full wp-image-539" title="device_axes" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/device_axes.png" alt="" width="371" height="393" /></a></p>
<p>3-axis accelerometers enable features we by now take for granted in smartphones (and lately, too, in non-Apple branded consumer digital cameras, music players, and gaming peripherals).  For example, landscape/portrait orientation shifting, tilt for directional control in games and applications, and shake features for refreshing a webpage or shuffling a playlist.  The 1st generation of accelerometer – pre iPhone 4 – could measure only linear motion; it couldn&#8217;t sense direction on a compass or twisting motions or rotation, nor had any notion of gravity.</p>
<p><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/new-iphone-features4.png"><img class="aligncenter size-full wp-image-540" title="new-iphone-features4" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/06/new-iphone-features4.png" alt="" width="371" height="394" /></a></p>
<p>Then last year Apple added a <a href="http://www.youtube.com/watch?v=GSzJMRtJ8Rw">magnetometer</a> to the iPhone 3Gs, enabling it to sense magnetized direction relative to the Earth&#8217;s poles. And now, with the introduction of the gyro in iPhone 4, Apple once more ups the ante in spatial detection / orientation with a new sensor for detecting 3-axis angular acceleration around the X,Y and Z axes, enabling far more precise virtualization of pitch, yaw and roll on iPhone.</p>
<p>While detection of change in velocity has been possible for some time thanks to conventional accelerometer calculations in terms of linear acceleration, the gyroscope has been designed to detect angular acceleration, which will detect change in both velocity and direction at the same time.  iPhone 4’s gyroscope enables the sensing of even slight degrees of rotation while simultaneously rejecting linear movements and hand jitters – both still ably handled by accelerometer’s linear movement detection technology.</p>
<p>Combining the 3 axes of the gyroscope along with the 3 axes of the accelerometer now enables iPhone to recognize distance, speed and direction as it moves real-time through space. And thanks to the CoreMotion APIs in iOS, developers with the vision to make use of gyroscope data can access it freely, as some have <a href="http://www.youtube.com/watch?v=gtIzlVUNJK4&amp;feature=player_embedded">already</a> <a href="http://www.youtube.com/watch?v=UrFLjCy-AP0&amp;feature=player_embedded">done</a>.</p>
<p>Of course iPhone 4 already includes gyroscope support, but it&#8217;s a safe bet the gyro will be baked into future versions of iPod touch, and naturally, iPad.  iPhone devs who can make use of this amazing new technology will find opportunities aplenty on the new platforms, especially games producers and developers.</p>
<p>&#8212;-</p>
<p>update:  Death Star or iPhone gyroscope?   <a href="http://www.ifixit.com/Teardown/iPhone-4-Gyroscope-Teardown/3156/1">iFixit</a> has the goods.</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/gyroscope-the-new-opportunity/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>From iPhone to iPad: UI Tips for Moving Beyond Mobile</title>
		<link>http://iphonedevelopmentbits.com/from-iphone-to-ipad-ui-tips-for-moving-beyond-mobile</link>
		<comments>http://iphonedevelopmentbits.com/from-iphone-to-ipad-ui-tips-for-moving-beyond-mobile#comments</comments>
		<pubDate>Thu, 08 Apr 2010 00:39:14 +0000</pubDate>
		<dc:creator>cary</dc:creator>
				<category><![CDATA[iPad UI]]></category>
		<category><![CDATA[iPhone UI]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=503</guid>
		<description><![CDATA[<p><strong>Big Ass iPod Touch</strong><br />
Google lists over 200,000 hits for “big ipod touch” {48,000 for ‘big ass ipod touch’}. And anyone running an iPhone-optimized app on iPad will get exactly that, and it’ll pretty much suck running letterboxed at 1/3&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Big Ass iPod Touch</strong><br />
Google lists over 200,000 hits for “big ipod touch” {48,000 for ‘big ass ipod touch’}. And anyone running an iPhone-optimized app on iPad will get exactly that, and it’ll pretty much suck running letterboxed at 1/3 screen size or stretched and pixilated at double the native size.  But developers taking advantage of cool, new iPad-only UI conventions are poised to create an entirely NEW class of breathtakingly powerful applications unthinkable on even the smartest mobile phone.  And it’s happening now, with over 1,000 iPad-optimized apps already available less than one week into launch.</p>
<p><strong>That Screen</strong></p>
<div id="attachment_509" class="wp-caption alignright" style="width: 168px"><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/04/ipad-ui-021.jpg"><img class="size-medium wp-image-509 " title="text" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/04/ipad-ui-021-215x300.jpg" alt="" width="158" height="210" /></a><p class="wp-caption-text">Text Formatting Popover</p></div>
<p>Good iPhone app development aims for a stripped down UI due to the quick-to-clutter, pocket-<br />
sized screen canvas. Rather than creating screenfuls of switches and check boxes, iPhone developers have typically built layers of menus, creating a vertical hierarchy of sometimes branching, confusing commands.  While this has been the norm on iPhone, this is anathema to good iPad development.</p>
<p>The big deal on iPad is the big screen.  This, combined with iPad’s new UI features, allows developers to offer on-screen controls much like a traditional Mac or Windows application.</p>
<p><strong>Navigation Bars, Popovers, and the Edit Menu</strong></p>
<p>iPhone developers coming to iPad will soon realize they can utilize the top navigation bar as a fixed toolbar, much like traditional, non-mobile applications.  Thanks to iPad’s generous screen space, the top navigation bar / toolbar offers enough button space for the main controls that</p>
<div id="attachment_508" class="wp-caption alignright" style="width: 220px"><a href="http://iphonedevelopmentbits.com/wp-content/uploads/2010/04/4329403941_ac6dc7e6f6_o1.jpg"><img class="size-medium wp-image-508 " title="colors" src="http://iphonedevelopmentbits.com/wp-content/uploads/2010/04/4329403941_ac6dc7e6f6_o1-298x300.jpg" alt="" width="210" height="210" /></a><p class="wp-caption-text">Color Picker Popover</p></div>
<p>users have come to rely on in traditional applications, especially in landscape mode.  Whether word processing or editing images, users should be able to work on a single screen for an entire session, just like on a regular computer.</p>
<p>On iPhone, users often jump back and forth to reach essential off-screen options and functions, but on iPad contextual controls are introduced not by forcing the user away from content, but instead with nav bars, edit boxes and popovers that allow users to linger on the main screen as they edit.</p>
<p><strong>New Challenges</strong><br />
Application development for iPhone has been an utterly novel experience, with thousands of worldwide developers slowly coming to terms with multi-touch UI principles for a pocketable device.  Now with iPad, Apple is challenging us once more to create the first generation of powerful, full-spec’d applications for <em>full-sized</em> multi-touch.   If we do this right, the notion of iPad as somehow being derivative will quickly vanish as the platform comes into its own.</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/from-iphone-to-ipad-ui-tips-for-moving-beyond-mobile/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iPhone 3.0 Programming Examples and Tutorials</title>
		<link>http://iphonedevelopmentbits.com/iphone-30-programming-examples-and-tutorials</link>
		<comments>http://iphonedevelopmentbits.com/iphone-30-programming-examples-and-tutorials#comments</comments>
		<pubDate>Fri, 10 Jul 2009 05:46:18 +0000</pubDate>
		<dc:creator>rohit</dc:creator>
				<category><![CDATA[iPhone Programming]]></category>
		<category><![CDATA[iPhone Resources]]></category>
		<category><![CDATA[iPhone UI]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=470</guid>
		<description><![CDATA[<p>This is a <a href="http://www.aboutobjects.com/tutorials.html">gold mine</a> for all those who are looking for examples and tutorials for iphone application development. The examples include making your first app, editable detail view, animating a view, table views etc. Get a kick-start in&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>This is a <a href="http://www.aboutobjects.com/tutorials.html">gold mine</a> for all those who are looking for examples and tutorials for iphone application development. The examples include making your first app, editable detail view, animating a view, table views etc. Get a kick-start in iphone development, check <a href="http://www.aboutobjects.com/tutorials.html">the site now</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/iphone-30-programming-examples-and-tutorials/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Best Practices for developing an iPhone / iPod Touch Application</title>
		<link>http://iphonedevelopmentbits.com/best-practices-for-developing-an-iphone-ipod-touch-application</link>
		<comments>http://iphonedevelopmentbits.com/best-practices-for-developing-an-iphone-ipod-touch-application#comments</comments>
		<pubDate>Thu, 11 Jun 2009 07:40:12 +0000</pubDate>
		<dc:creator>rohit</dc:creator>
				<category><![CDATA[iPhone Programming]]></category>
		<category><![CDATA[iPhone UI]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=465</guid>
		<description><![CDATA[<p>Brian LeRoux discusses <a href="http://mashable.com/2009/06/10/build-iphone-app/">the best practices</a> that can help an iPhone developer  make a commercially successful iPhone application / game. The points that he discusses includes: focus, user interface design, approach, development tools, testing and appstore submission. Read the&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Brian LeRoux discusses <a href="http://mashable.com/2009/06/10/build-iphone-app/">the best practices</a> that can help an iPhone developer  make a commercially successful iPhone application / game. The points that he discusses includes: focus, user interface design, approach, development tools, testing and appstore submission. Read the complete article <a href="http://mashable.com/2009/06/10/build-iphone-app/">here</a>.</p>
<p>[source <a href="http://mashable.com/">Mashable</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/best-practices-for-developing-an-iphone-ipod-touch-application/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>jQTouch &#8211; jQuery plugin for iPhone Web Development</title>
		<link>http://iphonedevelopmentbits.com/jqtouch-jquery-plugin-for-iphone-web-development</link>
		<comments>http://iphonedevelopmentbits.com/jqtouch-jquery-plugin-for-iphone-web-development#comments</comments>
		<pubDate>Thu, 19 Mar 2009 06:02:31 +0000</pubDate>
		<dc:creator>rohit</dc:creator>
				<category><![CDATA[iPhone Programming]]></category>
		<category><![CDATA[iPhone Resources]]></category>
		<category><![CDATA[iPhone UI]]></category>
		<category><![CDATA[jQuery iPhone Development]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=445</guid>
		<description><![CDATA[<p>jQTouch is a jQuery plugin that allows development of iphone web applications with native animations and default application styles. Alpha release is available <a href="http://www.jqtouch.com/">here</a>.</p>
]]></description>
			<content:encoded><![CDATA[<p>jQTouch is a jQuery plugin that allows development of iphone web applications with native animations and default application styles. Alpha release is available <a href="http://www.jqtouch.com/">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/jqtouch-jquery-plugin-for-iphone-web-development/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UITabBarController Tutorial</title>
		<link>http://iphonedevelopmentbits.com/uitabbarcontroller-tutorial</link>
		<comments>http://iphonedevelopmentbits.com/uitabbarcontroller-tutorial#comments</comments>
		<pubDate>Mon, 22 Dec 2008 13:46:25 +0000</pubDate>
		<dc:creator>rohit</dc:creator>
				<category><![CDATA[iPhone Programming]]></category>
		<category><![CDATA[iPhone Resources]]></category>
		<category><![CDATA[iPhone UI]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=372</guid>
		<description><![CDATA[<p>The UITabBarController is a container that helps switch between different views using tabs, as can be seen in number of iPhone apps like NyTimes, MarketingProfs etc. A very nice tutorial on how to use this container along with source code&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>The UITabBarController is a container that helps switch between different views using tabs, as can be seen in number of iPhone apps like NyTimes, MarketingProfs etc. A very nice tutorial on how to use this container along with source code for iPhone programming is posted by MIT student Edward Benson on his blog. Read it <a href="http://people.csail.mit.edu/eob/2008/12/21/uitabbarcontroller-example/">here</a>.</p>
<p>[source <a href="http://people.csail.mit.edu/eob/">Edward Benson Blog</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/uitabbarcontroller-tutorial/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>User Interface Design Resources for iPhone Developers</title>
		<link>http://iphonedevelopmentbits.com/user-interface-design-resources-for-iphone-developers</link>
		<comments>http://iphonedevelopmentbits.com/user-interface-design-resources-for-iphone-developers#comments</comments>
		<pubDate>Sat, 06 Dec 2008 13:27:33 +0000</pubDate>
		<dc:creator>rohit</dc:creator>
				<category><![CDATA[iPhone Resources]]></category>
		<category><![CDATA[iPhone UI]]></category>

		<guid isPermaLink="false">http://iphonedevelopmentbits.com/?p=353</guid>
		<description><![CDATA[<p>Several tutorials, links, and resources that you can use in your iPhone user interface design process. Check it <a href="http://www.mobileorchard.com/7-iphone-ui-user-interface-design-resources/">here</a>.</p>
<p> </p>
<p>[source <a href="http://www.mobileorchard.com">MobileOrchard</a>]</p>
]]></description>
			<content:encoded><![CDATA[<p>Several tutorials, links, and resources that you can use in your iPhone user interface design process. Check it <a href="http://www.mobileorchard.com/7-iphone-ui-user-interface-design-resources/">here</a>.</p>
<p> </p>
<p>[source <a href="http://www.mobileorchard.com">MobileOrchard</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://iphonedevelopmentbits.com/user-interface-design-resources-for-iphone-developers/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
