Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The system UX
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – Metro Concepts  “METRO IS A UNIFIED DESIGN LANGUAGE. WE CALL IT METRO   BECAUSE IT’S MODERN ANDCLE...
Inspired By the signage.All about content and clear             communication
Windows 8 Quick Start – Metro Concepts                              MODERN DESIGN                               FORM FOLLO...
Windows 8 Quick Start – Metro Concepts*international style  * INFORMATION IS BEAUTIFUL  wikimedia.org
Windows 8 Quick Start – Metro Concepts
Windows 8 Quick Start – MetroPrinciples
Windows 8 Quick Start – MetroPrinciples       Pride in craftsmanship       Be fast and fluid       Authentically digita...
Windows 8 Quick Start – About The presentation Authorpride in craftsmanship* SWEAT THE DETAILS* MAKE IT SAFE AND RELIABLE*...
Windows 8 Quick Start – About The presentation Authorbe fast and fluid* LIFE IS MOBILE* DELIGHT WITH MOTION* DESIGN FOR TO...
Windows 8 Quick Start – About The presentation Authorauthentically digital* CLOUD CONNECTED* DYNAMIC AND ALIVE* BEAUTIFUL ...
Windows 8 Quick Start – About The presentation Authordo more with less* BE GREAT AT SOMETHING* FOCUSED AND DIRECT* CONTENT...
Windows 8 Quick Start – About The presentation Authorwin as one* FIT INTO THE UI MODEL* REDUCE REDUNDANCY* WORK TOGETHER T...
Windows 8 Quick Start – About The presentation AuthorWhere metro Lives?
Windows 8 Quick Start – About The presentation AuthorMain Goals* LOOKS EASY, EH?* BUT YOUR MISTAKES ARE EVEN MORE OBVIOUS*...
Windows 8 Quick Start – About The presentation Authormetro is more than visual* ATTITUDE…* NAVIGATION STYLE AND STRUCTURE*...
Windows 8 Quick Start – About The presentation Authorgetting metro right   * CONTENT BEFORE CHROME   * FUNCTIONAL MINIMALI...
Windows 8 Quick Start – About The presentation Author                        content before chromeLET THE CONTENT BE THE I...
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start – About The presentation Author           http://blendinsider.com/technical/ux-           guidelines...
Windows 8 Quick Start – About The presentation Author
Upcoming SlideShare
Loading in …5
×

Windows 8 quick start ux

1,664 views

Published on

1st part of my

Published in: Technology, Education
  • Be the first to comment

Windows 8 quick start ux

  1. 1. The system UX
  2. 2. Windows 8 Quick Start – About The presentation Author
  3. 3. Windows 8 Quick Start – Metro Concepts “METRO IS A UNIFIED DESIGN LANGUAGE. WE CALL IT METRO BECAUSE IT’S MODERN ANDCLEAN. IT’S FAST AND IN MOTION. IT’S ABOUT CONTENT ANDTYPOGRAPHY. AND IT’S ENTIRELY AUTHENTIC.” Shane Morris
  4. 4. Inspired By the signage.All about content and clear communication
  5. 5. Windows 8 Quick Start – Metro Concepts MODERN DESIGN FORM FOLLOWS FUNCTION MASS PRODUCTION Now: Mass digitisationhistoriarte1.wikispaces.comMETRO DESIGN LANGUAGE 5
  6. 6. Windows 8 Quick Start – Metro Concepts*international style * INFORMATION IS BEAUTIFUL wikimedia.org
  7. 7. Windows 8 Quick Start – Metro Concepts
  8. 8. Windows 8 Quick Start – MetroPrinciples
  9. 9. Windows 8 Quick Start – MetroPrinciples  Pride in craftsmanship  Be fast and fluid  Authentically digital  Do more with less  Win as one
  10. 10. Windows 8 Quick Start – About The presentation Authorpride in craftsmanship* SWEAT THE DETAILS* MAKE IT SAFE AND RELIABLE* BALANCE, SYMMETRY, HIERARCHY* ALIGN TO THE GRID * LOOK LIKE YOU BELONG
  11. 11. Windows 8 Quick Start – About The presentation Authorbe fast and fluid* LIFE IS MOBILE* DELIGHT WITH MOTION* DESIGN FOR TOUCH* INTUITIVE INTERACTION* BE RESPONSIVE AND READY* IMMERSIVE AND COMPELLING * ORIENT WITH MOTION
  12. 12. Windows 8 Quick Start – About The presentation Authorauthentically digital* CLOUD CONNECTED* DYNAMIC AND ALIVE* BEAUTIFUL USE OF TYPOGRAPHY* BOLD VIBRANT COLORS* MOTION
  13. 13. Windows 8 Quick Start – About The presentation Authordo more with less* BE GREAT AT SOMETHING* FOCUSED AND DIRECT* CONTENT BEFORE CHROME* INSPIRE CONFIDENCE
  14. 14. Windows 8 Quick Start – About The presentation Authorwin as one* FIT INTO THE UI MODEL* REDUCE REDUNDANCY* WORK TOGETHER TO COMPLETE SCENARIOS* TOOLS AND TEMPLATES ARE DESIGNED TO SCALE
  15. 15. Windows 8 Quick Start – About The presentation AuthorWhere metro Lives?
  16. 16. Windows 8 Quick Start – About The presentation AuthorMain Goals* LOOKS EASY, EH?* BUT YOUR MISTAKES ARE EVEN MORE OBVIOUS* LESS VISUAL DEVICES TO Direct attention Communicate grouping Delight BrandMETRO DESIGN LANGUAGE 16
  17. 17. Windows 8 Quick Start – About The presentation Authormetro is more than visual* ATTITUDE…* NAVIGATION STYLE AND STRUCTURE* INTERACTION STYLE AND STRUCTURE* SILHOUETTE* VISUAL LANGUAGE * LIKE ALL GOOD DESIGN, DESIGNING FOR METRO DOES NOT START WITH VISUALS
  18. 18. Windows 8 Quick Start – About The presentation Authorgetting metro right * CONTENT BEFORE CHROME * FUNCTIONAL MINIMALISM * FLATTER, WIDER NAVIGATION * INFORMATION HIERARCHY * PLATFORM CONVENTIONSMETRO DESIGN LANGUAGE 18
  19. 19. Windows 8 Quick Start – About The presentation Author content before chromeLET THE CONTENT BE THE INTERFACEMOVE COMMANDS TO THE APP BARMETRO DESIGN LANGUAGE 19
  20. 20. Windows 8 Quick Start – About The presentation Author
  21. 21. Windows 8 Quick Start – About The presentation Author
  22. 22. Windows 8 Quick Start – About The presentation Author
  23. 23. Windows 8 Quick Start – About The presentation Author
  24. 24. Windows 8 Quick Start – About The presentation Author
  25. 25. Windows 8 Quick Start – About The presentation Author
  26. 26. Windows 8 Quick Start – About The presentation Author
  27. 27. Windows 8 Quick Start – About The presentation Author
  28. 28. Windows 8 Quick Start – About The presentation Author
  29. 29. Windows 8 Quick Start – About The presentation Author http://blendinsider.com/technical/ux- guidelines-for-metro-style-app- development-2011-10-21/ 8 traits of great Metro style apps Designing Metro style: principles and personality Designing Metro style apps that are touch- optimized Reach your customers’ devices with one beautiful HTML5 user interface
  30. 30. Windows 8 Quick Start – About The presentation Author

×