designing windows 8.1 apps, from the ground up

.1

After attending this discussion, you should have a better understanding of the features and design guidelines of Windows Store apps, and the approaches we take in designing Windows Store apps.

1. Understand the components of a Windows Store app2. Understand the navigation paradigms that are used in Windows Store apps3. The tools we use for wireframe and comp design for Windows Store apps

Navigation Patterns

Semantic Zoom

Putting it all together…

Screen sizesUser experience

10” 1024x76813” 1400x105020” 1920x108027” 2560x160011.6” 1366x768

Devote time and energy to smallthings that many will see often. Engineer the experience to be complete and polished at every stage.

Let 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.

Take full advantage of the digital medium. Remove physical boundaries to create experiences that are more efficient and effortless than reality. Design with bold, vibrant and crisp colors and images that go beyond the limits of real world material.

Create a clean and purposeful experience by leaving only the most relevant elements on screen. Let people be immersed in what they love and they will explore the rest.

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.

http://msdn.microsoft.com/en-US/windows/apps/bg125377*PowerPoint 2013 Storyboarding templates installed by default with VS2012 Ultimate

http://www.microsoft.com/visualstudio/eng/2013-preview

After attending this discussion, you should have a better understanding of the features and design guidelines of Windows Store apps, and the approaches we take in designing Windows Store apps.

1. Understand the components of a Windows Store app2. Understand the navigation paradigms that are used in Windows Store apps3. The tools we use for wireframe and comp design for Windows Store apps

Me