1. Guidance for shopping apps
Windows Azure
6/2/2018
Guidance for shopping apps
Mark Hopkins
Program Manager, Windows Scenario Adoption
2-111
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

2. Agenda Realizing the opportunity User journey
Platform features for shopping apps
Completing the sale
Branding

3. Realizing the opportunity
Build 2012
6/2/2018
Realizing the opportunity
Engage users deeply
Tailor the UX
Touch is a first-class citizen
Windows Store apps are fast, fluid
Apps are more personal
Reimagining the purchase process
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. User journey App hub Catalog experience Buying a product
Checkout experience

5. App hub The first thing your users see Make products the hero
Build 2012
6/2/2018
App hub
The first thing your users see
Make products the hero
Content before chrome
Think about: app bar, content prioritization
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. Catalog experience One way to get to products
Build 2012
6/2/2018
Catalog experience
One way to get to products
Searching and filtering is key
Stand out from the crowd
Think about: layout, app bar, search contract
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. Buying a product Compelling and easy to buy Informed simplicity
Build 2012
6/2/2018
Buying a product
Compelling and easy to buy
Informed simplicity
Focused, flat designs
Think about: app bar, sharing
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Checkout experience Fewer steps == better Carts should roam
Build 2012
6/2/2018
Checkout experience
Fewer steps == better
Carts should roam
Remember info in-app
Think about: app bar, share (after checkout)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. Platform features for shopping apps
Sharing
Search and filtering
Settings
Live tiles and toast notifications
App bar
Roaming data

10. Sharing Way to engage users Focus on your data
Build 2012
6/2/2018
Sharing
Way to engage users
Focus on your data
Think about: share target opportunities
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Search and filtering Search everything, search everywhere
Build 2012
6/2/2018
Search and filtering
Search everything, search everywhere
Frequency == prominence
Return results fast, let users filter
Think about: filtering on AppBar, layout
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. Settings Login/Logout Account info Payment data Privacy Policy
Build 2012
6/2/2018
Settings
Login/Logout
Account info
Payment data
Privacy Policy
Location
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

13. Live tiles and toast notifications
Build 2012
6/2/2018
Live tiles and toast notifications
Ambient vs. time-sensitive
Bring your brand to your tile
Friends don’t let friends overdo toast notifications
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. App bar Use to focus on content Navigation on top bar
Build 2012
6/2/2018
App bar
Use to focus on content
Navigation on top bar
Contextual actions on bottom bar
Good place for filtering controls
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. Roaming data Wish list Shopping cart Account info
Recently viewed items

16. Completing the sale Finishing the sale within the app
Web-based solution in an IFrame
Payment options

17. Finishing the sale within the app
Build 2012
6/2/2018
Finishing the sale within the app
End-to-end shopping scenario
Consistent user experience
Keep the user focused
Context switches cost a lot
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. Web-based solution in an IFrame
Limited support for touch
Navigation issues
Large touch targets
Use IFrames purposefully

19. Payment options Your own commerce solution Third-party solutions
In-app purchase

20. Branding Let your brand shine Tie the app to your marketing
Brand your Windows Store listing

21. Let your brand shine Bring your brand end-to-end
Your app is uniquely yours
Every pixel matters
Think about: colors, fonts, live tile

22. Tie the app to your marketing
Build 2012
6/2/2018
Tie the app to your marketing
Bring apps into dialogue
Build apps that you would prefer users to engage with
Drive app adoption for residents
Think about: app bridge on IE, protocol handlers
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

23. Brand your Windows Store listing
Use compelling imagery
Provide promotion images when submitting
Set your application color
Localize

24. Resources
Index of UX guidelines for Windows Store apps
Designing UX for apps
MSDN Magazine Windows 8 Special Issue
MSDN Magazine Design and UX column
Please submit session evals on the Build Windows 8 App or at

25. Resources
Develop: US/windows/apps/br229512
Design:
Samples: apps/Windows-8-Modern-Style-App- Samples
Videos:
Please submit session evals by using the Build Windows 8 app
or at