designing windows user experiences

75
Chris Mayo| Microsoft Senior Technical Evangelist Martin Tirion | Microsoft Technical Evangelist Windows 8.1 UX Design Jump Start

Upload: laila-omran

Post on 14-Jun-2015

87 views

Category:

Education


3 download

DESCRIPTION

designing windows user experiences

TRANSCRIPT

  • 1. Chris Mayo| Microsoft Senior Technical EvangelistMartin Tirion | Microsoft Technical Evangelist

2. Meet Chris Mayo | @chrisdmayo Designer and developer focusing on the design of WindowsStore apps Worked at Microsoft for 13 years Previously, he served as a designer, developer, and architect in the ITdepartments of Fortune 500 companies in the retail and financeindustries. 3. Meet Martin Tirion| @mtirion Is User Experience Evangelist at Microsoft Martin has more than 25 years of experience in app building onvarious platforms and has a strong passion for user experience 4. Course TopicsWindows 8.1 UX Design Jump Start01 | Designing User Experiences forWindows07 | Search02 | Less Is More 08 | Share03 | UI Controls 09 | Contacts and Appointments04 | Navigation10 | Start, Tiles, Notifications, and LockScreen05 | Layout 11 | The Windows Store06 | Windowing 12 | Great Windows Store Apps 5. Setting Expectations Target Audience Designers Suggested Prerequisites/Supporting Material Experience in creating digital experiences for Windows 8, WindowsPhone 8, iOS, Android, and the web 6. Join the MVA Community! Microsoft Virtual Academy Free online learning tailored for IT Pros and Developers Over 1M registered users Up-to-date, relevant training on variety of Microsoft products Earn while you learn! Get 50 MVA Points for this event! Visit http://aka.ms/MVA-Voucher Enter this code: Win81UX (expires 1/10/2014) 7. P 4PrinciplesPersonalityPatternsPlatform 8. User experiences designed for Windows 9. Are grounded in a set of design principles 10. Are grounded in a set of design principleswith a visual and interactive design personality 11. Are grounded in a set of design principleswith a visual and interactive design personalityexhibiting common user interface patterns 12. Are grounded in a set of design principleswith a visual and interactive design personalityexhibiting common user interface patternsbuilt on the Windows platform 13. Are grounded in a set of design principleswith a visual and interactive design personalityexhibiting common user interface patternsbuilt on the Windows platform 14. Grounded in the same principlesMore visually rich and compelling personalityMore scalable, flexible, and complete patternsBetter patterns and personality support via platform 15. P 16. A principled design approach 17. Design principles 18. Pride in craftsmanship 19. Ship it? 20. Fit and finish pass firstTitle and body textnot quite aligned onthe left edgeText is too wordy. Can it bemore succinct?Button text should beUse Segoe UI Semilight, notSegoe UI SemiboldFocus-rect has more padding on centered horizontallythe left/right than top/bottom.Should be the same. 21. Be fast and fluid 22. Authentically digital 23. Do more with less 24. Redesigned to 2 fast and fluid steps 25. Win as one 26. One Microsoft design philosophy 27. P 28. Personality elementsCompositionTypographyColorMotion 29. Composition 30. Based on 20px grid 31. And a consistent silhouette 32. consistent and dynamic 33. consistent and dynamic 34. Typography 35. Type ramp 36. Color 37. Motion 38. P 39. Patterns 40. Windows 8 UI controls 41. Navigation patterns 42. Command patterns 43. Presenting data patterns 44. Touch patterns 45. Tap for primary action 46. Press and hold to learn 47. Cross-slide to select & command 48. Cross-slide to move 49. Pinch and stretch to zoom 50. Turn to rotate 51. Swipe from edge 52. P 53. Platform for Windows user experiencesAll based on the same core Windows capabilities 54. P 4PrinciplesPersonalityPatternsPlatform 55. Are grounded in a set of design principleswith a visual and interactive design personalityexhibiting common user interface patternsbuilt on the Windows platform 56. Resources: Designing Windows User Experienceshttp://msdn.microsoft.com/en-US/windows/apps/hh779072http://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx 57. 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in theU.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 Microsoftmust 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 afterthe date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.