Windows 8 quick start ux

1,527 views
1,468 views

Published on

1st part of my

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,527
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • role of wayfinding signage.All about content and clear communication
  • related to be good at something.leverage the work of others to be great.
  • Post-chromeImplications for user behaviourOne design language for multiple screens
  • this app is about reading articles, but you wouldn’t know it.
  • this app is about reading articles, but you wouldn’t know it.
  • this app is about reading articles, but you wouldn’t know it.
  • 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

    ×