<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://blogs.microsoft.nl/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Microsoft User Experience Blog : Windows Phone</title><link>http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx</link><description>Tags: Windows Phone</description><dc:language>nl-NL</dc:language><generator>CommunityServer 2007.1 (Build: 20917.1142)</generator><item><title>App spreekuur bij Microsoft</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2012/08/20/app-spreekuur-bij-microsoft.aspx</link><pubDate>Mon, 20 Aug 2012 15:26:28 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:27340</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=27340</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2012/08/20/app-spreekuur-bij-microsoft.aspx#comments</comments><description>&lt;p&gt;Er is om de 2 weken op woensdagmiddag van 13:00 tot 17:00 een App spreekuur bij Microsoft op kantoor. Hier kan je door Technical Evangelists van Microsoft geholpen worden als je vragen hebt rond apps. Alles over Windows 8, de Windows Store, Windows UI style, Windows Azure, Windows Phone, enzovoort.&lt;/p&gt;  &lt;p&gt;Stuur een mail naar &lt;a href="mailto:nlw8dev@microsoft.com"&gt;nlw8dev@microsoft.com&lt;/a&gt; om je aan te melden. Het adres van Microsoft is:&lt;/p&gt;  &lt;p&gt;Evert van de Beekstraat 354    &lt;br /&gt;1118 CZ Schiphol     &lt;br /&gt;(&lt;a href="http://www.microsoft.com/netherlands/msnederland/contact/route-kantoor.aspx" target="_blank"&gt;routebeschrijving hier&lt;/a&gt;)&lt;/p&gt;  &lt;p&gt;Meer informatie is te vinden &lt;a href="http://blogs.msdn.com/b/msdn_nl_team_blog/archive/2012/12/06/app-spreekuren-in-het-nieuwe-jaar.aspx" target="_blank"&gt;in deze blogpost&lt;/a&gt;.&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=27340" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows/default.aspx">Windows</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Store/default.aspx">Windows Store</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Microsoft+Design+Style/default.aspx">Microsoft Design Style</category></item><item><title>SketchFlow for Windows Phone–The real one</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2011/06/16/sketchflow-for-windows-phone-the-real-one.aspx</link><pubDate>Thu, 16 Jun 2011 15:46:14 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:25735</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>1</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=25735</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2011/06/16/sketchflow-for-windows-phone-the-real-one.aspx#comments</comments><description>&lt;p&gt;It almost feels like the end of an era &lt;img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://blogs.microsoft.nl/blogs/ux/wlEmoticon-winkingsmile_170EEDF1.png" /&gt; A while ago I &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx" target="_blank"&gt;posted an article&lt;/a&gt; on my own implementation of a project type to enable the use of SketchFlow for Windows Phone apps. I also send a link to this to my friends at the Expression team, who reacted “Wow! This is great. Now look at the specs we started&amp;#160; on 10 days ago…”. Yep, they came up with the same idea. But of course they can do better than my attempt and the result is there now. Go to &lt;a href="http://wp7sketchflow.codeplex.com/" target="_blank"&gt;wp7sketchflow.codeplex.com&lt;/a&gt; you can download the new template.&lt;/p&gt;  &lt;p&gt;To use this template you need &lt;a href="http://www.microsoft.com/expression/products/Blend_Overview.aspx" target="_blank"&gt;a SketchFlow enabled version of Expression Blend&lt;/a&gt; (included in Expression Studio Ultimate and Visual Studio 2010 Ultimate). You also need &lt;a href="http://www.microsoft.com/download/en/details.aspx?displaylang=en&amp;amp;id=11321" target="_blank"&gt;the Mango developer tools&lt;/a&gt; for Windows Phone (a more &lt;a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyID=77586864-ab15-40e1-bc38-713a95a56a05&amp;amp;displaylang=en" target="_blank"&gt;simple set of the downloads can be found here&lt;/a&gt;, where you only need the vm_web2.exe, the Web Platform Installer). &lt;/p&gt;  &lt;p&gt;Once installed, fire up Blend and you’ll have the option to start a Windows Phone SketchFlow Application project:&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/image_04C6272F.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.microsoft.nl/blogs/ux/image_thumb_16368807.png" width="434" height="370" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Once started you see an initial map:&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/image4_03818E50.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.microsoft.nl/blogs/ux/image4_thumb_273AB5EA.png" width="497" height="236" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Search, Home and AppList are supporting screens with standard WP7 UI. You should focus on the screens of your own app, starting with Screen1. Of course you’ll want to use controls. The best option is to use the controls you can find under Controls, Mockups. There is a list of known items from Windows Phone like Panorama control and Pivot control. But also buttons, Map, Keyboard, ToggleSwitch and more.&lt;/p&gt;  &lt;p&gt;The app is always a Silverlight application that’s being generated in the SketchFlow Player based on Silverlight. There is no phone emulator support in this project template.&lt;/p&gt;  &lt;p&gt;If you have something that you want differently in the template, let the creators know on &lt;a href="http://wp7sketchflow.codeplex.com" target="_blank"&gt;wp7sketchflow.codeplex.com&lt;/a&gt;. &lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=25735" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Expression+Blend/default.aspx">Expression Blend</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/SketchFlow/default.aspx">SketchFlow</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>How Windows Phone 7 and Bing Maps probably saved our lives</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2011/05/16/how-windows-phone-7-and-bing-maps-probably-saved-our-lives.aspx</link><pubDate>Mon, 16 May 2011 13:11:51 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:25460</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>13</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=25460</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2011/05/16/how-windows-phone-7-and-bing-maps-probably-saved-our-lives.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/image_6D20AC76.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 0px 0px 0px 10px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" align="right" src="http://blogs.microsoft.nl/blogs/ux/image_thumb_67D1C5C5.png" width="237" height="111" /&gt;&lt;/a&gt;We went for a short vacation to Greece and decided to go for a boat-trip for a day by ourselves. A small boat for a small area around some small islands. Because of a very bad map, bad instructions, bad supplies and an error in navigation we ended up in the middle of open sea without fuel. Luckily I could use my Windows Phone to call the rental agency. They would pick us up. But … where were we?&lt;/p&gt;  &lt;p&gt;I mentioned the navigation error, so we thought we were just below a specific island. But they couldn’t find us. &lt;a href="http://blogs.microsoft.nl/blogs/ux/map_1FA409E9.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px 10px 0px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="map" border="0" alt="map" align="left" src="http://blogs.microsoft.nl/blogs/ux/map_thumb_452D874A.png" width="241" height="300" /&gt;&lt;/a&gt;We were drifting at (a more and more getting rough) sea for 4 hours and they still couldn’t find us. “Tell us what you see, describe the island you see” … but how to describe an island other than “rocks, trees, and no people or landmarks”. Imagine how we felt: winds picking up, waves getting higher, drifting away, cold, people looking for us but they were unable to find us. And this at the end of the day, so in a few hours the sun would set.&lt;/p&gt;  &lt;p&gt;Now, Windows Phone has by default Bing Maps installed combined with use of GPS. To get this to work you need a GPS coordinates and an internet connection to retrieve the maps to show where you are. You need all of that at the same time. At sea we had phone contact most of the time, internet connection through GPRS sometimes. I have no idea how it works with retrieving GPS coordinates. But it didn’t come together until after 4 (long) hours. &lt;/p&gt;  &lt;p&gt;I have never been this happy to see Bing Maps on my Windows Phone zoom into the map and show the yellow mark of our location. Immediately I called the guys looking for us and informed them of our location. Finally we were found and rescued!&lt;/p&gt;  &lt;p&gt;The guy who picked us up told us we were very, very lucky. We were in open sea and big waves could have tipped our boat over. Big ships could have made waves that would have tipped the boat over. We dropped our anchor just before cliffs of an island (the small one to the right of the blue X) that would have damaged our small boat. The anchor line however was so thin that it could have snapped … and crashed our boat into the rocks of the small island.&lt;/p&gt;  &lt;p&gt;So, Windows Phone and Bing Maps probably saved our lives. Talking about user experience …&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=25460" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/user+experience/default.aspx">user experience</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Bing/default.aspx">Bing</category></item><item><title>SketchFlow for Windows Phone – How to add a panorama view</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/31/sketchflow-for-windows-phone-how-to-add-a-panorama-view.aspx</link><pubDate>Thu, 31 Mar 2011 16:39:00 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:24996</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>4</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=24996</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/31/sketchflow-for-windows-phone-how-to-add-a-panorama-view.aspx#comments</comments><description>&lt;p&gt;[As an exception on this blog this post is in English because this is of interest to a broader audience]&lt;/p&gt;  &lt;p&gt;[&lt;em&gt;&lt;font color="#ff0000"&gt;UPDATE 16 June 2011 – A better, more advanced, project template has been released by the Blend product team. See &lt;/font&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/06/16/sketchflow-for-windows-phone-the-real-one.aspx"&gt;my newer blogpost&lt;/a&gt;.&lt;/em&gt;]&lt;/p&gt;  &lt;p&gt;In an &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx"&gt;earlier post I published the project template for Blend&lt;/a&gt; to enable a way to create a SketchFlow prototype for a Windows Phone application. This post adds information on how to go from there.     &lt;br /&gt;This post: &lt;strong&gt;how to add an a panorama view.&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;NOTE: an update was made to the project template ZIP-file. You will need that update to follow the rest of this post. You can &lt;a href="http://blogs.microsoft.nl/blogs/ux/Downloads/WindowsPhonePrototyping.Templates.V1.1.Blend4.zip"&gt;download it from here&lt;/a&gt;. For installation instructions, &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx"&gt;see the first post&lt;/a&gt;.       &lt;br /&gt;In this update the background of LayoutRoot of the PhoneUI component was set to transparent.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;Once you have created a project based on the template, create a new screen or select an existing screen like App Settings Screen. In this tutorial I’ll be using the App Settings Screen. For a detailed description how to create your own screen, take a look at &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx"&gt;the first post&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;Now you need a panorama. Maybe you have drawn something the “old way” (you know, using paper and pencil). You can scan that image and use it. For this tutorial I use this sample I drawn myself (yes, you call me “Picasso” as well). It is a panorama showing 5 different groups of data.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/panorama-sketch_36F83B5F.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="panorama sketch" border="0" alt="panorama sketch" src="http://blogs.microsoft.nl/blogs/ux/panorama-sketch_thumb_2C0B344A.png" width="587" height="208" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;The idea is to put this image in the PhoneUI and make it interactive, so the customer can get an idea of how it scrolls and even a way to go to another screen when content is clicked.&lt;/p&gt;  &lt;p&gt;Drag the required image from Windows Explorer to the screen in Blend where the panorama or pivot should appear. I have chosen to add it to the standard App Start Screen. Once the image is placed make sure that it’s in the visual tree (Objects and Timeline panel) before PhoneUI, like so:&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/TreePanoImage_603F5D90.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="TreePanoImage" border="0" alt="TreePanoImage" src="http://blogs.microsoft.nl/blogs/ux/TreePanoImage_thumb_78CEFAE0.png" width="293" height="92" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;This way the image is visible within the phone UI window and the rest is outside of the phone. Position and size the image so that it aligns with the phone window. In this sample I’ve sized the image somewhat bigger to make sure the borders don’t appear in the phone’s window.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/PanoPosition_187DD4A9.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="PanoPosition" border="0" alt="PanoPosition" src="http://blogs.microsoft.nl/blogs/ux/PanoPosition_thumb_499D0F49.png" width="617" height="267" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Now we want to simulate scrolling the panorama view. We can do this using SketchFlow Animation. If you don’t see this panel (it should be next to the SketchFlow Map tab), open the Windows menu from the menu bar and select SketchFlow Animation to make it visible. &lt;/p&gt;  &lt;p&gt;In the SketchFlow Animation window, click the + sign to create a new animation.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/CreateSketchAnimation_5703224F.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="CreateSketchAnimation" border="0" alt="CreateSketchAnimation" src="http://blogs.microsoft.nl/blogs/ux/CreateSketchAnimation_thumb_16CD08D5.png" width="308" height="100" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;A first frame is created. On the left side of the frame you see the duration of the starting animation (default 0,5 s) and the used easing function (default CubicInOut). At the bottom of the frame the duration to pause that frame is indicated (default pause is switched on and 1 s). In the top right corner of that frame-image is another + sign to add a frame after that one. Click it to create a second frame.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/AnimationCreateFrame_64693555.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="AnimationCreateFrame" border="0" alt="AnimationCreateFrame" src="http://blogs.microsoft.nl/blogs/ux/AnimationCreateFrame_thumb_47EC4375.png" width="302" height="218" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;You are now position on the second frame and you are in recording mode (you can see that by the red border, the recording button on the design surface followed by the text “SketchFlowAnimation Frame 2 recording is on”). Move the image a bit to the left until “Spotlight” is visible in the phone window. Add another frame and move the image even further left to make Categories, New and Top visible as well.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/AnimationCreateFrame2_5C7192F3.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="AnimationCreateFrame2" border="0" alt="AnimationCreateFrame2" src="http://blogs.microsoft.nl/blogs/ux/AnimationCreateFrame2_thumb_1443D717.png" width="396" height="418" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;After the five frames have been created, we want to tweak the animation a bit to make it have the feel of the scrolling on the phone. Change the pause duration of each frame to 0,5 s. This duration can be seen at the bottom of each frame. Now we want to change the easing function used for each frame. Click the easing function image (the box with the swirl in it before the frame). Select the Back Out (top of the list in the middle) easing function for each frame.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/easingfunction_73BC9764.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="easingfunction" border="0" alt="easingfunction" src="http://blogs.microsoft.nl/blogs/ux/easingfunction_thumb_05992B32.png" width="289" height="91" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;You can test the animation by clicking the Play button at the bottom of the SketchFlow Animation window. When you start the application in the SketchFlow Player and navigate to the App Settings Screen we used, there is an option there as well to play the animation.&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/PlayerAnimation_40EC90F0.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="PlayerAnimation" border="0" alt="PlayerAnimation" src="http://blogs.microsoft.nl/blogs/ux/PlayerAnimation_thumb_3888BB99.png" width="382" height="414" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;The next step is to make it interactive. To do this we can put an invisible rectangle on top of the UI to trigger the animation. To do that make sure “Base” is selected in the SketchFlow Animation window first (on the left). Now draw a rectangle on top of the phone window, covering the Featured-sketch. If you still have the defaults set, the rectangle will have a fill-color and a stroke-color.&lt;/p&gt;  &lt;p&gt;In the properties of the rectangle, select under Brushes “Stroke” and select the “No Brush” icon below that. After that select under Brushes “Fill” and, no matter what color, set the A to 0% (this is the alpha channel). We want to have a transparent brush. If there is no brush, it won’t respond to events like click.&lt;/p&gt;  &lt;p&gt;Right click the rectangle in the Objects and Timeline window, select Play SketchFlow Animation and select App Settings Screen / SketchFlow Animation.&lt;/p&gt;  &lt;p&gt;Now start the player again (F5 or Run Project in the Project menu), navigate to the App Settings Screen en click on the drawing. You’ll see the animation start. At anytime you click on that, the animation will start over.&lt;/p&gt;  &lt;p&gt;If you want to make it a bit more fancy with a real design, you can do the same trick with another image of course. For instance, use this sample image from the &lt;a href="http://go.microsoft.com/fwlink/?LinkId=196225"&gt;Windows Phone Design Templates&lt;/a&gt; and do the same.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/Panorama_62F4ECB6.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Panorama" border="0" alt="Panorama" src="http://blogs.microsoft.nl/blogs/ux/Panorama_thumb_1C2B53AC.png" width="588" height="208" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;With all the text and the images this looks as a lot of work, but actually doing it is much faster. Maybe I’ll make a screencast for this … I’ll keep you posted &lt;img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://blogs.microsoft.nl/blogs/ux/wlEmoticon-smile_5B1CD447.png" /&gt;&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=24996" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Expression+Blend/default.aspx">Expression Blend</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/SketchFlow/default.aspx">SketchFlow</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>SketchFlow for Windows Phone – How to Add an Application Bar</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/29/sketchflow-for-windows-phone-how-to-add-an-application-bar.aspx</link><pubDate>Tue, 29 Mar 2011 11:22:42 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:24976</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>2</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=24976</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/29/sketchflow-for-windows-phone-how-to-add-an-application-bar.aspx#comments</comments><description>&lt;p&gt;[&lt;em&gt;&lt;font color="#ff0000"&gt;UPDATE 16 June 2011 – A better, more advanced, project template has been released by the Blend product team. See &lt;/font&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/06/16/sketchflow-for-windows-phone-the-real-one.aspx"&gt;my newer blogpost&lt;/a&gt;.&lt;/em&gt;]&lt;/p&gt;  &lt;p&gt;[As an exception on this blog this post is in English because this is of interest to a broader audience]&lt;/p&gt;  &lt;p&gt;In an &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx"&gt;earlier post I published the project template for Blend&lt;/a&gt; to enable a way to create a SketchFlow prototype for a Windows Phone application. This post adds information on how to go from there.     &lt;br /&gt;This post: &lt;strong&gt;how to add an application bar with buttons to a screen.&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;Once you have created a project based on the template, create a new screen or select an existing screen like App Settings Screen. For a more detailed description of the steps, look at &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx"&gt;the first post&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;1. To add the gray transparent background for the application bar, just drag the Application Bar component in the SketchFlow Map to your selected screen. The application bar will appear on the UI. Now we need to do some base work to position the buttons. &lt;/p&gt;  &lt;p&gt;2. Now we define rows in the grid of the UI, the LayoutRoot. This can be done visually by clicking in the blue area on the left of the phone UI to set the gridlines. Make sure that the bottom two rows are locked so they won’t move on resize. You can just click the lock-symbols for that.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/AppBarGrid_39BB7D48.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="AppBarGrid" border="0" alt="AppBarGrid" src="http://blogs.microsoft.nl/blogs/ux/AppBarGrid_thumb_0E0AB34C.png" width="400" height="217" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;You can also go to the grid definition in XAML and a this definition:&lt;/p&gt;  &lt;pre class="csharpcode"&gt;&lt;span class="kwrd"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html"&gt;Grid.RowDefinitions&lt;/span&gt;&lt;span class="kwrd"&gt;&amp;gt;&lt;/span&gt;
   &lt;span class="kwrd"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html"&gt;RowDefinition&lt;/span&gt;&lt;span class="kwrd"&gt;/&amp;gt;&lt;/span&gt;
   &lt;span class="kwrd"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html"&gt;RowDefinition&lt;/span&gt; &lt;span class="attr"&gt;Height&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;71&amp;quot;&lt;/span&gt;&lt;span class="kwrd"&gt;/&amp;gt;&lt;/span&gt;
   &lt;span class="kwrd"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html"&gt;RowDefinition&lt;/span&gt; &lt;span class="attr"&gt;Height&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;230&amp;quot;&lt;/span&gt;&lt;span class="kwrd"&gt;/&amp;gt;&lt;/span&gt;
