We created Veronicas Radio as a demo for one of the Windows Media Center Mix 06 talks to show off the flexibility of the new UI framework (Media Center Markup Language) we had in the works for Windows Vista. It was eventually cut from the talk because we created the Q sample application (a podcast client) which was much more feature rich.

Little historical fact: The experience is so named because Veronica Law, a Program Manager at the time with the Windows Media Center team requested we create a way to listen to a couple of internet radio stations -- so it was literally "Veronicas' radio" -- and the name stuck.

We made this application available for a short time to those who wanted to install using a command line interface (in other words, not very user friendly). Basically, it's a mash up of a couple of samples we would later publish in the Windows Media Center SDK -- specifically FunHelix.mcml and ObjectModelMediaCenterEnvironmentPlayMediaAudio.mcml in the Windows 7 version if you want to follow along.

A fan of Windows Media Center recently emailed me…

"I have Vista Media Center [upgraded from XP] and have recently been clearing out programs I no longer use. One I did use [and loved the look and style of] was Veronicas Radio.  However, it no longer works.  I think the website which was hosting the associated files was the The Media Center Sandbox pages but the page displayed in the .xml file no longer exists."

In response I dusted off and modified the markup, updated some of the radio stations (including KIRO FM 97.3 to be able to listen to Seattle Sounders FC soccer games), deployed to my web server and created an installer. This applet works for both Windows Vista and Windows 7 and is a web application – the installer only registers the URL with Windows Media Center.

http://retrosight.com/samples/veronicasradio/windowsvista/Setup-en-us.msi

I also remembered a small applet we thought about shipping within the Extras Library for Windows 7 called Time + Date but ultimately cut due to time constraints. This was inspired by the memory of my parents calling a local telephone number (using a rotary phone no less) to get the current time and temperature.

The screen shot shows it running with the Sanskrit language selected in Windows and is another good example of a simple copy+paste from SDK samples (RulesChanged.mcml, TransformersDateTimeTransformer.mcml and ObjectModelMediaCenterBackgroundModes.mcml) to come up with something fairly useful. This applet works with only Windows 7 and like Veronicas Radio is a web application.

http://retrosight.com/samples/timeanddate/windows7/Setup-en-us.msi

In the process of getting these experiences out there I began to remember some of things we wanted to do like the 5.x releases of the SDK back in 2007. It has been nearly a year since I ended my involvement with Windows Media Center so thought it fitting to celebrate that wonderful product and platform by putting a small package of things together for developers which echoes some of those post shipping plans. It’s a sort of curtain call I’m referring to as the ‘Windows Media Center SDK for Windows 7 Addendum’ although it’s not officially from Microsoft.

http://retrosight.com/samples/windowsmediacentersdk/6/Addendum.zip

Included in the zip file is…

• A couple of new and updated loose MCML samples (mostly to fix up the URLs to the defunct play.mediacentersandbox.com).
• Source code for the Sample Explorer application you find in the Extras Library after installing the SDK as well as the desktop browsing tool. This is a good example of one approach for creating a testing / automation framework for your own application.
• Source code for Animation Explorer and Preview Tool Launcher desktop tools. The Preview Tool actually has a pretty robust automation model itself and this source shows you how to take full advantage for your own authoring tools.
• Templates and source code for the Visual Studio 2008 templates included with the SDK. Follow the instructions in Readme.txt for use with Visual Studio 2010.
• Web Application Installer Template used to create the installers for the above applets. They are fully compatible with the InstallApplication Method in Windows 7 and can be used to craft installers for http://madeformediacenter.com/m4mc/.
• You can dig into the readme for more details on these resources.

Enjoy…!

Two of my favorite teams here at Microsoft have teamed up to deliver an exciting new way to explore panoramic photos: Microsoft Research Image Composite Editor and Photosynth. You can now create stitched panoramas in Image Composite Editor (ICE) which can be uploaded to Photosynth to get ‘buttery smooth gigapixel panoramas’ (using Silverlight, my new team -- bonus).

The best part is it’s wickedly simple…

1. Drag and drop your photos into Image Compositor Editor.
2. Click the Publish to Photosynth button.

Click on the image below or here to be taken to a gallery of panoramas created with this new feature.

