Windows® 8 UX Design Workshop

This module covers the process of identifying what your app’s unique offering is, and the right organization of features to deliver that promise. The first three steps of the user experience design process described here will result in a “Great At” statement, a set of User Flows and finally a set of application features they require.

Lessons

The “Great At” Statement

User Flows

Features

Brainstorm Great At statements

Critique your Great At statements

Settle on your Great At statement

Brainstorm possible user flows

Remove features

Remove user flows that don’t support the Great At statement

Review your final user flows

Brainstorm possible app features

Remove unnecessary features

Group features

Identify a “Great At” statement for your application

Determine a set of “User Flows” to support the “Great At” statement

Brainstorm and organize the features required for your app.

This module introduces the two standard navigation patterns for Window Store applications, and the navigation devices available to users to find their way around your application.

Lessons

Navigation Patterns

Content

Design the navigation for the Sample Application

Validate the navigation for the Sample Application

Select the right navigation pattern for your application.

Organize a hierarchical navigation structure.

Add a semantic zoom view to your Hub page.

Apply standard Navigation elements to your page designs.

This module describes how to organize and present the content and features of an application.

Laying Out Content

Typography

Branding

Layout the Pages of the Sample Application

Typography

Branding

Apply standard page templates to your application.

Layout content within the pages.

Apply the Windows 8 type ramp.

Consider the branding for your application.

This module describes the guidelines for laying out app bars.

Commanding

App Bar Design

Laying out Commands for the Home Page

Laying out Commands for Other Pages

Layout commands in app bars for your application.Session 6: Day 2 IntroductionThis module reviews the work students did on day 1 and introduces the agenda for day 2.Lessons

Workshop Day 2

Review some of the key topics from day 1.

Learn about the agenda for day 2.

This module describes the scaling and snapping strategies that you can use to

support a wide variety of screen sizes, resolutions, aspect rations and orientations.

Lessons

Scaling

Snapped View

Sketch Page Scaling Behavior

Discuss Portrait View Behavior

Learn about different scaling strategies.

Apply scaling strategies.

Learn strategies for designing snap views.

Layout snap views for your application.

This module described how to design Share and Search experiences for an application.

Lessons

Charms, Contracts and Extensions

The Share Contract

The Search Contract

The File Picker Extension

Design a Share Source Experience

Design a Share Target Experience

Design a Search Experience

Design a File Picker Experience

Design Share and Search experiences for your application.

Design File Picker experiences for your application.

This module describes how to design default and secondary tiles for an application.

Lessons

Tiles

Notifications

Design the Sample Application Default Tile

Design the Sample Application Secondary Tiles

Design Notifications for the Sample Application

Design a default tile and secondary tiles for Food with Friends.

Design notifications for Food with Friends.

This module provides a recap of the topics covered in the workshop.

Lessons

Principles, Processes and Guidelines

Recap the topics covered in this workshop

Learn the importance of treating each application uniquely

Recap the underlying principles of Windows 8 design

Compare real world design considerations with the experiences of this workshop