SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
1.
Local Touch – Global Reach
Metro Metro Metro !
Samidip Basu
Solutions Lead | MSFT Mobility
Email: Samidip.Basu@us.sogeti.com
Twitter: @samidip
Info: http://samidipbasu.info
Blog: http://samidipbasu.com
Sogeti USA
8425 Pulsar Place, Suite 300 | Columbus, OH 43240.
www.us.sogeti.com
www.us.sogeti.com
2.
Central Ohio Windows Phone User Group
http://cowpug.org
http://meetup.com/cowpug
@cowpug
3rd Monday @ TechColumbus
6.
So, what is the Metro Design Language?
Fast & Fluid
Light & Simple
Content over Chrome
In Motion
All about Typography
Authentically Digital
Bold & Beautiful
7.
Modern Design - Bauhaus
International Typographic Style – Swiss Design
Motion Design - Cinematography
9.
The industrial revolution had changed the world.
Communication and travel advancements were making
the world smaller.
Artisans were still using yesterday’s design thinking.
Bauhaus : No adornments; fierce reductionism
Not unlike the changes that we see in our world today.
10.
Focus on cleanliness, readability and beautiful graphic
design.
The tools of Swiss design:
Typography
Grid
Bold flat color
Photography in place of illustrations or drawings
11.
Movies inspire
Search YouTube for ‘Kinetic Typography’
Opening credits for ‘Catch Me If You Can’
‘Star Wars’
13.
Modern Design - Reduce to the Essence
International Typographic Style – Clear, Honest and
Beautiful
Motion Design - Bring it to Life
14.
Light & simple
Typography
Motion
Content, not chrome
Honest
15.
Focus on primary tasks
Do a lot with very little
Fierce reduction of unnecessary elements
Delightful use of whitespace
16.
Type is beautiful, not just legible
Clear, straightforward information design
Uncompromising sensitivity to weight, balance and scale
17.
Feels responsive and alive
Creates a system
Gives context to improve usability
Transition between UI is as important as design of the UI
Adds dimension and depth
18.
Delight through content instead of decoration
Reduce visuals that are not content
Content is the UI
Users interact with the content directly
19.
Design for the form factor
Authentically digital
Don’t try to be what it’s NOT
Be direct
20.
It’s fresh and clean
It’s simple
It’s beautiful – I want it
It feels like a new Microsoft
22.
Pride in craftsmanship
Be fast and fluid
Authentically digital
Do more with less
Win as one
23.
Sweat the details
Make it consistent and reliable
Balance, symmetry, hierarchy
Align to the grid
24.
Life is mobile
Delight with motion
Design for touch
Intuitive interaction
Be responsive and ready
Immersive and compelling
25.
Create for the form factor
Your creation lives electronically
Your kids will ask about the ‘Save’ button
Alive & personal
26.
Be great at something
Focused and direct
Let your Content shine
Inspire confidence
27.
Fit into the UI model
Your App should feel at home in the OS
Reduce redundancy
Work with a Designer to complete scenarios
Tools and templates are designed to scale
29.
Credits & Resources
Samuel Moreeau Director of UX Design & Research, Windows
Brian Agnetta Windows Phone Design Team Lead
Arturo Toledo Senior Windows Phone UX Designer
30.
Local Touch – Global Reach
Questions?
Thank you !!
www.us.sogeti.com
Editor's Notes
All of these slides should focus on how the team found design inspiration in existing advertising. Metro is about motion.
Consistency with design directionBeautiful work over last 40 years
40 Years of Swiss and Swiss Influence DesignPrintPackageAligned with design direction for Metro UI
0 likes
Be the first to like this
Views
Total views
1,240
On SlideShare
0
From Embeds
0
Number of Embeds
2
You have now unlocked unlimited access to 20M+ documents!
Unlimited Reading
Learn faster and smarter from top experts
Unlimited Downloading
Download to take your learnings offline and on the go
You also get free access to Scribd!
Instant access to millions of ebooks, audiobooks, magazines, podcasts and more.
Read and listen offline with any device.
Free access to premium services like Tuneln, Mubi and more.