Download - Guidance for shopping apps
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.