Learn with windows8 ui

  • 294 views
Uploaded on

A presentation used at EDIT Open Day 2013 Conference. …

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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
294
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.  CTO @ INNOVAGENCY Tech Trainner & Speaker as Idependent Tech and Buis Consultant as Independent @alexmarreiros Digitalmindignition.com
  • 2. Modern UIWindows StoreUI
  • 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. MODERN DESIGNBAUHAUShttp://en.wikipedia.org/wiki/Bauhaus
  • 5. INTERNATIONALTYPOGRAPHIC STYLESWISS DESIGN
  • 6. MOTION DESIGNCINEMATOGRAPHYhttp://www.youtube.com/watch?v=jIlqatMQSgI
  • 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. Clean, Fast and Content first Typography Fluid Focuses on the user and their Authentically tasksAlive in Motion Digital Personal Relevant And Conected
  • 9. Should be Fast and ResponsiveClean, Fast and Primary tasks come first Fluid Force reduction of unecessary objects Remember Touch motion
  • 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. 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. Add dimension depth and motion Your user want to feel as a part of theAlive in Motion process
  • 13. Be directAuthentically Digital
  • 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. YOUR TIME TO ASKFEEL FREE TO EMAIL ME LATERAMARREIROS@GMAIL.COM
  • 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/