Embed Size (px)
DESCRIPTION
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.
Citation preview
LEARN WITH MEET WINDOWS 8 UI
OPEN DAY
OPEN DAY
WHAT’S A WINDOWS APP ?
DESKTOP
ABOUT TREND INSPIRATION INFLUENC CTO @ INNOVAGENCY Tech Trainner & Speaker
as Idependent Tech and Buis Consultant
as Independent
OPEN DAY
@alexmarreiros
Digitalmindignition.com
ABOUT TREND INSPIRATION INFLUENC
OPEN DAY
ABOUT TREND INSPIRATION INFLUENC
OPEN DAY
Modern UI
Windows StoreUI
ABOUT TREND INSPIRATION INFLUENC
OPEN DAY
Modern UI
Windows StoreUI
MICROSOFT UX TEAM BUILD IT WITH THE
INTENT TO BE MODERN AND CLEAN
FAST AND IN MOTION.IT’S ABOUT CONTENT AND TYPOGRAPHY
OUT TREND INSPIRATION INFLUENCES
OPEN DAY
MODERN DESIGN BAUHAUS
http://en.wikipedia.org/wiki/Bauhaus
OUT TREND INSPIRATION INFLUENCES
OPEN DAY
INTERNATIONAL TYPOGRAPHIC STYLE
SWISS DESIGN
OUT TREND INSPIRATION INFLUENCES
OPEN DAY
MOTION DESIGN CINEMATOGRAPHY
http://www.youtube.com/watch?v=jIlqatMQSgI
D INSPIRATION INFLUENCES LANGUAGE
OPEN DAY
A MODERN DESIGN
LANGUAGE
IT’S MODERN, CLEAN, FAST,
AND IN MOTION
IT’S ABOUT CONTENT
THEY HAD CALL THIS METRO MODERN UI LANGUAGE
ION INFLUENCES LANGUAGE EVOLUTION
OPEN DAY
ION INFLUENCES LANGUAGE EVOLUTION
OPEN DAY
ION INFLUENCES LANGUAGE EVOLUTION
OPEN DAY
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Clean, Fast and Fluid
Content first Typography
Alive in MotionAuthentically
Digital
Focuses on the user and their
tasksPersonal
Relevant And Conected
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Clean, Fast and Fluid
Should be Fast and Responsive
Primary tasks come first
Force reduction of unecessary objects
Remember Touch motion
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Content first
Enable interation with content
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)
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Typography
Typography can be used in different sizes and weights as a way to convey strutured information.
Type to be beautifull and thinking in the user and not just to type
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Alive in Motion
Add dimension depth and motion
Your user want to feel as a part of the process
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Authentically Digital
Be direct
NCES LANGUAGE EVOLUTION PRINCIPLES
OPEN DAY
Focuses on the user and their
tasksPersonal
Relevant And Conected
We work for users
Our Work Should be contexted and thinked to them
UAGE EVOLUTION PRINCIPLES DEMOS
OPEN DAY
VOLUTION PRINCIPLES LET’S PLAY NOTES
OPEN DAY
INCIPLES LET’S PLAY NOTES QUESTIONS
OPEN DAY
YOUR TIME TO ASK
FEEL FREE TO EMAIL ME LATER
AY NOTES QUESTIONS REFERENCES
OPEN DAY
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/
