1: IntroductionIn this module, students will get an overview of the workshop and the
Windows design principles. Students will also become familiar with the application being used for the labs.
Lessons
- About this Workshop
- Designing for Windows 8
- Lab Scenario
- Review the Windows 8 Design Principles
- Learn about the workshop agenda
- Learn about the application and the scenario that will be used on all the labs.
Module 2: Less is MoreThis 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
Lab : Creating a Great At Statement- 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
Lab : Identifying User Flows- 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
Lab : Identifying App 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.
Module 3: NavigationThis 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
Lab : Designing Navigation- 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.
Module 4: LayoutThis module describes how to organize and present the content and features of an application.Lessons - Laying Out Content
- Typography
- Branding
Lab : Layout- 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.
Module 5: UI ElementsThis module describes the guidelines for laying out app bars.Lessons Lab : Design for Commanding- Laying out Commands for the Home Page
- Laying out Commands for Other Pages
Layout commands in app bars for your application.Module 6: Day 2 IntroductionThis module reviews the work students did on day 1 and introduces the agenda for day 2.Lessons - Review some of the key topics from day 1.
- Learn about the agenda for day 2.
Module 7: Snapping and ScalingThis 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 Lab : Designing for Scaling- 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.
Module 8: Charms, Contracts and ExtensionsThis 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
Lab : Designing for the Search Charm- Design a Share Source Experience
- Design a Share Target Experience
- Design a Search Experience
- Design a File Picker Experience
Lab : Designing for the Share Charm- Design a Share Source Experience
- Design a Share Target Experience
- Design a Search Experience
- Design a File Picker Experience
Lab : Designing for the File Picker- 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.
Module 9: Tiles and NotificationsThis module describes how to design default and secondary tiles for an application.Lessons Lab : Designing Notifications- Design the Sample Application Default Tile
- Design the Sample Application Secondary Tiles
- Design Notifications for the Sample Application
Lab : Designing Application Tiles- 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.
Module 10: Wrap-UpThis module provides a recap of the topics covered in the workshop.