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.

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

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.

User journey App hub Catalog experience Buying a product Checkout experience

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

Roaming data Wish list Shopping cart Account info Recently viewed items

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

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.

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

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

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

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

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.

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

Resources Index of UX guidelines for Windows Store apps http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx Designing UX for apps http://msdn.microsoft.com/library/windows/apps/hh779072/ MSDN Magazine Windows 8 Special Issue http://msdn.microsoft.com/en-us/magazine/jj660298.aspx MSDN Magazine Design and UX column http://msdn.microsoft.com/en-us/magazine/jj651577.aspx Please submit session evals on the Build Windows 8 App or at http://aka.ms/BuildSessions

Resources Develop: http://msdn.microsoft.com/en- US/windows/apps/br229512 Design: http://design.windows.com/ Samples: http://code.msdn.microsoft.com/windows apps/Windows-8-Modern-Style-App- Samples Videos: http://channel9.msdn.com/Windows Please submit session evals by using the Build Windows 8 app or at http://aka.ms/BuildSessions