&lt;span class="kwrd"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="html"&gt;Grid.RowDefinitions&lt;/span&gt;&lt;span class="kwrd"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;3. We need a container for the buttons and we’ll use a StackPanel with Orientation Horizontal for that. Place the StackPanel on the UI in Row 1 of the LayoutRoot, so it’s on the same location as the application bar. Margins 0 and HorizontalAlignment set to Center.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/StackPanelProperties_0D324D62.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="StackPanelProperties" border="0" alt="StackPanelProperties" src="http://blogs.microsoft.nl/blogs/ux/StackPanelProperties_thumb_380AB174.png" width="244" height="240" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can also just add the StackPanel definition below in the XAML of the screen:&lt;/p&gt;

&lt;pre class="csharpcode"&gt;&lt;span class="kwrd"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html"&gt;StackPanel&lt;/span&gt; &lt;span class="attr"&gt;Margin&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;0&amp;quot;&lt;/span&gt; &lt;span class="attr"&gt;Grid&lt;/span&gt;.&lt;span class="attr"&gt;Row&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;1&amp;quot;&lt;/span&gt; &lt;span class="attr"&gt;HorizontalAlignment&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;Center&amp;quot;&lt;br /&gt;               &lt;/span&gt;&lt;span class="attr"&gt;Orientation&lt;/span&gt;&lt;span class="kwrd"&gt;=&amp;quot;Horizontal&amp;quot;&lt;/span&gt;&lt;span class="kwrd"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;style type="text/css"&gt;

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }&lt;/style&gt;&lt;style type="text/css"&gt;

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }&lt;/style&gt;

