In honour of the announcement of universal Windows apps, I though I’d create a simple one page paper prototyping template to visualise what an app would look like on both a PC/tablet and a Windows Phone. This template compliments my previous Windows 8 paper prototypes.
These are updated paper prototyping templates for Windows 8.1 Store apps.
The changes from the previous 8.0 versions are mostly to do with the removal of snapped and filled modes in Windows 8.1 Store apps; there are new versions for the new default minimum width of 500px and also for the optional minimum width of 320px.
It is with much excitement that my first ever Pluralsight course on Designing Windows 8 apps has just been released.
The course leads you through the process of capturing and evaluating ideas, choosing and prioritising app features, and onwards into actually designing the navigation experience, user interface, and integrating your app into Windows 8.
You can check it out now, if you don’t already have a Pluralsight subscription you can check out my course for free by signing up for the free trial!
Sketching out designs and creating paper prototypes can help to visualise your app and correct design mistakes earlier and before coding begins. To help with this I've produced the following paper prototype templates to help (right click & save):
I've authored three Windows Phone 7 mobile apps. This is not a huge number I know but I would like to share how I think about mobile app design. The workflow below is not limited to any particular platform and can be applied to Windows Phone, iOS, Android development or at a push Blackberry ;)
Step 1: Stop and Think
It's so easy to break open an IDE and start hacking together your app, especially if you're using great developer tools such as Visual Studio and Expression Blend. Shutdown your computer, grab a cup of coffee, sit down and think.
thinking does equal working
As a developer I have to force myself to do this, which is why shutting down your computer is a necessity!
You should double-check the license terms for these before using in your apps.
500 Metro Style WP7 Icons
WP7 Icon Pack
105 Extra Icons