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.

3.  CTO @ INNOVAGENCY
 Tech Trainner & Speaker as
Idependent
 Tech and Buis Consultant as
Independent
@alexmarreiros
Digitalmindignition.com

5. Modern UI
Windows StoreUI

6. Modern UI
MICROSOFT UX TEAM
Windows StoreUI BUILD IT WITH THE
INTENT TO BE MODERN
AND CLEAN
FAST AND IN MOTION.
IT’S ABOUT CONTENT
AND TYPOGRAPHY

7. MODERN DESIGN
BAUHAUS
http://en.wikipedia.org/wiki/Bauhaus

8. INTERNATIONAL
TYPOGRAPHIC STYLE
SWISS DESIGN

9. MOTION DESIGN
CINEMATOGRAPHY
http://www.youtube.com/watch?v=jIlqatMQSgI

10. IT’S MODERN,
A MODERN
CLEAN, FAST, IT’S ABOUT
DESIGN
AND IN CONTENT
LANGUAGE
MOTION
THEY HAD CALL THIS METRO
MODERN UI LANGUAGE

14. Clean, Fast and
Content first Typography
Fluid
Focuses on the
user and their
Authentically tasks
Alive in Motion
Digital Personal Relevant
And Conected

15. Should be Fast and Responsive
Clean, Fast and Primary tasks come first
Fluid
Force reduction of unecessary
objects
Remember Touch motion

16. Enable interation with content
Content 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 )

17. 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

18. Add dimension depth and motion
Your user want to feel as a part of the
Alive in Motion process

19. Be direct
Authentically
Digital

20. We work for users
Focuses on the
user and their Our Work Should be contexted and
tasks
Personal Relevant thinked to them
And Conected

23. YOUR TIME TO ASK
FEEL FREE TO EMAIL ME LATER
AMARREIROS@GMAIL.COM

24. https://channel9.msdn.com/Events/Windows-Camp/Windows-8-UX-
Fundamentals-Training-Workshop-2012
http://msdn.microsoft.com/en-
us/library/windows/apps/hh779072.aspx
http://www.microsoft.com/en-us/download/details.aspx?id=30704
http://www.irisclasson.com/2012/08/24/free-book-user-experience-
guidelines-for-metrowindows-8-style-apps-winrt-apps/