UX

Microsoft Expression Blend

Microsoft Expression Blend 4 for Windows Phone 7 is a user interface design tool that enables rapid design and prototyping of WP7 applications. The ability of Expression Blend to work seamlessly with Visual Studio means it has never been easier to create beautiful, compelling and well architected phone apps. Whether you import assets from tools such as Adobe Photoshop or use the supplied standard phone controls, you can quickly experiment, customize and style your UI before finalizing the user experience with effective animations and subtle transitions that add richness and life to your apps. It comes with the Windows Phone Developer Tools.

Windows Phone 7 Design Templates

A project for sharing XAML based resources for creating consistent Windows Phone 7 user experiences. The templates are based on the UI Design and Interaction Guide for Windows Phone 7. With these templates you can easily create common Windows Phone UI layouts by simply copying and pasting the desired page.

25+ Beautiful Minimalist Icon Sets for your Windows Phone 7 App

Here are 25+ clean, beautiful and awesome minimalist icon sets for your Windows Phone 7 App. There are more than 10,000+ icons that you can use for whatever you like.

130 Metro Icons for Windows Phone 7

This icon package features 130 icons from the windows phone 7 preview shown at the mobile world congress 2010 in Barcelona. You are free to use or modify these icons for whatever you want.

Windows Phone Design System – Codename Metro

Windows Phone Design System – Codename Metro – this whitepaper helps understand the motivation behind Metro.

Build beautiful apps with Windows Phone 7 design guidance

A nice collection of UX resources including : Windows Phone Design Day videos,Design guidance and templates, What do the designers say etc.

The Noun Project

The project’s mission is to collect, organize and make available an extensive library of free symbols/icons for common nouns and concepts that make up the universal visual language, which also happens to be a major theme in Microsoft’s Metro design style. The website currently offers a solid set of 500+ icons.

Microsoft design Toolbox site - 7 New WP7 tutorials

7 tutorials for designers beginning their WP7 experience:

• Metro Design Language of Windows Phone 7
• Windows Phone 7: Starting to Design an Application
• Design Tips and Tricks for Windows Phone 7
• Layout Tips and Tricks of Windows Phone 7
• Taking Advantage of Photoshop Templates
• FXG Import and Workflow
• Designing for Gestures on Windows Phone 7

Windows Phone 7 Design Guidelines – Cheat Sheet

This is a “cheat sheet” of various design hints and app requirements gleaned from the design guidelines and certification requirements.

500 Metro Style Windows Phone 7 icons

105 WP7 Application Bar Icons

Designing for Windows Phone 7 e-book

"Designing for Windows Phone 7" e-book with 7 lessons.

Windows Phone 7 for Designers — Cheat Sheet

A downloadable Windows Phone 7 Cheat Sheet to help mobile interaction designers.

SketchFlow Template for Windows Phone

The SketchFlow Template for Windows Phone 7 adds a new SketchFlow template for Expression Blend* users that makes creating a prototype of a Windows Phone app quick and easy.

Windows Phone FREE icons in both Light and Dark themes

Windows Phone icons in both Light and Dark themes.

56 FREE Windows Phone icons

Here are a few more icons bringing the total up to 56. Also checkout the tutorial posted the other day to create your own icons.

Windows Phone Audio, Icons and Images

A large collection of Windows Phone Audio files, Icons and Images.

132 FREE WP7 Application Bar Icons

The collection was increased to 132 icons, counting now with the new icons of Windows Phone "Mango".

Icons in the „Metro Look“ for free – Monochrom/Minimalist Icons

FREE icon sets that can be used in commercial products as well.

• The noun project
• Icons8
• Somerandomdude
• PC.de
• 108 MONO/Icons
• gCon@smashingMagazin

135 FREE Metro Icons 48x48 Size

Free Windows Metro Icons (48x48 pixels in size) is a set of application icons, which is in line with all of the requirements of the WP7 and Windows 8 operating systems.

31 Weeks of Windows Phone Metro Design

31 Weeks of Windows Phone Metro Design:

• Metro Design Principles and Metro Design Language
• The Design Process of a Windows Phone app
• Ideation & Concept
• Hub & Spoke Navigation Model
• Choosing between Panorama, Pivot and Pages
• ...

WP7 Start Screen (.psd)

WP7 Start Screen (.psd):

Windows Phone 7 Mockup Templates and Controls

Windows Phone 7 Mockup Templates and Controls:

MetroGridHelper for Windows Phone

MetroGridHelper: A helpful debugging assistant for designers and developers alike.