<?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>Aligned Left Blog &#187; iphone</title>
	<atom:link href="http://alignedleft.com/blog/tag/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://alignedleft.com/blog</link>
	<description>Exploring digital culture and dynamic media</description>
	<lastBuildDate>Thu, 15 Jul 2010 23:22:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>App Store Visualization</title>
		<link>http://alignedleft.com/blog/2009/06/app-store-visualization/</link>
		<comments>http://alignedleft.com/blog/2009/06/app-store-visualization/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 21:00:31 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=490</guid>
		<description><![CDATA[

Thanks to TechCrunch for capturing some video of App Store visualization on display at Apple’s WWDC conference this week.  A massive grid of iPhone application icons, arranged by color, pulsates as each app is purchased through the App Store.
]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/KiQ62WVvT10&#038;rel=0&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/KiQ62WVvT10&#038;rel=0&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>

<p>Thanks to <a href="http://www.techcrunch.com/2009/06/08/apples-cool-matrix-style-app-wall/">TechCrunch</a> for capturing some video of App Store visualization on display at Apple’s WWDC conference this week.  A massive grid of iPhone application icons, arranged by color, pulsates as each app is purchased through the App Store.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/06/app-store-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Type on the iPhone</title>
		<link>http://alignedleft.com/blog/2008/12/new-type-on-the-iphone/</link>
		<comments>http://alignedleft.com/blog/2008/12/new-type-on-the-iphone/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 17:49:33 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Type]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=430</guid>
		<description><![CDATA[Two new applications for iPhone (I refuse to write “apps”) provide joy through typographic exploration, both free from the App Store.  For All Seasons is an interactive poem with swirling, three-dimensional type.



And Font Shuffle a new program from Font Shop that picks random typefaces for you in a variety of styles, I guess for [...]]]></description>
			<content:encoded><![CDATA[<p>Two new applications for iPhone (I refuse to write “apps”) provide joy through typographic exploration, both free from the App Store.  <em>For All Seasons</em> is an interactive poem with swirling, three-dimensional type.</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/12/forallseasons.png" alt="forallseasons" title="forallseasons" width="480" height="320" class="alignnone size-full wp-image-431" /></p>

<p>And <em>Font Shuffle</em> a new program from Font Shop that picks random typefaces for you in a variety of styles, I guess for when you’re jogging or sitting on the subway in need of some letterform inspiration.</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/12/fontshuffle.png" alt="fontshuffle" title="fontshuffle" width="660" height="480" class="alignnone size-full wp-image-432" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/12/new-type-on-the-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An Orientation-Independent User Interface</title>
		<link>http://alignedleft.com/blog/2008/08/an-orientation-independent-user-interface/</link>
		<comments>http://alignedleft.com/blog/2008/08/an-orientation-independent-user-interface/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 16:20:55 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=233</guid>
		<description><![CDATA[

People have been talking about resolution-independent user interfaces for years—such a UI would gracefully scale larger and smaller, and look good on any display, whether an old 72 ppi CRT or a higher-resolution 163 ppi iPhone.

But I’ve never heard anyone dream of, let alone implement, an orientation-independent interface, one in which text and other elements [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/08/dizzy-bee1.jpg" alt="" title="dizzy-bee" width="480" height="320" /></p>

<p>People have been talking about resolution-independent user interfaces for years—such a UI would gracefully scale larger and smaller, and look good on any display, whether an old 72 ppi CRT or a higher-resolution 163 ppi iPhone.</p>

<p>But I’ve never heard anyone dream of, let alone implement, an <em>orientation</em>-independent interface, one in which text and other elements would always be displayed “upright” from the user’s perspective, regardless of the physical orientation of the display in space.</p>

<p>The creators of the new iPhone game <a href="http://www.igloo-games.com/db/Dizzy_Bee.html">Dizzy Bee</a> have done just that, however, and the execution is completely flawless.  Just as the iPhone itself has set the standard for multi-touch interfaces, Dizzy Bee has broken new ground and established a successful structure for future orientation-independent UIs.</p>

<p>Here’s how it works:  UI elements rotate freely so that their bottoms point down in the physical world, as detected by the iPhone’s accelerometer.  This is appropriate, given that the game itself is played by rotating the physical device in order to direct the bee (and other elements) as they “fall” in the direction of gravity.  Here’s an example of the UI shown between levels—this is one of the islands around which Dizzy Bee navigates:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/08/island-up1.jpg" alt="" title="island-up1" width="480" height="320" /></p>

<p>And here’s that same screen, as it appears when I rotate the device around 180 degrees:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/08/island-down1.jpg" alt="" title="island-down1" width="480" height="320" class="alignnone size-full wp-image-242" /></p>

<p>Notice how, while the island and compass rose remain fixed on the display (so they appear “upside down” here), all the text elements rotate to stay “upright.”  Here’s a shot of the screen that appears when you complete a level:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/08/stage-done1.jpg" alt="" title="stage-done1" width="480" height="320" /></p>

<p>Here’s that same screen, but I’ve tilted the device 225 degrees clockwise:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/08/stage-done-tilted1.png" alt="" title="stage-done-tilted1" width="499" height="500" class="alignnone size-full wp-image-247" /></p>

<p>From this, I will infer four new guidelines for successful orientation-independent interfaces:</p>

<ol>
<li>Each UI element’s top and bottom edges must be defined.</li>
<li>A point at which the rotation occurs must be specified.</li>
<li>Elements should be placed so as not to overlap too much, no matter the rotation.</li>
<li>Background graphics should be appropriate at any rotation.</li>
</ol>

<p>And as if a ground-breaking UI weren’t enough, Dizzy Bee is also just really fun to play, with cute graphics, great sound design, and lots of puzzling levels to play through—for only $2.99!  See it in action here:</p>

<p><object width="601" height="339">   <param name="allowfullscreen" value="true" />   <param name="allowscriptaccess" value="always" />   <param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1313835&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /> <embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1313835&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="601" height="339"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/08/an-orientation-independent-user-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone 3G: Unanswered Questions</title>
		<link>http://alignedleft.com/blog/2008/06/iphone-3g-unanswered-questions/</link>
		<comments>http://alignedleft.com/blog/2008/06/iphone-3g-unanswered-questions/#comments</comments>
		<pubDate>Tue, 10 Jun 2008 04:55:13 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=213</guid>
		<description><![CDATA[I’m sure everyone and their mothers have already blogged this, but here are the lingering questions I have following today’s WWDC keynote:


A new remote “erase” feature was alluded to during the enterprise portion of the presentation.  How will this work, and who controls it?  If I’m late paying my AT&#38;T bill, try to [...]]]></description>
			<content:encoded><![CDATA[<p>I’m sure everyone and their mothers have already blogged this, but here are the lingering questions I have following today’s WWDC keynote:</p>

<ul>
<li><p>A new remote “erase” feature was alluded to during the enterprise portion of the presentation.  How will this work, and who controls it?  If I’m late paying my AT&amp;T bill, try to break my contract, or try to unlock the phone for use with another carrier, will the phone self-destruct?</p></li>
<li><p>Apple announced a new push notification service for developer use, but I’m guessing it ain’t free.  How much will it cost, and who can use it?  Will small, independent developers be priced out of the picture?  And is it part of the new Mobile Me service, or can it operate on its own, serving users who don’t have $99/year Mobile Me accounts?</p></li>
<li><p>How much will my monthly 3G phone bill cost?  (More, presumably.)</p></li>
<li><p>Is 3G service even <em>available</em> in my area?  How can I find out before purchasing a new phone?</p></li>
<li><p>Will Mobile Me’s push email service work only with me.com email accounts?  (I’m guessing yes, which means I wouldn’t be able to use it with alignedleft.com.)</p></li>
<li><p>How does the new Mail app’s UI for multiple-message delete/move work?  This is new functionality for iPhone, but it won’t be useful unless it’s also usable.</p></li>
<li><p>Same question for the multiple language support:  How does the UI work for switching languages/keyboards?  And can the handwriting recognition used for Chinese character input be expanded for use with other alphabets?</p></li>
</ul>

<p>Also, Jobs mentioned that the audio quality had been improved significantly.  It will be interesting to hear if that’s really the case.</p>

<p><strong>Update:</strong> I also want to add one observation that I haven’t seen made elsewhere yet:</p>

<ul>
<li>It looks like iPhone 2.0 supports multiple iCal calendars, which was not mentioned in the keynote (nor on Apple’s site).  This will be great, as it brings my iPhone calendar more in line, visually, with my desktop iCal calendar.  (I hope this also eliminates the bug/feature of having new events entered on the phone sync unpredictably into the last calendar in iCal’s list.)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/06/iphone-3g-unanswered-questions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New Gaming UI Opportunities with iPhone</title>
		<link>http://alignedleft.com/blog/2008/03/new-gaming-ui-opportunities-with-iphone/</link>
		<comments>http://alignedleft.com/blog/2008/03/new-gaming-ui-opportunities-with-iphone/#comments</comments>
		<pubDate>Tue, 04 Mar 2008 15:56:09 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[physical interface]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/2008/03/new-gaming-ui-opportunities-with-iphone/</guid>
		<description><![CDATA[

A new game called Trism is in development.  It looks like Bejeweled, only the colorful blocks are triangles, and the UI more interesting because it uses touch-dragging and directional tilting of the device to manipulate the game.  So as you match up blocks and they disappear, new blocks slide “down,” depending on which [...]]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/hy0ptZisr70&#038;rel=1&#038;border=0"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/hy0ptZisr70&#038;rel=1&#038;border=0" type="application/x-shockwave-flash" wmode="transparent"width="425" height="355"></embed></object></p>

<p>A new game called <a href="http://www.demiforce.com/games.html">Trism</a> is in development.  It looks like Bejeweled, only the colorful blocks are triangles, and the UI more interesting because it uses touch-dragging and <em>directional tilting</em> of the device to manipulate the game.  So as you match up blocks and they disappear, new blocks slide “down,” depending on which way “down” is in real life.  (Sort of like Connect Four, except that in Connect Four, there is only one “down.”)  So you can rotate the iPhone around in order to affect how new blocks slide into the game.  Take a look at the video.  It’s an innovative new UI.</p>

<p><strong>iPhone-related bonus link:</strong> <a href="http://www.youtube.com/watch?v=ke9kxb_H-ac">iPhone Stopwatch Hits 1,000 Hours</a>, the geekiest video I have seen in a long time.  Maybe ever.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/03/new-gaming-ui-opportunities-with-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.254 seconds -->