&lt;p&gt;4. Now add a button to the StackPanel. You can do this for instance by selecting the StackPanel and dubble clicking the Button tool. You can also select the Button from the Assets panel. It doesn’t matter if you choose the regular Button or the Button-Sketch.&lt;/p&gt;

&lt;p&gt;Now right-click the created button, select Edit Template, Apply Resource and select AppBarButtonStyle. &lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/ButtonStyle_05A6DDF5.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ButtonStyle" border="0" alt="ButtonStyle" src="http://blogs.microsoft.nl/blogs/ux/ButtonStyle_thumb_37324B8A.png" width="291" height="103" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now the buttons has the size and the circle background you know from the phone.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/ButtonStyled_52D6D780.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ButtonStyled" border="0" alt="ButtonStyled" src="http://blogs.microsoft.nl/blogs/ux/ButtonStyled_thumb_64B36B4D.png" width="81" height="76" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To use an icon instead of the standard “Button” as content, you can use any of the icons available in C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.0\Icons\dark. Just drag one of these images to the button in Blend and it will be added to the project and embedded as content in the Button. This will result in something like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/ButtonStyled-2_768FFF1A.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ButtonStyled-2" border="0" alt="ButtonStyled-2" src="http://blogs.microsoft.nl/blogs/ux/ButtonStyled-2_thumb_3CA0BC2E.png" width="84" height="75" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can add interactivity to the button by using Navigate To for instance so it navigates to another page.&lt;/p&gt;

