Windows Phone Design Bootcamp 101: Windows Ecosystem & Cocktail Flow apps case study

Download this episode

Download Video


Windows Phone Design Bootcamp Overview:

Windows Phone Design 101 covers the philosophy, inspiration and visuals that are Windows Phone Design Language. Starting with the basic terminology of design, this boot camp will take you from its early origins to the Design Principles each screen in Windows Phone was measured against. From there, we will show you the design process that guided its creation. Lastly, we will discuss the larger Microsoft Design ecosystem including Windows 8.

In Windows Phone Design 201 focuses on the skills necessary to implement "pixel-perfect" Windows Phone UI. 201 will cover the "system" including basics of the phones navigation model, interaction with the shell and an overview of gesture system. Next it will cover "composition", which is about how to clearly define when it is appropriate to use a page template and when to use a particular animation or page transition or how to harness screen orientation. Lastly, we will cover, controls and APIs available for creating your own experiences and give tips on how to do simple prototyping.

Boot camp presenter: Jared T Potter

Former Windows Phone Design Integration Lead for 3 years, Jared is now Principle Designer for Jared's focus is to combine the most cutting edge design language, user experience and motion graphics into a complete mobile user experience.

Useful resources



Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image



      also, the hoverovers/pop ups/toast for the download links draw way too quickly. i often times find myself having to scroll away from the, for example, mp4 link because the hoverover for mp3 file size covers it up. worse still is the hoverover for the "download ?" which covers the entire list. suggestion: have it pop up to to the left where it will only impact the video screen cap, something that the eye isnt payin attention to anymore anyway as its hit target/focus.


    • User profile image


    • User profile image
      Steven Ran


    • User profile image

      Thanks for this. I'm 95% designer and 5% dev  I would love a walkthrough of Blend from start to finish on creating an app for WP8.

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.