designing windows 8.1 apps, from the ground up

37

Upload: mike-bifulco

Post on 18-Nov-2014

476 views

Category:

Design


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Designing windows 8.1 apps, from the ground up
Page 2: Designing windows 8.1 apps, from the ground up

.1

Page 3: 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 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

Page 4: Designing windows 8.1 apps, from the ground up
Page 5: Designing windows 8.1 apps, from the ground up
Page 6: Designing windows 8.1 apps, from the ground up
Page 7: Designing windows 8.1 apps, from the ground up
Page 8: Designing windows 8.1 apps, from the ground up
Page 9: Designing windows 8.1 apps, from the ground up
Page 10: Designing windows 8.1 apps, from the ground up

Navigation Patterns

Page 11: Designing windows 8.1 apps, from the ground up

Semantic Zoom

Page 12: Designing windows 8.1 apps, from the ground up

Putting it all together…

Page 13: Designing windows 8.1 apps, from the ground up
Page 14: Designing windows 8.1 apps, from the ground up

Screen sizesUser experience

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

Page 15: Designing windows 8.1 apps, from the ground up
Page 16: Designing windows 8.1 apps, from the ground up
Page 17: Designing windows 8.1 apps, from the ground up
Page 18: Designing windows 8.1 apps, from the ground up
Page 19: Designing windows 8.1 apps, from the ground up
Page 20: Designing windows 8.1 apps, from the ground up
Page 21: Designing windows 8.1 apps, from the ground up

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

Page 22: Designing windows 8.1 apps, from the ground up

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.

Page 23: Designing windows 8.1 apps, from the ground up

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.

Page 24: Designing windows 8.1 apps, from the ground up

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.

Page 25: Designing windows 8.1 apps, from the ground up

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.

Page 26: Designing windows 8.1 apps, from the ground up
Page 27: Designing windows 8.1 apps, from the ground up
Page 28: Designing windows 8.1 apps, from the ground up
Page 29: 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

Page 30: Designing windows 8.1 apps, from the ground up
Page 31: Designing windows 8.1 apps, from the ground up

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

Page 32: Designing windows 8.1 apps, from the ground up
Page 33: Designing windows 8.1 apps, from the ground up
Page 34: Designing windows 8.1 apps, from the ground up
Page 35: 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 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

Page 36: Designing windows 8.1 apps, from the ground up

Me

Page 37: Designing windows 8.1 apps, from the ground up