Here is my result on the Photosynth site: http://photosynth.net/view.aspx?cid=767dcbda-58fc-4577-9f1c-40a33fe997a0

For the photography buffs here are the details: Image taken near the Rim Village Visitors Center and historic Crater Lake Lodge this image is a composite panorama of 53 images. | Equipment Used: Canon 5D Mark II Camera | Canon EF 24-105mm Lens | Manfrotto 055XPROB Tripod | Manfrotto 804RC2 Pan Tilt Head | Canon TC-80N3 Remote Shutter Release. Image Details: ISO = 100 | Aperture = f/18 | Exposure = 1/125 | Focal Length = 24mm.

I’m comfortably settled in to my new office here in building 40 with the Silverlight team and spent my first morning installing Visual Studio 2010 Ultimate Beta 2, the Silverlight 4 Tools and watching a couple of videos from PDC to help with the deep dive ramp up. I enjoyed Microsoft Silverlight 4 Overview (I sit across the hall from Karen), Improving and Extending the Sandbox with Microsoft Silverlight 4 (Joe is my Grandmanager) and Building Line of Business Applications with Microsoft Silverlight 4 (by David Poll). This afternoon I’ve been playing with some of the new ‘stuff’ and thinking about what I might create as a first application (the new drag and drop capabilities, RichTextArea and HTML capabilities are very interesting).

While the designer features in Visual Studio are nice I’m feeling relatively comfortable writing and reading the raw XAML and wiring up events so I’m just going to stick with that approach for a while to learn the nuances of the markup. I’m actually surprised I like hand editing this much -- but I guess all of those years writing Media Center Markup Language (MCML) has me conditioned to doing so!

My focus on the Silverlight team will be media – a fairly broad subject but one I really, really enjoy and is quite deep. It’s now time to begin meeting Silverlight developers so I can understand what you folks would like to see in the platform – leave a comment with your feedback and tell me what you’d like to see in the future, especially if it is in the media realm.

Last week I took an hour to evaluate the Ask A Question page design over at http://superuser.com. Jeff and the community provided some valuable feedback in the comments on that post as well as this meta discussion. A single hour isn't really enough to do a good job looking at an end to end user experience so I decided to take this weeks Coding Friday to examine the feedback and look more closely at the overall user flow to see if we can improve things to keep the proposed redesign largely intact.

The Related Questions feature is probably one of the most important for this page -- it helps users find answers AND helps to prevent duplicate questions from being asked. In response to my suggestion we move this to the right side bar Jeff responded...

"I don't think we can get away with removing the "How to Ask" entirely -- you assume mightily about the competence of our audiences :) And if we can't get rid of that, that means the sidebar is now unavailable for the related questions."

I agree with Jeff the 'How to Ask' section is important to the audience -- and I think I've got an idea which helps put it front and center while at the same time respecting returning users and preserving the Related Questions side bar.

But before we go there, let's take a look at the overall user progression and note some of the outstanding issues.

1. User navigates to the Ask Question Page.
2. When user leaves the Title field the Related Questions appear.
3. User types their question text.
4. User selects a Related Question.
5. User selects OK and is navigated to the related question page.
6. User presses the Back button in their browser to return to their question.
7. User leaves the Title field.

There are four issues we need to resolve with this user experience…

1. Whether the user has visited this page once or hundreds of times the 'How to Ask' and 'How to Format' sections are present.
2. Related Questions between Title and question text pushes the preview below the fold.*
3. User gets a dialog box and is navigated away from their question when they select a Related Question.
4. When I return to my question the Related Questions section has disappeared until such time I leave the Title field.

*Note: Even though Jeff thinks the fold is largely irrelevant it is important to consider for the task he originally lamented: Keeping users from posting incorrectly formatted questions. Being able to see the live preview as I type will generally aid in this area -- therefore we should strive to keep the preview above the fold if possible.

And here are some suggestions to address the 4 issues identified above with the end to end user experience.

• Make 'How to Ask' a dialog which is presented the first X time(s) a user enters this page, where X is 1 to 5.

• Revise 'How to Format' in the right column with a bounding box to separate from the balance of the page.

• Replace 'How to Format' with the Related Questions when the user leaves the Title field.

