At first it appeared that Marketplace was missing four more categories than it was because of its use of nested categories.  It turns out that Marketplace is more fine-grained when it comes to Business and it has a Communication category that App Store doesn’t.  But Marketplace is missing categories for Education and Medical.  I think it is a huge oversight to not have a top-level Education category in Marketplace.

Now let’s compare the Games categories between the two stores:

It is surprising to see that App Store has 5 more categories than Marketplace with Classic being the only category that Marketplace has that App Store doesn’t.

I suspect that as more applications are developed for (or ported to) the Windows Phone 7 that developers will be asking Microsoft to add categories to Marketplace.

Download and copy the Caliburn.Micro.WP7.zip file to the following directory on your computer: \Documents\Visual Studio 2010\Templates\ProjectTemplates\Silverlight for Windows Phone

Start up Visual Studio and create a new project.  You will see an option for Caliburn.Micro (WP7):

After the project is created, you will see the following project structure:

Fix the reference to Caliburn.Micro (download from CodePlex), set a breakpoint in the constructor of MainPageViewModel, and run the application.  You will see that when navigation happens to MainPage, that MainPageViewModel is created. 

Continue execution to view the app in the emulator:

I like Rob’s idea of doing View-first for pages and ViewModel-first for components on a Page.  I have chosen the following naming: MyPage/MyPageViewModel (pages) and MyView/MyViewModel (user controls).

The user is shown multiple views of the same item side by side using the Pivot control. The buttons on the Application Bar remain consistent across Pivot pages.

Example: E-mail (all, unread, urgent, flagged); Appointment (details, attendees)

(video)

The user is presented with a panorama containing multiple pages of content. The first is a list that acts as a menu. Clicking on a list items takes you to another panorama with the specific content. The Application Bar is not used.

Example: AP Mobile

(video)

The July 2010 release of the UI Design and Interaction Guide for Windows Phone 7 is a document that all designers and developers of Windows Phone 7 applications need to become thoroughly familiar with.  It is a beautifully laid out 101-page document that discussed the phone’s capabilities, controls, and interactions.  As I read the guide, I took notes that I could refer to quickly as needed.  The result is a 10-page summary of the UI Design & Interaction Guide for Windows Phone 7.  I hope others find it useful.

Here is a link to the documentation topics:

• Getting Started
  • Introduction
  • Obtain and Build the Code

• Soup to Nuts
  • Basic Configuration, Actions and Conventions
  • Customizing The Bootstrapper
  • All About Actions
  • WP7 Basics
  • Coroutines

• Recipes
  • SimpleContainer

I know Rob has been working on some WP7 goodness that should be out soon.  Looking forward to the release.

After going through the Windows Phone 7 Application Certification Requirements document, I created this summary of the main points for quicker reference than the 22 pages of the July 2010, version 1.1 document.

Size:

· Over the air install up to 20MB;

· disclose additional data package if greater than 50MB;

· max XAP size 400MB;

Images:

Performance:

· First screen render within 5 seconds (use splash screen)

· Responsive to user input within 20 seconds

Prompt User:

· Chat, instant messaging, or other person-to-person communication applications that all creation of accounts via phone device, must verify that user is at least 13 years old

· “Opt-in” consent for publishing personal information to any service or other person

· “Opt-in” consent for push notifications

· User-friendly error message on exception

· Visual progress bar with cancel option for time consuming activities

· Back button in games to present in-game pause menu or main menu with resume option

· Message if Location Service turned off in a location-aware application

· Explicit permission on first use of toast or tile notification

· Explicit permission on first run of application under a locked screen

· Apps that play their own background music must ask before stopping or adjusting music playback from Music + Video Hub

Settings screen:

· Enable/disable toast notification

· Enable/disable tile notification

· Enable/disable application from running under a locked screen

· Use/Override music from Music + Video hub

· Control own background music/adjust hub music (ex: volume)

Restrictions:

· May not require the user to pay outside of Windows Phone Marketplace to activate, unlock, upgrade, or extend usage of the application