&lt;p&gt;If you didn’t understand the process above or if you are experiencing a different outcome, take a look at the App Start Screen and check out the definition of the application bar there.&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=24976" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Expression+Blend/default.aspx">Expression Blend</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/SketchFlow/default.aspx">SketchFlow</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>Using SketchFlow for Windows Phone Prototyping</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx</link><pubDate>Wed, 23 Mar 2011 16:46:09 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:24929</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>10</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=24929</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx#comments</comments><description>&lt;p&gt;[As an exception on this blog this post is in English because this is of interest to a broader audience]&lt;/p&gt;  &lt;p&gt;[&lt;em&gt;&lt;font color="#ff0000"&gt;UPDATE 16 June 2011 – A better, more advanced, project template has been released by the Blend product team. See &lt;/font&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/06/16/sketchflow-for-windows-phone-the-real-one.aspx"&gt;my newer blogpost&lt;/a&gt;.&lt;/em&gt;]&lt;/p&gt;  &lt;p&gt;[&lt;em&gt;UPDATE 31 March 2011 – Project template was updated with a minor fix (PhoneUI background transparent)      &lt;br /&gt;Installation instructions are modified with new download. You can also &lt;a href="http://blogs.microsoft.nl/blogs/ux/Downloads/WindowsPhonePrototyping.Templates.V1.1.Blend4.zip"&gt;download the new version here&lt;/a&gt;.&lt;/em&gt;]&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.microsoft.com/expression/products/SketchFlow_Overview.aspx" target="_blank"&gt;SketchFlow&lt;/a&gt;, which is part of &lt;a href="http://www.microsoft.com/expression/products/Blend_Overview.aspx" target="_blank"&gt;Expression Blend&lt;/a&gt;, is a very powerful way to prototype your applications. By using SketchFlow in Blend and the SketchFlow Player for the customer it is so much easier to communicate about the functionality and the experience of an application in the prototyping phase of a project. And the prototype can be a solid base for further development all the way to production.&lt;a href="http://blogs.microsoft.nl/blogs/ux/FileNewProject_209C1C94.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 10px 0px 10px 10px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="FileNewProject" border="0" alt="FileNewProject" align="right" src="http://blogs.microsoft.nl/blogs/ux/FileNewProject_thumb_2A810DFF.png" width="244" height="208" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Out of the box SketchFlow can only be used for WPF or Silverlight. Windows Phone is not (yet) supported. But it can be as useful for phone apps as well. I was inspired by &lt;a href="http://channel9.msdn.com/Shows/SilverlightTV/Silverlight-TV-48-Creating-Rich-Interactive-Prototypes-with-Sketchflow-Part-1" target="_blank"&gt;Episode 48&lt;/a&gt; and &lt;a href="http://channel9.msdn.com/Shows/SilverlightTV/Silverlight-TV-49-Creating-Rich-Interactive-Prototypes-with-Sketchflow-Part-2" target="_blank"&gt;Episode 49&lt;/a&gt; of &lt;a href="http://channel9.msdn.com/Shows/SilverlightTV" target="_blank"&gt;Silverlight TV&lt;/a&gt; on &lt;a href="http://channel9.msdn.com/" target="_blank"&gt;Channel9&lt;/a&gt;, where &lt;a href="http://blog.sunnypixels.com/" target="_blank"&gt;Janete Perez&lt;/a&gt; showed how to use SketchFlow for Windows Phone prototyping. But to me there were too many user actions required to get started.&lt;/p&gt;  &lt;p&gt;To solve that problem with the current version of Blend, I have created a project template for prototyping Windows Phone applications with SketchFlow using the Silverlight engine. This provides a quick start for prototyping phone applications.&lt;/p&gt;  &lt;p&gt;Once the project template is installed Blend will show an option to create a Windows Phone SketchFlow Application. As usual you can provide a name for your project. The template only supports C#, but this not used in prototypes most of the time. So don’t let that alarm or frighten you, especially when you’re a designer.&lt;/p&gt;  &lt;p&gt;When the project is created you see a SketchFlow Map with a number of items on it. &lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/SketchFlowMap_3F065D7D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="SketchFlowMap" border="0" alt="SketchFlowMap" src="http://blogs.microsoft.nl/blogs/ux/SketchFlowMap_thumb_495781DD.png" width="368" height="147" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;There are three component screens (green) which contain standard elements and behavior for the phone’s start menu, the phone UI (hardware frame) and an application bar. These components can be used by other screens. The PhoneUI is normally used by every screen in the prototype. This component also contains handling for the Back button (navigate back) and the Menu button (navigate to Start Screen) on the phone.&lt;/p&gt;  &lt;p&gt;For the start of the complete prototype I have chosen to show the typical Windows Phone start screen (Start Screen in gray on the map), where the user can start the application (the App Start Screen).&lt;/p&gt;  &lt;p&gt;The blue items are all application screens. Three are defined by default in the project template: a start screen, an information screen and a settings screen. The three screens are just blank screens with some commenting notes on it, all set up to help you get started prototyping. The App Start Screen has an application bar with two buttons to navigate to the App Info Screen or the App Settings Screen.&lt;/p&gt;  &lt;h2&gt;How to install the template&lt;/h2&gt;  &lt;p&gt;Blend supports per user project templates besides it’s own templates. To keep that installation clean the description below installs the project templates in the user directory. Blend will automatically pick up that template.&lt;/p&gt;  &lt;p&gt;To install the project template follow these steps:&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;Download &lt;a title="WindowsPhonePrototyping.Templates.V1.1.Blend4.zip" href="http://blogs.microsoft.nl/blogs/ux/Downloads/WindowsPhonePrototyping.Templates.V1.1.Blend4.zip"&gt;WindowsPhonePrototyping.Templates.V1.1.Blend4.zip&lt;/a&gt;. &lt;/li&gt;    &lt;li&gt;When on Windows Vista or Windows 7, unblock the zip-files to mark it safe.      &lt;br /&gt;To do this, right click the zip-file and select properties. In the properties dialog click the Unblock button.       &lt;br /&gt;      &lt;br /&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/UnblockZip_1B89B918.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="UnblockZip" border="0" alt="UnblockZip" src="http://blogs.microsoft.nl/blogs/ux/UnblockZip_thumb_7A6696B0.png" width="234" height="318" /&gt;&lt;/a&gt;       &lt;br /&gt;&lt;/li&gt;    &lt;li&gt;Right click on the zip file and select Extract All. &lt;/li&gt;    &lt;li&gt;Select your &amp;quot;My Documents&amp;quot; folder as the target for the extraction.      &lt;br /&gt;On Windows 7, it is c:\users\[username]\Documents. &lt;/li&gt;    &lt;li&gt;Press the Extract button. Confirm that you want to merge the folders. &lt;/li&gt; &lt;/ol&gt;  &lt;h2&gt;How to start with the template&lt;/h2&gt;  &lt;p&gt;To start using the template with SketchFlow you need Expression Blend with SketchFlow installed on your machine. To start with a prototype based on the template follow these steps:&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;Start Expression Blend. &lt;/li&gt;    &lt;li&gt;Select File, New Project … &lt;/li&gt;    &lt;li&gt;Under the Project Types open the Windows Phone branch and select SketchFlow. &lt;/li&gt;    &lt;li&gt;In the list of projects select Windows Phone SketchFlow Application &lt;/li&gt;    &lt;li&gt;Type the name for your project in the Name field and press OK. &lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;You probably want to create more screens from here. New screens are always created with a default size as defined in the Options menu of Blend. To make sure that new screens have the same size as the other phone screens you can set that default to 583 pixels width by 1124 pixels height. This can also be done by right click in the SketchFlow Map on Start Screen and select Set as Default Navigation Screen Size. But be aware that this is the new default for all screens created in Blend. Of course you can always remove that default or reset it. Another option is to set the size of each new created screen by hand. To do that, set the size of the top-level object [UserControl] to 583x1124.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/SetScreenSize_60262D8C.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="SetScreenSize" border="0" alt="SetScreenSize" src="http://blogs.microsoft.nl/blogs/ux/SetScreenSize_thumb_7FD50754.png" width="244" height="171" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Once you created a screen you can add the PhoneUI but simply dragging the PhoneUI component in the SketchFlow Map to your new created screen. &lt;/p&gt;  &lt;h2&gt;Running the prototype&lt;/h2&gt;  &lt;p&gt;Because the project template is based on the SketchFlow template for Silverlight, a Silverlight application will start with the SketchFlow player containing your phone prototype. As the standard size of all the screens is 583x1124 it will not fit your monitor most of the time. Just use the zoom slider on the left hand side to zoom out to see to complete phone.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/ZoomSketchflowPlayer_145A56D3.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ZoomSketchflowPlayer" border="0" alt="ZoomSketchflowPlayer" src="http://blogs.microsoft.nl/blogs/ux/ZoomSketchflowPlayer_thumb_4C2C9AF6.png" width="426" height="343" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;h2&gt;And now what?&lt;/h2&gt;  &lt;p&gt;Now it’s up to you to start prototyping. This can be done for instance by scanning drawings and fit them in the PhoneUI. You can even make parts of the drawing interactive. Or you can use the Sketch-style controls SketchFlow offers to build a UI.&lt;/p&gt;  &lt;p&gt;Janete pointed to a great set of extra “tools” for prototyping, called Mockup controls. This is a set of sketch-style controls that are easy to use to build prototypes. For instance there is a login control containing a username and password field and some buttons. To get these controls read the &lt;a href="http://blogs.msdn.com/b/expression/archive/2010/05/13/how-to-add-mockup-controls-to-your-expression-blend-library.aspx" target="_blank"&gt;blogpost of the Blend team&lt;/a&gt; to copy them from Blend OR go to &lt;a href="http://expressionblend.codeplex.com/releases/view/45452" target="_blank"&gt;Codeplex&lt;/a&gt; to have an easy install of the mockup library.&lt;/p&gt;  &lt;p&gt;The current list of how to’s:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/29/sketchflow-for-windows-phone-how-to-add-an-application-bar.aspx"&gt;How to add an application bar with buttons to your screen&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2011/03/31/sketchflow-for-windows-phone-how-to-add-a-panorama-view.aspx"&gt;How to add a panorama view&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;So, stay tuned … and let me know what you think of the template &lt;img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://blogs.microsoft.nl/blogs/ux/wlEmoticon-smile_567DBF56.png" /&gt;&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=24929" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Expression+Blend/default.aspx">Expression Blend</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/SketchFlow/default.aspx">SketchFlow</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>Microsoft op Adobe User Group XL 2010</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/11/15/microsoft-op-adobe-user-group-xl-2010.aspx</link><pubDate>Mon, 15 Nov 2010 16:32:19 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:23952</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>1</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=23952</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/11/15/microsoft-op-adobe-user-group-xl-2010.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/aug_xl_2010_small_62E7AADE.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top: 0px; border-right: 0px; padding-top: 0px" title="aug_xl_2010_small" border="0" alt="aug_xl_2010_small" align="right" src="http://blogs.microsoft.nl/blogs/ux/aug_xl_2010_small_thumb_5A83D587.png" width="183" height="138" /&gt;&lt;/a&gt;Woensdag 17 november wordt in de Meervaart in Amsterdam de &lt;a href="http://www.adobeusergroupxl.nl/" target="_blank"&gt;Adobe User Group XL 2010&lt;/a&gt; gehouden. Dit evenement is gericht op creatieven die op de hoogte gebracht willen worden van allerlei producten waarmee zij hun creatieve werk kunnen doen.&lt;/p&gt;  &lt;p&gt;Microsoft is dit jaar gold sponsor van dit evenement. Naast dat we er met een stand staan worden er ook twee presentaties verzorgd.&lt;/p&gt;  &lt;p&gt;Kat Holmes, Studio Director voor Windows Phone 7, geeft een presentatie over het ontstaan en de details van Metro, de user interface van Windows Phone 7. Ronnie Saurenmann van Microsoft Zwitserland praat in een creatieve presentatie over de toepassing van &lt;a href="http://www.microsoft.com/silverlight/deep-zoom/"&gt;Deep Zoom&lt;/a&gt; op basis van zijn eigen ervaringen met onder andere &lt;a href="http://www.glanzundgloria.sf.tv/Nachrichten/Schweiz/Miss-Schweiz"&gt;Miss Switzerland&lt;/a&gt; en &lt;a href="http://rubrik.ch.msn.com/reportagen/kunsthaus_en.aspx"&gt;Kunsthaus Zürich&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;We hebben ook een grote stand op het evenement waar je met al je vragen over Windows Phone 7, Silverlight, Expression Blend, Sketchflow, Deep Zoom en meer terecht kan. Bij de stand staan we ook met Xbox met Kinect, zodat je zelf kan ervaren wat het is om een controller te zijn.&lt;/p&gt;  &lt;p&gt;Op &lt;a href="http://www.microsoft.nl/aug"&gt;www.microsoft.nl/aug&lt;/a&gt; is er informatie te vinden voor Adobe User Group leden en natuurlijk alle andere geïnteresseerden. Hier zijn ook links te vinden voor de verschillende producten en downloads.&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=23952" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/user+experience/default.aspx">user experience</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/evenement/default.aspx">evenement</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Adobe+User+Group/default.aspx">Adobe User Group</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>De toekomst van Silverlight begint nu!</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/11/15/de-toekomst-van-silverlight-begint-nu.aspx</link><pubDate>Mon, 15 Nov 2010 15:12:17 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:23950</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>1</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=23950</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/11/15/de-toekomst-van-silverlight-begint-nu.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://www.silverlight.net/news/events/firestarter/"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="02-12-2010 - Future of Silverlight Starts Now event" border="0" alt="02-12-2010 - Future of Silverlight Starts Now event" src="http://blogs.microsoft.nl/blogs/ux/02-12-2010---Future-of-Silverlight-Starts-Now-event_405D857D.png" width="487" height="133" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Benieuwd waar het nu eigenlijk naar toe gaat met Silverlight? Zijn er nog plannen met Silverlight? Wil je wat meer technische sessies rond Silverlight volgen? Dan moet je je zeker registreren voor het Silverlight Firestarter evenement dat 2 december 2010 is georganiseerd.&lt;/p&gt;  &lt;p&gt;Het evenement wordt in bij Microsoft in Redmond gehouden, maar is ook online te volgen. Je hoeft je alleen maar te &lt;a href="http://www.silverlight.net/news/events/firestarter/"&gt;registreren op de Silverlight Firestarter website&lt;/a&gt;. Je kan de presentaties door middel van video volgen. Maar er wordt ook de mogelijkheid gegeven om te reageren, zodat je de discussie aan kan gaan met het Silverlight product team.&lt;/p&gt;  &lt;p&gt;In de keynote zal Scott Guthrie ingaan op de toekomst van Silverlight. In die keynote wordt ingegaan op Silverlight 5, de volgende versie van Silverlight.&lt;/p&gt;  &lt;p&gt;Daarna zijn er nog verschillende technische presentaties die ingaan op aspecten zoals databinding, communicatie, MVVM en performance. Ook is er sessie die laat zien hoe een goede installatie van Silverlight voor de gebruiker verzorgd kan worden, waar ik al &lt;a href="http://blogs.microsoft.nl/blogs/ux/archive/2009/09/04/een-gebruikersvriendelijk-silverlight-installatie-aanbieden.aspx"&gt;eerder over geblogd&lt;/a&gt; heb.&lt;/p&gt;  &lt;p&gt;Dus registreer je nu, het is gratis. De vragen die je eventueel hebt over de toekomst van Silverlight zullen hier zeker beantwoord worden.&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=23950" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/evenement/default.aspx">evenement</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>Windows Phone 7 Developer Tools uitgekomen</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/09/16/windows-phone-7-developer-tools-uitgekomen.aspx</link><pubDate>Thu, 16 Sep 2010 16:48:19 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:23489</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>5</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=23489</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/09/16/windows-phone-7-developer-tools-uitgekomen.aspx#comments</comments><description>&lt;p&gt;De definitieve versie van de Windows Phone 7 Developer Tools zijn uitgekomen. Het complete pakket van tools is gratis. In dit pakket vind je:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Visual Studio 2010 Express for Windows Phone &lt;/li&gt;    &lt;li&gt;Expression Blend 4 for Windows Phone &lt;/li&gt;    &lt;li&gt;Silverlight for Windows Phone 7 &lt;/li&gt;    &lt;li&gt;XNA Game Studio for Windows Phone 7 &lt;/li&gt;    &lt;li&gt;Windows Phone Emulator &lt;/li&gt;    &lt;li&gt;Phone Registration Tool &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;a href="http://go.microsoft.com/fwlink/?LinkId=185584"&gt;De Windows Phone 7 Developer Tools zijn hier te vinden&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;Als Visual Studio 2010 al aanwezig is op je systeem, dan zijn er na installatie van de Developer Tools templates zichtbaar voor het maken van Windows Phone 7 applicaties.&lt;/p&gt;  &lt;p&gt;Bij de release is nu ook het Silverlight Panorama control geleverd. &lt;a href="http://silverlight.codeplex.com/"&gt;De Silverlight Toolkit&lt;/a&gt; bevat nu ook WP7 specifieke controls zoals ContextMenu, DatePicker, TimePicker, WrapPanel, ToggleSwitch en GestureService.&lt;/p&gt;  &lt;p&gt;Hulp voor het maken van Windows Phone 7 applicaties is onder andere hier te vinden:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;a href="http://channel9.msdn.com/posts/egibson/Windows-Phone-7-Jump-Start-Session-1-of-12-Introduction/"&gt;Jump Start Training (12 videos)&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://msdn.microsoft.com/en-us/library/ff402535(VS.92).aspx"&gt;WP7 op MSDN&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://msdn.microsoft.com/en-us/library/ff402551(v=VS.92).aspx"&gt;WP7 Programming Guide&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://social.msdn.microsoft.com/Forums/en-US/windowsphone7series/threads"&gt;WP7 Forum&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://forums.silverlight.net/forums/63.aspx"&gt;Silverlight for WP7 Forum&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://www.microsoft.com/downloads/en/details.aspx?displaylang=en&amp;amp;FamilyID=3a8636bf-185f-449a-a0ce-83502b9ec0ec"&gt;Optimizing Silverlight Applications for WP7&lt;/a&gt; &lt;/li&gt;    &lt;li&gt;&lt;a href="http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/07/27/windows-phone-7-design-resources-ui-guide-and-design-templates.aspx"&gt;WP7 UI Guidelines and Templates&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=23489" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Expression+Blend/default.aspx">Expression Blend</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Visual+Studio/default.aspx">Visual Studio</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>Windows Phone 7 Developer Hub evenement</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/05/18/windows-phone-7-developer-hub-evenement.aspx</link><pubDate>Tue, 18 May 2010 12:35:56 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:22482</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=22482</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/05/18/windows-phone-7-developer-hub-evenement.aspx#comments</comments><description>&lt;p&gt;Op woensdag 2 juni hebben we in Utrecht een evenement georganiseerd rond Windows Phone 7 development. We hebben een aantal interessante sprekers geregeld voor dit evenement. Ben Riga, Senior Technical Evangelist. Hij was verantwoordelijk voor alle demo’s tijdens de MIX. Yochay Kiriaty, Senior Technical Evangelist, verantwoordelijk voor Phone 7 evangelisatie. Maarten Struys MVP heeft jaren ervaring in het ontwikkelen op het gebied van Mobile en&amp;#160; Floor Mesters is een ervaren User Experience Consultant. Er zullen ook Windows Phone 7 telefoons aanwezig zijn, zodat de ervaring van de nieuwe telefoon ook beleefd kan worden.&lt;/p&gt;  &lt;p&gt;Meer informatie over het evenement en de mogelijkheid om je aan te melden is &lt;a href="https://msevents.microsoft.com/cui/EventDetail.aspx?culture=nl-NL&amp;amp;EventID=1032451340" target="_blank"&gt;hier&lt;/a&gt; te vinden.&lt;/p&gt;  &lt;p&gt;De agenda van die dag is als volgt:&lt;/p&gt;  &lt;blockquote&gt;   &lt;p&gt;&lt;strong&gt;Welkom&lt;/strong&gt;&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;De visie van Microsoft over het Windows Phone 7 platform.&lt;/strong&gt;&lt;b&gt;       &lt;br /&gt;&lt;/b&gt;We vertellen de visie over ons nieuwe platform. Waarom zijn we een andere weg ingeslagen. Wat is de gedachte gang achter het gekozen ontwerp, waar willen we naar toe en hoe zien we voor ons waar de markt heen gaat. Welke kansen zijn er voor bedrijven, developers en designers met Windows Phone 7. Uiteraard met een demo van de telefoon.&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;Design voor Windows Phone 7&lt;/strong&gt;      &lt;br /&gt;In deze sessie laten we zien hoe eenvoudig het is om een goede user experience voor de gebruiker te ontwerpen. We maken gebruik van de nieuwe Expression tools. Na deze sessie ben je in staat om snel te beginnen zelf mooie ontwerpen te maken voor Windows Phone 7. &lt;/p&gt;    &lt;p&gt;&lt;strong&gt;Windows Phone development met Silverlight&lt;/strong&gt;      &lt;br /&gt;In deze sessie aandacht voor de platform architectuur en de tools. Het programmeermodel, input mogelijkheden met de verschillende sensoren en push notifications.       &lt;br /&gt;Naast een goed overzicht van de mogelijkheden laat&amp;#160; deze technische sessie laat de diverse mogelijkheden van het platform zien aan de hand van een aantal demos en code voorbeelden.&lt;/p&gt;    &lt;p&gt;&lt;strong&gt;Windows Phone development met XNA&lt;/strong&gt;      &lt;br /&gt;Wat zijn de mogelijkheden van het XNA platform. Wanneer gebruik je XNA ten opzichte van Silverlight. Hoe kan een gamedeveloper gebruik maken van het XNA platform voor het ontwerpen van games op de telefoon. Hoe verhoudt dit zich ten opzichte van development op de PC of Xbox. Maar deze sessie geeft ook inzicht in hoe een Silverlight developer gebruik kan maken van de XNA bibliotheken wanneer er Silverlight applicaties op de telefoon worden gebouwd.&lt;/p&gt;    &lt;p&gt;&lt;b&gt;Tips en Tricks plus best practices&lt;i&gt; &lt;/i&gt;&lt;/b&gt;&lt;/p&gt;    &lt;p&gt;In deze sessie geven we je alvast tips en tricks om snel te kunnen beginnen. We vertellen je onze ervaring tot nu toe met Windows Phone 7 zodat we jou kunnen helpen bepaalde valkuilen te mijden.&lt;/p&gt;    &lt;p&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;    &lt;p&gt;&lt;b&gt;Windows Phone Marketplace&lt;i&gt; &lt;/i&gt;&lt;/b&gt;&lt;/p&gt;    &lt;p&gt;We vertellen hoe de marketplace werkt. Wat zijn de mogelijkheden voor developers. Wat zijn de verdienmodellen. Kortom, hoe kunt u geld gaan verdienen met Windows Phone 7&lt;/p&gt;    &lt;p&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;    &lt;p&gt;&lt;b&gt;Q&amp;amp;A &lt;i&gt;&lt;/i&gt;&lt;/b&gt;&lt;/p&gt;    &lt;p&gt;Zijn er onderwerpen niet aan bod gekomen? Heb je nog prangende vragen? We nemen uitgebreid de tijd om zoveel mogelijk vragen te beantwoorden zodat iedereen naar huis kan gaan met alle informatie die hij of zij nodig heeft.&lt;/p&gt;&lt;/blockquote&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=22482" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/evenement/default.aspx">evenement</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>Aanrader – Boek “Programming Windows Phone 7 Series”</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/03/16/aanrader-boek-programming-windows-phone-7-series.aspx</link><pubDate>Tue, 16 Mar 2010 17:07:51 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:22196</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=22196</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/03/16/aanrader-boek-programming-windows-phone-7-series.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/WinPhone_v3_57104CC3.jpg"&gt;&lt;img style="border-right-width: 0px; margin: 0px 10px 5px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="WinPhone_v3" border="0" alt="WinPhone_v3" align="left" src="http://blogs.microsoft.nl/blogs/ux/WinPhone_v3_thumb_03B9069D.jpg" width="130" height="158" /&gt;&lt;/a&gt; Charles Petzold werkt aan een boek met de titel “Programming Windows Phone 7 Series”. Aangezien de technologie nog niet definitief is, is het boek ook nog niet af. Maar de eerste 6 hoofdstukken van de voorlopige versie van het boek zijn nu gratis te downloaden. &lt;/p&gt;  &lt;p&gt;De hoofdstukken die zijn opgenomen in deze voorlopige versie maken je bekend met de omgeving (“Phone Hardware + Your Software en Hello”, “Windows Phone”). Het tweede gedeelte gaat in op het gebruik van Silverlight voor Windows Phone (“Code and XAML” en “Presentation and Layout”). Het derde gedeelte gaat in op het gebruik van XNA (“Principles of Movement” en “Textures and Sprites”).&lt;/p&gt;  &lt;p&gt;Een goede start dus om in deze omgeving aan de gang te gaan. Ga naar &lt;a title="http://www.charlespetzold.com/phone/" href="http://www.charlespetzold.com/phone/"&gt;http://www.charlespetzold.com/phone/&lt;/a&gt; en kies voor de PDF of XPS.&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=22196" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/XAML/default.aspx">XAML</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/boeken/default.aspx">boeken</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/XNA/default.aspx">XNA</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category></item><item><title>MIX10 Nieuws – Windows Phone 7 Series applicaties met Silverlight en XNA</title><link>http://blogs.microsoft.nl/blogs/ux/archive/2010/03/16/mix10-nieuws-windows-phone-7-series-applicaties-met-silverlight-en-xna.aspx</link><pubDate>Tue, 16 Mar 2010 15:12:02 GMT</pubDate><guid isPermaLink="false">0357a05b-cef6-4f0c-b1ee-ac5309758ddc:22193</guid><dc:creator>Martin Tirion</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.microsoft.nl/blogs/ux/rsscomments.aspx?PostID=22193</wfw:commentRss><comments>http://blogs.microsoft.nl/blogs/ux/archive/2010/03/16/mix10-nieuws-windows-phone-7-series-applicaties-met-silverlight-en-xna.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://blogs.microsoft.nl/blogs/ux/winphone7screen2_2FF1805F.png"&gt;&lt;img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="winphone7-screen2" border="0" alt="winphone7-screen2" align="left" src="http://blogs.microsoft.nl/blogs/ux/winphone7screen2_thumb_15B1173B.png" width="229" height="207" /&gt;&lt;/a&gt; De keynote op dag 1 van &lt;a href="http://live.visitmix.com/"&gt;de MIX&lt;/a&gt; in Las Vegas ging voornamelijk over Windows Phone 7. Waarom? Het platform om applicaties te maken voor die omgeving is XNA (bekend van Xbox) en Silverlight! &lt;/p&gt;  &lt;p&gt;In de keynote werd getoond hoe eenvoudig met Visual Studio 2010 of met Blend 4 een Windows Phone applicatie gemaakt kan worden. Als je al bekend bent met Silverlight development zag het er eigenlijk helemaal niet spannend uit … het was al gelijk bekend en vertrouwd. En dat is nu juist de kracht van de strategie. Niet verschillende versies en tools, maar een consistent platform voor een reeks aan toepassingen. Of het nu op de PC is, op het web of op de telefoon, dezelfde tools, mogelijkheden, programmeertalen, enzovoort. Uiteraard is de ondersteuning uitgebreid met telefoon-specifieke zaken.&lt;/p&gt;  &lt;p&gt;Er is een nieuwe website opgezet voor Windows Phone developers op &lt;a title="http://developer.windowsphone.com/" href="http://developer.windowsphone.com/"&gt;http://developer.windowsphone.com/&lt;/a&gt;. Daar is informatie te vinden over het hoe en wat en de tools. Daarnaast is er ook een Windows Phone Marketplace op gezet waar applicaties gedeeld en gedownload kunnen worden.&lt;/p&gt;  &lt;p&gt;Alhoewel Windows Phone 7 Serie nog niet is uitgekomen, is het al wel mogelijk om met de beta’s en release candidates van de verschillende producten applicaties te ontwikkelen. Bij Visual Studio 2010 en Blend 4 wordt een Windows Phone 7 emulator meegeleverd. Deze emulator draait binnen een virtuele omgeving, en is dezelfde runtime als op de telefoon gebruikt zal worden. Wel is de runtime dan gekoppeld aan de hardware van de PC. Als je bijvoorbeeld een multi-touch scherm hebt, kan je dit ook gelijk voor de emulator gebruiken om de applicatie te testen. Dit komt trouwens goed overeen met implementaties op telefoons straks, want de omgeving, inclusief voor applicaties, maakt optimaal gebruik van de hardware.&lt;/p&gt;  &lt;p&gt;De tools voor ontwikkeling van Windows Phone 7 applicaties gaan overigens gratis beschikbaar komen. Door het gebruik van Visual Studio 2010 Express in combinatie met Expression Blend 4 Phone editie is het dan mogelijk applicaties te ontwikkelen. Een meer eenvoudige instap kon niet bedacht worden.&lt;/p&gt;  &lt;p&gt;Ga naar &lt;a title="http://developer.windowsphone.com/windows-phone-7-series/" href="http://developer.windowsphone.com/windows-phone-7-series/"&gt;http://developer.windowsphone.com/windows-phone-7-series/&lt;/a&gt; voor de informatie en download van tools om al vandaag met de spullen aan de gang te gaan. En als je een coole applicatie hebt ontwikkeld, laat het dan even weten!&lt;/p&gt;&lt;img src="http://blogs.microsoft.nl/aggbug.aspx?PostID=22193" width="1" height="1"&gt;</description><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/evenement/default.aspx">evenement</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/XNA/default.aspx">XNA</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/Windows+Phone/default.aspx">Windows Phone</category><category domain="http://blogs.microsoft.nl/blogs/ux/archive/tags/MIX/default.aspx">MIX</category></item></channel></rss>