Update: Jeff posted this to the SuperUser.com meta discussion to get feedback – check it out here: http://meta.stackoverflow.com/questions/27204/alternative-ask-page-layout.

I simply love reading Jeff Atwoods codinghorror.com – consistently good. They are having usability issues with the Ask A Question form over at superuser.com and Jeff’s post on the subject has resulted in an astonishing 270+ comment thus far – lots of opinions about what to do with individual pieces and parts to make it better. Unfortunately, none provide much of an all encompassing view of what could be done to make the form better and solve problems. So took my Coding Friday to do a cognitive walkthrough (something us Program Managers do quite often) and see if I could come up with 10 usability suggestions for the superuser.com development team. Spending just a couple of hours doing this for your user experience can reap big usability rewards.

Of course, since the audience are ninja developers I’ve chosen to make my list zero based.

Feedback welcome!

Note: Click on the images to see 100% screenshot.

0

Issue: We have redundant titles in the 'Ask Question' non-actionable button and the 'Ask a Question' page title).

Solution: Get rid of the page title and let the non-actionable button tell the user their location. Use a better color for a non-actionable button -- in this case I grayed out the button -- literally.

1

Issue: Jeff says "What we're doing with the trilogy is not exactly rocket surgery. At its core, we run Q&A websites. And the most basic operation of any Q&A website is … asking a question. Something any two year old child knows how to do." and then proceeds to tell the end user exactly how to ask a question. Like great comedy, your user experience shouldn't talk down to your audience.

Solution: Unless your audience is, in fact, under the age of two, delete altogether and use the space more wisely.

2

Issue: The Related Questions (which are really potential answers) and the search box navigates me forward (potentially destroying my work) and results in a dialog box (at least the first time I try to navigate away). The Related Questions experience pushes my question text further down past the fold.

Solution: The title is actually a search (and is quite a brilliant feature). Delete search from the header, move Related Questions to the right navigation, persist them and let more of them appear as my question text gets longer. Clicking on any of them opens a new window (or an in-page preview). This way I can see if it answers my question or is related (bonus: I can get the Url to embed in my question).

3

Issue: The preview is likely to be beneath the fold assuming screen resolution of 1024 x 768 – which is still more common than you might think.

Solution: Moving the Related Questions over to the right navigation helped as did removing the page title. Moving the label for the Title input field gains us a few more pixels. The more the end user can see the preview the better chance they will have to get things right.

4

Issue: Offline writing then copy and paste doesn't work. This is likely where the author of this question started (I did for the purposes of this post).

Solution: Replace Markdown with a more elegant solution which understands CRLF. Even better, implement a true WYSIWYG editor if possible and avoid the disassociated (and unfriendly) separate preview window altogether. Realizing this may be harder in practice I've left the core editing experience alone recognizing superuser.com (and its peer sites) might have special requirements which necessitate this editor. (Interesing idea: What if I could use Windows Live Writer or something like it to post questions?)

5

Issue: Input box for notification which doesn't tell me what to enter -- I can assume email address.

Solution: You know what they say about assume. Clean it up and be explicit. Use the actual text box space to tell the user what they need to enter -- automatically replacing when they start typing. Same thing with tags, by the way.

6

Issue: The 'Ask Your Question' button wording is too complex. If I were to localize the interface (using German because it usually results in the longest strings) 'Ask Your Question' becomes 'Stellen Sie Ihre Frage'. Plus, I have a greyed out button style for an actionable button which seems counterintuitive given all of the other actionable buttons are the color teal.

Solution: Change to the standard seen around the world: "Submit" (which in German is "Senden") and make the button a standard color (teal) to fit with the rest of the actionable buttons at superuser.com.

7

Issue: Hyperlink Hell. Do we really need About and FAQ at the top and the bottom? Not including things I’ve already deleted with suggestions zero through six I count 24 text based hyperlinks on the page.

Solution: Don't have the same link in two different places. If it's important, put it at the top. If it's not important put it at the bottom. If it’s truly not important, don’t have it. Better yet, put all links either at the top or the bottom -- if bottom, you can get some additional user workspace at the top. Realizing this may not be possible I’ve pretty much left all hyperlinks in place below. Think seriously about what hyperlinks you really need – could your user be better served with putting a bunch of them on the About page, for example.

