<?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>Comitic Blog &#187; UI</title>
	<atom:link href="http://blog.comitic.com/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.comitic.com</link>
	<description></description>
	<lastBuildDate>Sun, 16 Jan 2011 23:23:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>DailyHoroscope for Windows Phone 7  gets beautiful screen transitions</title>
		<link>http://blog.comitic.com/dailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions/</link>
		<comments>http://blog.comitic.com/dailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 15:56:45 +0000</pubDate>
		<dc:creator>Max</dc:creator>
				<category><![CDATA[DailyHoroscope]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[windows phone]]></category>
		<category><![CDATA[wp7]]></category>

		<guid isPermaLink="false">http://blog.comitic.com/?p=127</guid>
		<description><![CDATA[We have added screen transitions to the DailyHoroscope that should go hand in hand with the main system UI screen transitions. The system screen transitions are not immediately accessible to developers but developers are welcome to imitate them according to the user interface/user experience guidelines. And it is relatively easy to do so since all [...]]]></description>
			<content:encoded><![CDATA[<div align="right" style="float: right; padding: 0px 0px 5px 5px;"><a name="fb_share" type="box_count" share_url="http://blog.comitic.com/dailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.comitic.com%2Fdailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.comitic.com%2Fdailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions%2F&amp;source=comitic&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>We have added screen transitions to the DailyHoroscope that should go hand in hand with the main system UI screen transitions.</p>
<p>The system screen transitions are not immediately accessible to developers but developers are welcome to imitate them according to the user interface/user experience guidelines. And it is relatively easy to do so since all the power of SilverLight is at the developer&#8217;s fingertips. We have almost no experience with SilverLight and also very little experience with C# &#8211; these are the main technologies for Windows Phone 7 development. But with <a href="http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/09/16/windows-phone-developer-tools-are-final.aspx" target="_blank">great tools</a> Microsoft released, which are quite intuitive and easy to use and with the great help from the <a href="http://msdn.microsoft.com/en-us/library/ff431744(v=VS.92).aspx" target="_blank">samples</a> and the <a href="http://social.msdn.microsoft.com/Forums/en-US/windowsphone7series/threads" target="_blank">developer forum</a>, we were able to dive into straight into the open waters of Windows Phone development.</p>
<p>So for the screen transitions, we were referencing <a href="http://preview.channel9.msdn.com/Blogs/SlickThought/Simplify-Page-Transitions-in-Windows-Phone-7-Silverlight-Applications" target="_blank">this walkthrough</a> by Jeff Brand.</p>
<p>You can see the end result in this video:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Vb-hn7RhOLE?fs=1&amp;hl=en_US&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/Vb-hn7RhOLE?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>P.S. We think the video does not do justice to how it actually looks, as it looks so much better on the simulator and will probably look even better on the device!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.comitic.com/dailyhoroscope-for-windows-phone-7-gets-beautiful-screen-transitions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vote for birthdate dialog button placement for Chinese horoscope</title>
		<link>http://blog.comitic.com/birthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android/</link>
		<comments>http://blog.comitic.com/birthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 23:07:44 +0000</pubDate>
		<dc:creator>Max</dc:creator>
				<category><![CDATA[DailyHoroscope]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Poll]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://blog.comitic.com/?p=15</guid>
		<description><![CDATA[We are adding the date selection tool to our mobile daily horoscope application on Android &#8212; DailyHoroscope, so that people who are not sure what animal in Chinese astrology corresponds to their birth date could easily enter their birth date and we will calculate their corresponding animal sign. To bring up the date selection dialog [...]]]></description>
			<content:encoded><![CDATA[<div align="right" style="float: right; padding: 0px 0px 5px 5px;"><a name="fb_share" type="box_count" share_url="http://blog.comitic.com/birthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.comitic.com%2Fbirthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.comitic.com%2Fbirthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android%2F&amp;source=comitic&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>We are adding the date selection tool to our <a href="http://www.comitic.com/android/dailyhoroscope-for-android-daily-horoscope-application/" target="_self">mobile daily horoscope application on Android</a> &#8212; <a href="http://www.comitic.com/projects/dailyhoroscope-for-mobile-phones/" target="_self">DailyHoroscope</a>, so that people who are not sure what animal in <a href="http://www.comitic.com/android/dailyhoroscope-for-android-daily-horoscope-application/mobile-chinese-horoscope-for-android/" target="_self">Chinese astrology </a>corresponds to their birth date could easily enter their birth date and we will calculate their corresponding animal sign. To bring up the date selection dialog that looks like this (this is the smaller screen &#8211; QVGA device which has the least real estate and thus is the most problematic from user experience point of view)</p>
<p><span id="more-15"></span></p>
<p style="text-align: center;"><a href="http://blog.comitic.com/wp-content/uploads/2010/03/Android-mobile-chinese-horoscope-date-selection-dialog-QVGA.png" rel="lightbox[15]"><img class="size-medium wp-image-16 aligncenter" title="Android-mobile-chinese-horoscope-date-selection-dialog-QVGA" src="http://blog.comitic.com/wp-content/uploads/2010/03/Android-mobile-chinese-horoscope-date-selection-dialog-QVGA-226x300.png" alt="" width="226" height="300" /></a></p>
<p>You would click on the small question mark sign which we want to put either on top or bottom right corner of the screen.</p>
<p>It will look as follows <em>(click on images to see full size) </em>:</p>
<table border="0" align="center">
<caption><em>Birth Date selection icon on <strong>top </strong></em></caption>
<tbody>
<tr>
<td>
<p><div id="attachment_19" class="wp-caption alignnone" style="width: 199px"><a href="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-chinese-horoscope-upper-right-corner-question-mark.png" rel="lightbox[15]"><img class="size-full wp-image-19" title="information-hint-for-chinese-horoscope-upper-right-corner-question-mark" src="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-chinese-horoscope-upper-right-corner-question-mark.png" alt="" width="189" height="280" /></a><p class="wp-caption-text">HVGA</p></div></td>
<td>
<p><div id="attachment_18" class="wp-caption alignnone" style="width: 155px"><a href="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-Android-chinese-horoscope-upper-right-corner-question-mark-QVGA.png" rel="lightbox[15]"><img class="size-full wp-image-18" title="information-hint-for-Android-chinese-horoscope-upper-right-corner-question-mark-QVGA" src="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-Android-chinese-horoscope-upper-right-corner-question-mark-QVGA.png" alt="" width="145" height="193" /></a><p class="wp-caption-text">QVGA</p></div></td>
</tr>
</tbody>
</table>
<p>Or as follows <em>(click on images to see full size)</em>:</p>
<table border="0" align="center">
<caption><em>Birth Date selection icon on <strong>bottom</strong></em></caption>
<tbody>
<tr>
<td>
<p><div id="attachment_20" class="wp-caption alignnone" style="width: 200px"><a href="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-chinese-horoscope-bottom-right-corner-question-mark.png" rel="lightbox[15]"><img class="size-full wp-image-20" title="information-hint-for-chinese-horoscope-bottom-right-corner-question-mark" src="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-chinese-horoscope-bottom-right-corner-question-mark.png" alt="" width="190" height="284" /></a><p class="wp-caption-text">HVGA</p></div></td>
<td>
<p><div id="attachment_21" class="wp-caption alignnone" style="width: 155px"><a href="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-Android-chinese-horoscope-bottom-right-corner-question-mark-QVGA.png" rel="lightbox[15]"><img class="size-full wp-image-21" title="information-hint-for-Android-chinese-horoscope-bottom-right-corner-question-mark-QVGA" src="http://blog.comitic.com/wp-content/uploads/2010/03/information-hint-for-Android-chinese-horoscope-bottom-right-corner-question-mark-QVGA.png" alt="" width="145" height="190" /></a><p class="wp-caption-text">QVGA</p></div></td>
<td></td>
</tr>
</tbody>
</table>
<p>Let us know in the comments what you think and your preference. We want to take your preference into an account!</p>
<p><strong>Note</strong>: (You do not have to register to leave a comment)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.comitic.com/birthdate-dialog-button-placement-for-mobile-chinese-horoscope-on-android/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

