Learn with windows8 ui

470 views
390 views

Published on

A presentation used at EDIT Open Day 2013 Conference.
The target of this presentation are designer's UX responsibles and app developer's.
The presentation goes directly in to the modern ui aproach to take to out of the box the major ideas used in Windows 8 and his graphical lnguage that can help us to take digital development closer to the user.

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

No Downloads
Views
Total views
470
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Learn with windows8 ui

  1. 1.  CTO @ INNOVAGENCY Tech Trainner & Speaker as Idependent Tech and Buis Consultant as Independent @alexmarreiros Digitalmindignition.com
  2. 2. Modern UIWindows StoreUI
  3. 3. Modern UI MICROSOFT UX TEAMWindows StoreUI BUILD IT WITH THE INTENT TO BE MODERN AND CLEAN FAST AND IN MOTION. IT’S ABOUT CONTENT AND TYPOGRAPHY
  4. 4. MODERN DESIGNBAUHAUShttp://en.wikipedia.org/wiki/Bauhaus
  5. 5. INTERNATIONALTYPOGRAPHIC STYLESWISS DESIGN
  6. 6. MOTION DESIGNCINEMATOGRAPHYhttp://www.youtube.com/watch?v=jIlqatMQSgI
  7. 7. IT’S MODERN,A MODERN CLEAN, FAST, IT’S ABOUT DESIGN AND IN CONTENTLANGUAGE MOTION THEY HAD CALL THIS METRO MODERN UI LANGUAGE
  8. 8. Clean, Fast and Content first Typography Fluid Focuses on the user and their Authentically tasksAlive in Motion Digital Personal Relevant And Conected
  9. 9. Should be Fast and ResponsiveClean, Fast and Primary tasks come first Fluid Force reduction of unecessary objects Remember Touch motion
  10. 10. Enable interation with contentContent first Content is the ui Remove Chrome (is a technique of electroplating a thin layer of chromium onto a metal or plastic object. The chromed layer can be decorative, provide corrosion resistance, ease cleaning procedures, or increase surface hardness, and sometimes for aesthetic purposes a less expensive imitator of chrome will be used. http://en.wikipedia.org/wiki/Chrome_plating )
  11. 11. Typography can be used in different sizes and weights as a way to convey strutured information.Typography Type to be beautifull and thinking in the user and not just to type
  12. 12. Add dimension depth and motion Your user want to feel as a part of theAlive in Motion process
  13. 13. Be directAuthentically Digital
  14. 14. We work for users Focuses on the user and their Our Work Should be contexted and tasksPersonal Relevant thinked to them And Conected
  15. 15. YOUR TIME TO ASKFEEL FREE TO EMAIL ME LATERAMARREIROS@GMAIL.COM
  16. 16. https://channel9.msdn.com/Events/Windows-Camp/Windows-8-UX-Fundamentals-Training-Workshop-2012http://msdn.microsoft.com/en-us/library/windows/apps/hh779072.aspxhttp://www.microsoft.com/en-us/download/details.aspx?id=30704http://www.irisclasson.com/2012/08/24/free-book-user-experience-guidelines-for-metrowindows-8-style-apps-winrt-apps/

×