8

Issue: Font hell + visual clutter. We have a combination of fonts (Arial, Consolas, Trebuchet MS at least) at a good number of varying sizes and weights. Plus we have boxes (look at Related Questions and the Markdown editor) which have dissimilar styles and don't line up. Some boxes don’t have borders. Some boxes are solid colors with reversed out text. The net effect is the overall design can't seem to make up its mind.

Solution: Stick religiously to a defined style. All input boxes should look the same. All section headers should look the same. All hyperlinks should look the same. Make things line up. Logically group items. You can never have too much polish, polish, polish.

9

Issue: The formatting reference can't make up its mind on how much information to give and for almost every user will be either too much or not enough. Making the information bigger, bolder (or neon pink) can’t solve this problem.

Solution: As noted above having a better WYSIWYG editor can solve most of these problems. Giving the user a better chance to see the preview (getting it above the fold) will also help. Given the constraints of this editor it's best to either (a) embed the full formatting reference in this page (at the bottom) for extremely convenient reference or have exactly one link to the formatting reference (as I've done here) – note: should be a new window or in a preview pane so I don’t have to leave my work. Having a preview + confirmation page which appears when the user clicks the Submit asking them 'Do you like the formatting of post' can also help them double check their work and perhaps prompt them to clean things up.

Here are the results if you follow the suggestions above…

I finished up fixing the last few bugs for PowerPlaylist 2 for Windows Media Center in Windows 7 and posted the installer and source to http://www.codeplex.com/powerplaylist. PowerPlaylist adds a start menu strip with up to five tiles to Windows Media Center in Windows 7. Each tile represents an audio, slideshow and / or visualization combination which will start when the tile is selected and is highly customizable by the consumer resulting in a highly personalized Windows Media Center experience.

Also included is the PowerPlaylist Editor which makes it really easy to modify the start menu strip name and individual tiles.

Enjoy…!

Yes.

Here’s why…

• Windows Media Center always shipped that way. Even in the Windows XP Media Center Edition days when it was shipped ‘out of band’ every year it was still as a feature of Windows. Changing to a different development model is harder than most people think and brings more risk than might be necessary. Staying on this path allowed the Windows Media Center team to focus on shipping the next great set of features.
• The distribution model is a big win both for customers (it’s right there) and the Windows Media Center team (it’s right there). There is the hurdle of hardware (think tuners and remote controls) but shipping standalone raises the hurdle higher. Hurdles, generally speaking, are bad for adoption and user friendliness.
• I think the community would agree there are awareness problems with Windows Media Center – those would be compounded (multiplied) in a standalone application. Once the consumer becomes aware they can immediately begin using.
• The engineering task to build as a standalone product could very easily double (perhaps even triple). Windows Media Center relies on a lot of technology built by other teams throughout Microsoft and the Windows organization (three that easily come to mind: Windows Media Player, .NET Framework, Home Group). Generally speaking, you naturally get the ‘latest, greatest stuff’ when you ship simultaneously.
• Windows Media Center isn’t really all that unique when you think about it – more of an alternative user interface on features already present in Windows. Why force consumers to download / acquire something else?
• The business model works out this way. Standalone would automatically mean much fewer resources which in turns means much fewer features. Some would argue that might be a good thing – feel free to leave a comment with an opinion. I think the key takeaway here is the resources might force you to cut features beyond what most of the market would consider ‘must have’ and make the overall value proposition much less.

I’d be interested in your opinion: Do you think it was the correct decision to keep Windows Media Center as a feature of Windows rather than a standalone application?

Edit: I've locked the thread from further comments. The conversation got out of control with such negativity that it ceased to be helpful to those involved or the community.

Niall Ginsbourg posted this the other day…

“…unless you’re after some pretty specific (and less than useful) changes offered in the Win7 incarnation of this SDK – my best advice to developers would be to completely give this SDK a miss – and instead revert back to Vista Media Center SDK /along with Vista Dev platform (if you do plan on persisting with Media Center development).”

Bad advice. I mean really, really bad.

