Top Tips for Windows 8 App & Game Designers

Top Tips for Windows 8 App & Game Designers

Rate This
  • Comments 1

Next week, I have been asked to present to a group of developers who are new to Windows 8. The group have been developing their first Windows 8 store apps and wanted me to cover the following topics.

1) Design guidelines and how make your app look beautiful
2) How to successful submit and publish your app to the Windows Store

I would like to share my prep material and resources in the following blog. The following is a good one stop shop for Windows 8 App and Game Designer/Developers looking to make the most of the Windows 8 UI/UX. For those who are new to Windows 8 the information will simply to help you get started on developing awesome apps and games.

I will be producing another blog to cover part 2) How to successful submit and publish your app to the Windows Store

So lets get started with Answering 1) Design guidelines and how make your app look beautiful

The Information below is broken down into answering these specific questions.

1. I want to Understand the Windows 8 Design Principles and Patterns?
2. How to go about designing mockups and prototypes?
3. I am really struggling… I need some help/inspiration with my App ideas?

1. Understanding the Windows 8 Guidelines, Design Principles and Patterns?

Image of generic app layout

UX guidelines

  • How can I find design guidance for each control and Windows feature?
  • What guidelines should I follow to ensure a great overall user experience?

Design principles

  • What foundations can I use to build my design?
  • How do I get started planning my design?

Image of navigation pattern

Navigation patterns

  • How do I organize my app?
  • How do I help people move from one page to another?

Image of command buttons on app

Commanding patterns

  • Where should I place common commands, like copy and paste?
  • What commands go in the app bar and what go in charms?

Image of swipe interaction

Touch interaction patterns

  • What touch gestures are available?
  • How do I make sure my app is great for touch interactions?

Image of ads example

Advertising patterns

  • How can I include ads without harming the user experience?
  • What requirements are there related to advertising?
  • How should I pick an ad provider?

Image of branding example

Branding patterns

  • How do I incorporate my brand into my apps?
  • Why is it important?

 

Ok now I understand the UI/UX design patterns

2. How can I go about designing mockups and prototypes? Check out the following Windows 8 Design Assets

Design assets

Download Adobe Photoshop (PSD) design assets that help you create great Windows Store apps.

Hh975421.portal_assets_balsamiq_win8livetiles(en-us,WIN.10).png

Balsamiq mockups

Download mockups that help you sketch designs for your apps.

Image of a section of content animating into place

Animations

Learn how to use purposeful animations to visually tie experiences together and tell a story.

Hh770552.portal_design_principles(en-us,WIN.10).jpg

 

3. Ok I am really struggling… I need some help/inspiration with my App ideas?

Well here are some tips to building apps, these are grouped into section of types of apps ie Financial, medical, retail, games, entertainment, news, sport, productivity, shopping, travel and education. These sample provide a great starting point to getting your apps built.

 

Image of a financial app

Financial apps: SunGard (code sample available)

Learn how you can build great retirement planning apps for Windows 8.

Image of a financial app

Financial apps: SmartSight

Learn how you can build great financial analysis apps for Windows 8.

Image of a medical app

Medical apps: In-patient (code sample available)

Learn how you can build great hospital in-patient apps for Windows 8.

Image of medical app

Medical apps: Manipal Hospital (code sample available)

Learn how you can build great hospital management apps for Windows 8.

Image of retail app

Retail apps: Social CRM (code sample available)

Learn how you can build great retail management apps for Windows 8.

Image of point of sale app

Retail apps: Point of Sale (downloadable white paper)

Learn how you can build great point of sale apps for Windows 8.

Image of games app

Games

Learn how a game can embrace UI design principles for Windows Store apps and simultaneously improve its users' experience.

Image of entertainment app

Entertainment apps

Learn how to create great entertainment apps for Windows 8.

Image of news app

News apps

Learn how to build great news apps for Windows 8.

Image of productivity app

Productivity apps

Learn how to build great productivity apps for Windows 8.

image of sports app

Sports apps

Learn how to build great sports apps for Windows 8.

Image of shopping app

Shopping apps

Learn how to build great shopping apps for Windows 8.

image of travel app

Travel apps

Learn how to build great travel apps for Windows 8.

image of education app

Education apps

Learn how to build great education apps for Windows 8.

Leave a Comment
  • Please add 1 and 1 and type the answer here:
  • Post
  • Awesome post!  Thank you.

Page 1 of 1 (1 items)