Sony launched, not sure when, a huge Flash application as website for Playstation. It’s massive, technically very complex and it could seem like the one that products like Flex from Adobe could deliver but the quality and smoothness of the interactions and other particulars made me think it has been developed “simply” in Flash.

A screenshot of the homepage when reviewed.

At the moment I am not such a big Playstation user so I came across the website only because of an interesting lecture about music composing games to Josh Randall (Creative Director at Harmonix Music Systems).

The first thing I noticed was the video player embedded in the interface. When clicked on a thumbnail, a new window is internally created including the thumbnails in it, it looked as a very seamless solution.

The thumbnails before and after the selection of the movie.

Another interesting feature is the rollover on some objects that shows the content only after a couple of seconds. Important thing during these delays is an animation showing clearly the progress of the timer. I saw a similar feature long time ago on handheld devices that showed menus after a long press in the screen, with the due countdown.

A sequence of the rollover interaction (click to enlarge).

For the same aspects this option could not be very comfortable because you have to wait two seconds every time you want to get the information related to the link, but in a complex interface full of elements it allows having not so much visual noise while the user is moving around with the mouse and passes unavoidably over some items he is not interested in. So it gives the possibility to show much more content than without the delay. Maybe half of the time would have been enough to avoid that kind of noise since usually the speed of the mouse is not that slow.

They implemented this delayed interaction in almost all the components around.

List box rollover effect.

There are many other features on the website deserving attention, the homepage in particular shows interesting functionalities so I would definitely suggest a visit to appreciate how much a big website like that can experiment in high interactive interface design.

Last February BBC launched BBC Two on a new broadband website. Broadband because it has been designed to host videos, both on the homepage and also through popups, furthermore, its interface enhances the typography design and pictures instead of long texts.

A screenshot of the homepage when reviewed.

The web designers really pushed the boundaries of the available technology, not only for the complex grid of the page but also for the Flash movie they added as background (rotating clouds)! Definitely many brave decisions in fact, despite the fact that they made many workarounds to make it as more accessible as possible, they chose to use Flash 8 as video player in the homepage (of course we know that the rapport between size and quality isn’t comparable with older versions). For the video popups they initially tried a flash menu that replaced the html one, particularly useful for anti-aliasing text ability. Later they removed this option, probably due to compatibility issues or for issues relating to scrollable list of items.

A particular feature implemented is worth a discussing. I am referring to the fading of the content of the video popup. In fact when a popup is opened to show us a video the interface of the window is hidden according to the mouse position. If the mouse is outside the window, and so presumably the user has no intention on interacting with the window, the interface fades out (get darker).

The popup with the video player.

This feature helps users to focus on the video removing possible distractions. The popup window does not cover the whole screen and leaves the page behind as it was, probably not a perfect solution yet. Of course, from a technology viewpoint this could be a problem due o the presence of two different browser instances, the window behind could be easily another software thus it wouldn’t be worth the effort. An option could probably be to resize the popup size based on user’s screen, however we know how much users don’t like this and that it would be a drama for people with more than a display.

The funny, or sad, thing is that I designed a very similar feature for my blog before I saw BBC Two website (header and sidebar fadeout after not interacting with them for few seconds), but unfortunately my blog was announced a few months later, so well done to them, especially for their courage to implement such a feature and also other tiny high interactive controllers, like the one of the homepage video, in a website with such a broad audience.

The video embedded in the homepage.