Windows 7 is generally accepted by the industry as a whole to be much better than Windows Vista. By the time all is said and done it will sell loads more copies and be much more prevalent than Windows Vista. The Windows Media Center platform has quite a few improvements for Media Center Markup Language (MCML) and the Managed Code Object Model which gives you the most seamless and elegant chance to have a great experience.

I got this question a lot when I was on the Windows Media Center team. Usually it assumes the enthusiast market is an undesirable place to be and I never agreed with that position. Reading Chris Anderson’s 'The Long Tail' convinced me of that a long time ago.

Before I give my answer let me define 'beyond the enthusiast market' for the purposes of this post: I consider items like televisions, DVD players, cars, computers and phones as things which have gone beyond the enthusiast market. Leave a comment to tell us how your definition might be different.

My answer: It's possible, but highly unlikely at this point.

Products which become mainstream are usually very simple in nature to use (televisions, DVD players, phones) or are complex yet fundamentally market changing over a very long period of time (cars, computers).

The user interface for Windows Media Center greatly simplifies the enjoyment of core media experiences (music, pictures, videos, TV) but underneath the covers it's highly complex. It's also very complex to setup for most mainstream consumers for two big reasons (among several smaller ones)...

1. It's an interface designed for and best used on a television with a remote control. The mainstream market doesn't typically place a computer next to their television.
2. The unique core value proposition* is the digital video recorder functionality. Getting the TV signal to the computer is a challenge for the mainstream market.

The Windows Media Center team did a fantastic job of overcoming the first hurdle (co-location with a TV) with the introduction of the Extender. At the same time it also introduced another barrier: the home network. Throw in the fact the mainstream market doesn't have Ethernet jacks in every room next to their TV. This requires a high availability wireless network to push lots of [HD] video around which presents yet another hurdle.

So, given it's relative complexity can it be one of those fundamentally market changing items over a long period of time?

Probably not. Windows Media Center had its genesis with the coax cable (referring back to its unique value proposition) and it was a game changer in that context. There were many others doing broadcast TV on a computer long before Windows Media Center. Windows Media Center brought a scale and awareness not seen before.

As with many things (especially in technology) the market around it dramatically changed. The game changed.

To remain relevant (and become mainstream) in a market where the internet will increasingly be the dominant way of getting nearly all forms of commercial content the Windows Media Center team must fully embrace the internet rather than simply leveraging. Over the course of Windows 7 development the equivalent of three people (one each PM, Dev, Test) on the platform team tried to do just that with the Data Access Model Items, Media Collection and Page Model, Navigation and State API work. Another relatively small team continued to crank out the Internet TV features for customers in the United States. By comparison a significant number of resources continued to work on the traditional TV pipes paradigm (broadcast, cable, satellite) for Windows 7. In a nutshell, very little embracing.

All that said…

I do believe Windows Media Center has paved the way for much richer, elegant and interactive experiences for the television beyond what game consoles are offering today. It gives the mainstream market a glimpse of just how powerful the next wave (or two) of internet connected devices in our home might become in the future. I challenge folks all the time to tell me what other distributed audio / video / photo system has as much bang for the buck. It's a pretty hard value to beat. Nothing else on the market allows me to enjoy all of ‘my’ content (personal and commercial) in such an elegant AND affordable way. Leave a comment if you believe you have a worthy contender.

It may be niche, but the niche sure is sweet!

And because of that I’m quite bullish on the future prospects despite the hurdles faced. Like you, I’m now waiting to see what comes next while I enjoy what I have today.

Got a question about Windows Media Center for someone who worked on it once upon a time?Ask on Twitter via @charlieo.

* The unique thing about Windows Media Center compared to other features which ship with Windows is the digital video recorder and electronic programming guide. Most (if not all) of the other key features (photos, videos, music) have equivalents on the desktop.

The Windows Media Center team posted the RTM version of the Windows Media Center Software Development Kit 6.0 for Windows 7 to the following location.

http://download.microsoft.com/download/6/C/6/6C6B665D-6240-4958-A028-A944B8BD6860/WindowsMediaCenterSDK6.msi

You can leave feedback here or chat about it over at http://discuss.mediacentersandbox.com.

Kudos goes to Niall Ginsbourg for breaking the news.