1012_1a_Mango_Start_Phone_English_Red_061011_jpg         HTC 

When your developing a mobile application how much time and effort do you spend on application design and user interface?

Mobile development has been growing since the day Apple introduced iPhone. Mobile browser has never been so robust and to make your application stand out you need to make the additional effort on the User Interface experience and its design. 

To help you start up your mobile development, here are some useful insights into the design aspect required to create awesome appealing apps.

Type Face

http://www.ubelly.com/2011/10/typographic-design-in-the-digital-domain-a-conversation-with-erik-spiekermann/

On way-finding graphics

http://www.ubelly.com/2011/10/navigation-with-way-finding-graphics-a-conversation-with-tony-howard/

On mobile audio

http://www.ubelly.com/2011/10/sound-and-sound-reproduction-a-conversation-with-gareth-jones/

On light & space in architecture

http://www.ubelly.com/2011/10/space-light-in-architecture-a-conversation-with-duncan-mcleod/

The Windows Phone Experience

Useful Resources and tips for building windows phone applications

Using SketchFlow Part 1: Discovering Basic Principles of UX Design for Windows Phone Codenamed "Mango"

Using SketchFlow Part 1: Discovering Basic Principles of UX Design for Windows Phone Codenamed "Mango"

In this lesson you discover the process of conceptualizing an application, such as gaining an understanding of the user’s needs and goals. You also find out how to start your prototype using Expression Blend and the SketchFlow for Windows Phone template.

Using SketchFlow Part 2: Adding References and Sample Data to your Windows Phone Codenamed "Mango" Project

Using SketchFlow Part 2: Adding References and Sample Data to your Windows Phone Codenamed "Mango" Project

In this module you will add sample data, and then edit both the ItemsPanel and the ItemTemplate of a ListBox to create a professional look for your data.

Using SketchFlow Part 3: Creating a Customized WrapPanel for Windows Phone Codenamed "Mango"

Using SketchFlow Part 3: Creating a Customized WrapPanel for Windows Phone Codenamed "Mango"

In this module, users discover how to custom edit their data templates for their phone app by importing images and adding motion.

Using SketchFlow Part 4: Customizing Existing Controls to Create the UI for Windows Phone Codenamed "Mango"

Using SketchFlowPart 4: Customizing Existing Controls to Create the UI for Windows Phone Codenamed "Mango"

In this module, viewers discover how to drop in Native Adobe Illustrator artwork and turn it into working controls. They also find out how to edit the button template, take advantage of states, transitions and behaviors.

Using SketchFlow Part 5: Adding Behaviors to Your ListBoxItems for Windows Phone Codenamed "Mango"

Using SketchFlow Part 5: Adding Behaviors to Your ListBoxItems for Windows Phone Codenamed "Mango"

In this section, you discover how to use the sample data, along with some behaviors and state changes to replicate selection choices in a ListBox.

Metro Design Language of Windows Phone 7

Metro Design Language of Windows Phone 7

Metro is the name of the new design language created for the Windows Phone 7 interface. When given the chance for a fresh start, the Windows Phone design team drew from many sources of inspiration to determine the guiding principles for the next generation phone interface.

Windows Phone 7: Starting to Design an Application

Windows Phone 7: Starting to Design an Application

Microsoft Expression Blend offers a feature rich environment for designing highly interactive experiences on Windows Phone 7.

Design Tips and Tricks for Windows Phone 7

Design Tips and Tricks for Windows Phone 7

The following list of tips and tricks will help you design and develop Windows Phone 7 applications.

Layout Tips and Tricks of Windows Phone 7

Layout Tips and Tricks of Windows Phone 7

One of the more powerful features that Silverlight offers you is an array of container controls providing a simple way to accomplish the layout of your dynamic applications.

Taking Advantage of Photoshop Templates

Taking Advantage of Photoshop Templates

In this tutorial, you discover how to use Photoshop Windows Phone 7 template files to create pixel-perfect application layouts for your Windows Phone 7 application.

FXG Import and Workflow

FXG Import and Workflow

FXG is an acronym for Flash XML Graphics File, and it describes an XML-based graphics interchange format created by Adobe for the Flash Platform, and is supported by Microsoft Expression Blend.

Designing for Gestures on Windows Phone 7

Designing for Gestures on Windows Phone 7

No longer do smart phones of today depend only on hardware keyboards or the stylus of the past. Windows Phone 7 devices come equipped with a capacitive touch screen that offers a smooth, accurate, multi-touch enabled experience for the user.