Guidance for shopping appsMark HopkinsProgram Manager, Windows Scenario Adoption2-111

Realizing the opportunityUser journeyPlatform features for shopping appsCompleting the saleBranding

Agenda

Engage users deeplyTailor the UXTouch is a first-class citizenWindows Store apps are fast, fluidApps are more personalReimagining the purchase process

Realizing the opportunity

App hubCatalog experienceBuying a productCheckout experience

User journey

The first thing your users seeMake products the heroContent before chrome

Think about: app bar, content prioritization

App hub

One way to get to productsSearching and filtering is keyStand out from the crowd

Think about: layout, app bar, search contract

Catalog experience

Compelling and easy to buyInformed simplicityFocused, flat designs

Think about: app bar, sharing

Buying a product

Fewer steps == betterCarts should roamRemember info in-app

Think about: app bar, share (after checkout)

Checkout experience

SharingSearch and filteringSettingsLive tiles and toast notificationsApp barRoaming data

Platform features for shopping apps

Way to engage usersFocus on your data

Think about: share target opportunities

Sharing

Search everything, search everywhereFrequency == prominence Return results fast, let users filter

Think about: filtering on AppBar, layout

Search and filtering

Login/LogoutAccount infoPayment dataPrivacy PolicyLocation

Settings

Ambient vs. time-sensitiveBring your brand to your tileFriends don’t let friends overdo toast notifications

Live tiles and toast notifications

Use to focus on contentNavigation on top barContextual actions on bottom barGood place for filtering controls

App bar

Wish listShopping cartAccount infoRecently viewed items

Roaming data

Finishing the sale within the appWeb-based solution in an IFramePayment options

Completing the sale

End-to-end shopping scenarioConsistent user experienceKeep the user focusedContext switches cost a lot

Finishing the sale within the app

Limited support for touchNavigation issues

Web-based solution in an IFrame

Large touch targetsUse IFrames purposefully

Your own commerce solutionThird-party solutionsIn-app purchase

Payment options

Let your brand shineTie the app to your marketingBrand your Windows Store listing

Branding

Bring your brand end-to-endYour app is uniquely yoursEvery pixel matters

Think about: colors, fonts, live tile

Let your brand shine

Bring apps into dialogueBuild apps that you would prefer users to engage withDrive app adoption for residents

Think about: app bridge on IE, protocol handlers

Tie the app to your marketing

Use compelling imageryProvide promotion images when submittingSet your application colorLocalize

Brand your Windows Store listing

Index of UX guidelines for Windows Store appshttp://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx

Designing UX for appshttp://msdn.microsoft.com/library/windows/apps/hh779072/

MSDN Magazine Windows 8 Special Issuehttp://msdn.microsoft.com/en-us/magazine/jj660298.aspx

MSDN Magazine Design and UX columnhttp://msdn.microsoft.com/en-us/magazine/jj651577.aspx

Resources

Please submit session evals on the Build Windows 8 App or at http://aka.ms/BuildSessions

• Develop: http://msdn.microsoft.com/en-US/windows/apps/br229512

• Design: http://design.windows.com/

• Samples: http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples

• Videos: http://channel9.msdn.com/Windows

Resources

Please submit session evals by using the Build Windows 8 appor at http://aka.ms/BuildSessions

© 2012 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.