10 July 2013

Design Principles for Windows Store apps

"Here are five principles for building great Windows Store apps. Use these principles when you plan your app, and always ensure that your design and development choices live up to them."

That's how the team at Microsoft describes these principles for designing Windows Store Apps with a consistent User Experience.

Source: Windows Dev Center - Windows Store Apps


The principles

  1. Pride in craftsmanship

    Engineer the experience to be complete, thorough, and polished at every stage. Devote time and energy to small things that are seen often by many of your users.

    • Sweat the details.
    • Make using apps safe and reliable.
    • Use balance, symmetry, and hierarchy.
    • Align your app layout to the grid, the new layout for apps.
    • Make your app accessible to the widest possible audience, including people who have impairments or disabilities.
  2. Be fast and fluid

    Let people interact directly with content. Respond to actions quickly with matching energy. Bring life to the experience by creating a sense of continuity and telling a story through meaningful use of motion.

    • Be responsive to user interaction and ready for the next interaction.
    • Design for touch and direct interaction.
    • Delight your users with motion.
    • Smoothly connect to what comes before and after.
  3. Authentically digital

    Exemplify the capabilities of hardware and software. Take full advantage of the digital medium. Remove physical boundaries to create experiences that are more efficient and effortless than reality. Being authentically digital means embracing the fact that apps are pixels on a screen. It means designing with colors and images that go beyond the limits of the real world.

    • Be dynamic and alive with communication.
    • Use typography beautifully.
    • Use bold, vibrant colors.
    • Connect to the cloud so that your users can stay connected to each other.
  4. Do more with less

    You can do more with less by reducing your design to its essence. Create a clean and purposeful experience by leaving only the most relevant elements on screen so people can be immersed in the content.

    • Be great at something instead of mediocre at lots of things.
    • Put content before chrome.
    • Be visually focused and direct, letting people get immersed in what they love, and they will explore the rest.
    • Inspire confidence in users.
    • Reduce redundancy in your UI.
  5. Win as one

    Work with other apps, devices, and the system to complete scenarios for people. For example, let people get content from one app and share it with another. Take advantage of what people already know, like standard touch gestures and charms, to provide a sense of familiarity, control, and confidence.

    • Use the UI model.
    • Work with other apps to complete scenarios by participating in app contracts.
    • Use our tools and templates to promote consistency.

1. Pride in craftsmanship

Engineer the experience to be complete, thorough, and polished at every stage. Devote time and energy to small things that are seen often by many of your users.

  • Sweat the details.
  • Make using apps safe and reliable.
  • Use balance, symmetry, and hierarchy.
  • Align your app layout to the grid, the new layout for apps.
  • Make your app accessible to the widest possible audience, including people who have impairments or disabilities.

2. Be fast and fluid

Let people interact directly with content. Respond to actions quickly with matching energy. Bring life to the experience by creating a sense of continuity and telling a story through meaningful use of motion.

  • Be responsive to user interaction and ready for the next interaction.
  • Design for touch and direct interaction.
  • Delight your users with motion.
  • Smoothly connect to what comes before and after.

3. Authentically digital

Exemplify the capabilities of hardware and software. Take full advantage of the digital medium. Remove physical boundaries to create experiences that are more efficient and effortless than reality. Being authentically digital means embracing the fact that apps are pixels on a screen. It means designing with colors and images that go beyond the limits of the real world.

  • Be dynamic and alive with communication.
  • Use typography beautifully.
  • Use bold, vibrant colors.
  • Connect to the cloud so that your users can stay connected to each other.

4. Do more with less

You can do more with less by reducing your design to its essence. Create a clean and purposeful experience by leaving only the most relevant elements on screen so people can be immersed in the content.

  • Be great at something instead of mediocre at lots of things.
  • Put content before chrome.
  • Be visually focused and direct, letting people get immersed in what they love, and they will explore the rest.
  • Inspire confidence in users.
  • Reduce redundancy in your UI.

5. Win as one

Work with other apps, devices, and the system to complete scenarios for people. For example, let people get content from one app and share it with another. Take advantage of what people already know, like standard touch gestures and charms, to provide a sense of familiarity, control, and confidence.

  • Use the UI model.
  • Work with other apps to complete scenarios by participating in app contracts.
  • Use our tools and templates to promote consistency.

Tags

  • Organization
  • service design
  • Big companies

Related collections

Android Design Principles

17 principles


Android Developers

Ten things we know to be true

10 principles


Google

37 Signals Principles

8 principles


37 Signals

iOS User Experience Guidelines

17 principles


Apple

iOS 7 Design Principles

6 principles


Apple