· May not sell, link to, or promote mobile plans

· May not consist of, distribute, link to, or incent users to download, or otherwise promote alternate marketplaces for applications and/or games

· Must not jeopardize the security or functionality of phone devices or Marketplace

· Advertising must comply with http://advertising.microsoft.com/creative-specs

· Apps that allow purchase of music content must include Windows Phone music Marketplace as an option.

· For music not purchased through Windows Phone music Marketplace, app must include its own playback

· Content restrictions include: licensed, copyrighted, illegal, obscene, indecent, violent, defamatory, libelous, slanderous, threatening, hate speech, discriminatory, adult-related, promotes illegal activities, excessive alcohol, tobacco, weapons, drugs, violence, profanity

· PInvoke, COM interoperability, debug symbols, reflection were it affects phone capabilities, uncaught exceptions

· Must not include viruses, malware, or malicious software

The code consists of two phone projects.  If you run the first, you will get the application UI. Running the second will bring up the test viewer.

Get the code here.

NOTE:

I told those attending the session that a video of the presentation would be available.  But due to an issue with Camtasia Studio, the video was not recorded.

Thanks again to all those who attended the presentation.  Let me know about the COOL apps you write for WP7.

Now there are rumor leaks of new Dell phones: Flash, Thunder & Lightning. But what do their buttons reveal?

According to Engadget and pocketnow.com, the Dell Flash will run the Android Froyo OS. The posted image shows 3 buttons that might be similar in functionality to the 3 Windows Phone 7 buttons:

Another phone leaked to run the Android OS is the Thunder and its buttons match the icons on the Flash:

The Lightning icons more closely match what you might expect on a Windows Phone 7 namely the Windows button and the Search button:

It is interesting that the 2 Android phones have 3-button designs. The first appears to be a Back button and the second a Home button. On the Windows Phone 7, the third button is Search which will bring up Bing. The Android phones’ third button appears to be a Menu button although some could argue that it represents search results.

Why has Dell chosen to have 3-button designs on phones for two different operating systems that mostly do the same thing?  I wonder how Microsoft feels about this dual usage of the 3-button design?

Windows Phone 7 introduces concepts such as live tiles, an application bar with buttons and menus, and panoramic applications.  The UI templates should take those things into account as well as the WVGA display that can show 800×480 pixels in either portrait or landscape orientation:

When an application is pinned to the Start screen, the application tile is shown:

Applications can receive notifications to let the user know of important updates even when the application is not running.  One type is the tile notification which can update a pinned tile with a background image, text, and a counter:

An application can choose to include an Application Bar which appears at the bottom of the screen in portrait orientation and vertically on the side when in landscape.  The Application Bar should be limited to a few important buttons that can easily be represented by images.  Other actions should be put in the menu.  The Windows Phone Development Programming Guide encourages the use of no more than 5 menu items as it will force the user to scroll:

One type of application that can be developed for the Windows Phone 7 is a Panorama application which spreads the UI across multiple screens with a slight overlap to tease the users on to the next screen:

When creating the 5 UI templates for Windows Phone 7, I made sure the above concepts were included.

The first two templates include a WVGA screen inside a phone device chrome.  When printed the phone image is roughly the size of an iPhone or Nexus One.  The template includes two tiles to be used for the application tile and the updated tile based on notification.  Three Application Bar images have been included for 2, 3, or 4 buttons.  As well as a place to write up to 5 menu items.

The next two templates display 6 screens per page in either portrait or landscape orientation:

The final template is for Panorama applications and allows for 5 portrait screens side by side with a slight overlap.  The template uses alternating red & blue borders to show each screen’s full width.  The two grid spaces between red & blue lines is the tease overlap for the next screen:

The templates are available for download as a PowerPoint file.

Have you already started designing Winodws Phone 7 Series applications?  Do you find these templates useful?  What changes would you like to see in these templates?  Would you be willing to share some of your designs with others?