Design Principles
Windows Phone App
Yasmine Abdelhady
MEA DPE Intern @ Microsoft
Windows Phone 8 Design


New User Interface Design Style



Programs and Applications developed on the phone should reveal this new
style
The 5 principles


Pride in craftsmanship



More with less



Fast and fluid



Authentically digital



Win as one
Pride in craftsmanship


Small things matter



Take care of details



Ensure balance and symmetry



Align to the grid



Find typography that best echoes the app’s significance
More with less


Reduce unnecessary content



Focus on the most relevant elements



Make it a clean application



Content before chrome



Display what the user is looking for
Fast and fluid


Fast response as reflex action



Delightful interface



Live tiles



Make it a real life experience



But east and simple for interaction
Authentically digital


Make use of the digital world



Make the app work in a dynamic colorful way



Make use of the cloud
Win as one


Don’t forget it’s a phone app



Fit it in the specified measurements



Reflect innovation in parallel with the user experience
Thank you

Windows Phone 8 Design principles

  • 1.
    Design Principles Windows PhoneApp Yasmine Abdelhady MEA DPE Intern @ Microsoft
  • 2.
    Windows Phone 8Design  New User Interface Design Style  Programs and Applications developed on the phone should reveal this new style
  • 3.
    The 5 principles  Pridein craftsmanship  More with less  Fast and fluid  Authentically digital  Win as one
  • 4.
    Pride in craftsmanship  Smallthings matter  Take care of details  Ensure balance and symmetry  Align to the grid  Find typography that best echoes the app’s significance
  • 5.
    More with less  Reduceunnecessary content  Focus on the most relevant elements  Make it a clean application  Content before chrome  Display what the user is looking for
  • 6.
    Fast and fluid  Fastresponse as reflex action  Delightful interface  Live tiles  Make it a real life experience  But east and simple for interaction
  • 7.
    Authentically digital  Make useof the digital world  Make the app work in a dynamic colorful way  Make use of the cloud
  • 8.
    Win as one  Don’tforget it’s a phone app  Fit it in the specified measurements  Reflect innovation in parallel with the user experience
  • 9.

Editor's Notes

  • #2 Microsoft created a new design for all its platforms, which reflects the Metropolitan style. In a metropolitan are public transit, there are always clear big signs that everyone understands