SlideShare a Scribd company logo
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 app
2. Understand the navigation paradigms that are used in Windows Store apps
3. The tools we use for wireframe and comp design for Windows Store apps
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Navigation Patterns
Semantic Zoom
Putting it all together…
Designing windows 8.1 apps, from the ground up
Screen sizes
User experience
10” 1024x76813” 1400x105020” 1920x108027” 2560x160011.6” 1366x768
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Devote time and energy to small
things 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.
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
http://msdn.microsoft.com/en-US/windows/apps/bg125377
*PowerPoint 2013 Storyboarding templates installed by default with VS2012 Ultimate
Designing windows 8.1 apps, from the ground up
http://www.microsoft.com/visualstudio/eng/2013-preview
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
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 app
2. Understand the navigation paradigms that are used in Windows Store apps
3. The tools we use for wireframe and comp design for Windows Store apps
Me
Designing windows 8.1 apps, from the ground up

More Related Content

Designing windows 8.1 apps, from the ground up

  • 2. .1
  • 3. 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 app 2. Understand the navigation paradigms that are used in Windows Store apps 3. The tools we use for wireframe and comp design for Windows Store apps
  • 12. Putting it all together…
  • 14. Screen sizes User experience 10” 1024x76813” 1400x105020” 1920x108027” 2560x160011.6” 1366x768
  • 21. Devote time and energy to small things that many will see often. Engineer the experience to be complete and polished at every stage.
  • 22. 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.
  • 23. 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.
  • 24. 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.
  • 25. 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.
  • 35. 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 app 2. Understand the navigation paradigms that are used in Windows Store apps 3. The tools we use for wireframe and comp design for Windows Store apps
  • 36. Me