Create a Camera Capture UI demo. Seamless integration with devices and OS resources.
[Speak to bullets as presented above]Analytics DetailsKey pivots:Audience demographics (age, gender, country)Device class (tablet, laptop, etc.)Paid vs. FreeKey MeasuresVol. of apps (download and submissions)Top grossingTop AppsRatingsReviewsApp quality (hangs, crashes)App performance (relative to category/sub-category)Referrals (how did people discover your app?)
Do more with lessSolve for distractions, not discoverability. Let people be immersed in what they love and they will explore the rest.Create a clean and purposeful experience by leaving only the most relevant elements on screen so people can be immersed in the content.Be fast and fluidLet people interact directly with content, and respond to actions quickly with matching energy.Bring life to the experience, create a sense of continuity and tell a story through meaningful use of motion.Show pride in craftsmanshipDevote time and energy to small things that are seen often by many.Engineer the experience to be complete and polished at every stage.Be authentically digitalTake full advantage of the digital medium. Remove physical boundaries to create experiences that are more efficient and effortless than reality.Embrace the fact that we are pixels on a screen. Design with bold, vibrant and crisp colors and images that go beyond the limits of real world material.Win as oneLeverage the ecosystem and work together with other apps, devices and the system to complete scenarios for people.Fit into the UI model to reduce redundancy. Take advantage of what people already know to provide a sense of familiarity, control, and confidence.
Clean and open layoutMinimize distraction and help people get immersed in the content by leaving only the most relevant elements on screen.Give content breathing room by removing lines, boxes, and unnecessary graphical effects like blurs and gradients. Use open space to frame the content.Limit navigational chrome that is persistently on screen, such as tabs. Let people focus on the current content, and avoid distracting them with way-finding chrome.Clear information hierarchy The Microsoft design language is founded on clean, beautiful typography that helps users understand the hierarchy of the content. Use typography in place of lines and boxes to help establish structure and hierarchy.Use size, weight, and color in text consistently to convey information on a piece of content's importance. The set of variations should be small, so people can easily see how content fits together in the overall hierarchy. See Guidelines for text and typography.Use the default stylesheet to get the predefined type ramp for your text.Leverage the edge Some actions can't be accomplished with direct manipulation. For those, show commands contextually, only as needed, to avoid cluttering your canvas. Leverage the screen or device edge so people can confidently find commands.Place commands in the app bar, which can be brought up on demand through a swipe from the top or bottom edge, and can be dismissed when users have completed their actions.Leverage the charms, which can be brought up on demand through a swipe from the right edge, for invoking the Search, Share, Devices, or Settings charms.Avoid placing commands persistently on screen, and avoid showing duplicate entry points for contracts that are accessed with charms.Design for comfort and put frequently used interaction surfaces near the edges.
People often touch with more than one finger and don’t even realize it.
Scaling to multiple form factors Your app has the opportunity to be used on hundreds of millions of PCs running Windows 8. These PCs will have a wide range of screen sizes and resolution, ranging from <10" tablets to >27" screens.Make the best use of on-screen real estate by using the fluid layout support built into platform controls. For example, the ListView will automatically reflow content based on available space.The platform provides automatic scaling based on device screen size and resolution. Provide 3 sizes of assets, or use Scalable Vector Graphics (SVG) to ensure your app always looks crisp and polished. See the Guidelines for scaling to screens and Guidelines for scaling to pixel density.Keep in mind that turning on Make everything on your screen bigger in Ease of Access effectively lowers the current resolution and you need to ensure that all UI is still visible and usable. To learn more, see Verify your app with "Make everything on your screen bigger".Use the simulator in Microsoft Visual Studio to see how your app will look on different form factors.
Transcript of "Wired2Win Webinar: Windows8 Mobile App Development"