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

3. http://www.m3conf.com/
@m3conf

4. SilverlightShow (www.silverlightshow.net) – online
portal for everything Silverlight, XAML and Windows
Phone, 10K+ members.
* daily news * tutorials
* exclusive articles * forums
* free webinars * events
* ebooks * newsletters
CompletIT (www.completit.com) – Silverlight and
Windows Phone trainings, consultations and
development company, founder of SilverlightShow.
* Individual and group, on-site and online trainings
* Standard and custom course schedules
* Trainings by Silverlight MVP, MCT

5. What inspires you?

13. So, what is the Metro Design Language?
Fast & Fluid
Light & Simple
Content over Chrome
In Motion
All about Typography
Authentically Digital
Bold & Beautiful

14. Modern Design - Bauhaus
International Typographic Style – Swiss Design
Motion Design - Cinematography

15. historiarte1.wikispaces.com

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

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

20. Movies inspire
Search YouTube for ‘Kinetic Typography’
Opening credits for ‘Catch Me If You Can’
‘Star Wars’

21. Inspirations to Actionable Principles

22. Modern Design - Reduce to the Essence
International Typographic Style – Clear, Honest and
Beautiful
Motion Design - Bring it to Life

23. Light & simple
Typography
Motion
Content, not chrome
Honest

24. Focus on primary tasks
Do a lot with very little
Fierce reduction of unnecessary elements
Delightful use of whitespace

25. Type is beautiful, not just legible
Clear, straightforward information design
Uncompromising sensitivity to weight, balance and scale

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

27. Delight through content instead of decoration
Reduce visuals that are not content
Content is the UI
Users interact with the content directly

28. Design for the form factor
Authentically digital
Don’t try to be what it’s NOT
Be direct

29. It’s fresh and clean
It’s simple
It’s beautiful – I want it
It feels like a new Microsoft

30. Everyday Mantras

31. Pride in craftsmanship
Be fast and fluid
Authentically digital
Do more with less
Win as one

32. Sweat the details
Make it consistent and reliable
Balance, symmetry, hierarchy
Align to the grid

46. Life is mobile
Delight with motion
Design for touch
Intuitive interaction
Be responsive and ready
Immersive and compelling

47. Create for the form factor
Your creation lives electronically
Your kids will ask about the ‘Save’ button
Alive & personal

50. Be great at something
Focused and direct
Let your Content shine
Inspire confidence

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

52. Let’s Talk Windows Phone

71. Credits & Resources
Samuel Moreeau Director of UX Design & Research, Windows
Brian Agnetta Windows Phone Design Team Lead
Arturo Toledo Senior Windows Phone UX Designer

72. Local Touch – Global Reach
Questions?
Thank you !!
www.us.sogeti.com