Tuesday, 1 October 2013
Windows Phone 8 Apps designing
The windows phone designing team has taken lot of things into consideration and finally came up with some clean and smooth design. It contain unique easy understandable graphics that can explain the potential of applications.
Every app and program on WP8 should reflect this design.
All apps should be designed following the user experience design guidelines for windows phone.
It is recommended to use default appearances, fonts, sizes and styles.
Design Principles
Pride in Craftsmanship : Taking care of small details to create a safe an reliable app considering sensitivity and weight of app using grids.
Use grid and list controls to guide layout and alignment.
Fast and Fluid : Allows the user to enjoy the touch first GUI with responsive ready design.
Using inbuilt available animations smooth navigation and flow can be done.
Do more with less : Focus on the content removing the chrome(Unnecessary links and designs).
Content is the heart of the app. So, don't distract users with other unnecessary chrome.
Authentically digital : Dynamic and alive cloud connected with beautiful use of typography and digital media.
Don't use 3d graphic icons and images to show the elements how we see in the real world.
Make the application looks good providing digital experience.
Win as One : All apps in phone should fit into the UI model.
Using tools and templates apps can be scalable and work together.
Before designing the app make a paper design with clear navigation of app.
The design and logic code are separated for good GUI and code.
Tools to design and code Windows Phone 8 apps
Microsoft Visual Studio 2012 with Blend is used for developing and designing Windows Phone 8 apps.
Apps can be designed using Visual Studio using XAML code and toolbox controls but Blend is used for much better designing and rich animations.
Blend is used by UX Designers.
Microsoft Expression Designer is a free tool used to create image icons and other design related stuff.
Project templates
Windows Phone SDK provides a set of project templates and each of them maps to a particular style of applications.
You can select one of the template which is suitable for your app.
Windows Phone App - Basic single page app
Windows Phone Databound App - app with navigational controls with MVVM architecture
Windows Phone Pivot App
Windows Phone Panorama application - colorful app with items navigation from last to first.
Steps to follow for good designing
Before starting your app design first it should be designed using pen on paper.
Navigation in app should be decided and flow should be planned to understand what things are going in your app.
Then start designing following design principles and guidelines.
Five stages in designing are concept, structure, interaction, visual, prototype.
The windows phone designing team has taken lot of things into consideration and finally came up with some clean and smooth design. It contain unique easy understandable graphics that can explain the potential of applications.
Every app and program on WP8 should reflect this design.
All apps should be designed following the user experience design guidelines for windows phone.
It is recommended to use default appearances, fonts, sizes and styles.
Design Principles
Pride in Craftsmanship : Taking care of small details to create a safe an reliable app considering sensitivity and weight of app using grids.
Use grid and list controls to guide layout and alignment.
Fast and Fluid : Allows the user to enjoy the touch first GUI with responsive ready design.
Using inbuilt available animations smooth navigation and flow can be done.
Do more with less : Focus on the content removing the chrome(Unnecessary links and designs).
Content is the heart of the app. So, don't distract users with other unnecessary chrome.
Authentically digital : Dynamic and alive cloud connected with beautiful use of typography and digital media.
Don't use 3d graphic icons and images to show the elements how we see in the real world.
Make the application looks good providing digital experience.
Win as One : All apps in phone should fit into the UI model.
Using tools and templates apps can be scalable and work together.
Before designing the app make a paper design with clear navigation of app.
The design and logic code are separated for good GUI and code.
Tools to design and code Windows Phone 8 apps
Microsoft Visual Studio 2012 with Blend is used for developing and designing Windows Phone 8 apps.
Apps can be designed using Visual Studio using XAML code and toolbox controls but Blend is used for much better designing and rich animations.
Blend is used by UX Designers.
Microsoft Expression Designer is a free tool used to create image icons and other design related stuff.
Project templates
Windows Phone SDK provides a set of project templates and each of them maps to a particular style of applications.
You can select one of the template which is suitable for your app.
Windows Phone App - Basic single page app
Windows Phone Databound App - app with navigational controls with MVVM architecture
Windows Phone Pivot App
Windows Phone Panorama application - colorful app with items navigation from last to first.
Steps to follow for good designing
Before starting your app design first it should be designed using pen on paper.
Navigation in app should be decided and flow should be planned to understand what things are going in your app.
Then start designing following design principles and guidelines.
Five stages in designing are concept, structure, interaction, visual, prototype.
Nice Blog! This blog is very informative. Keep it up in the future for these kinds of blogs. Thanks for sharing it with us UI/UX Development Company in Mohali
ReplyDelete