A RIA’s background is vital to achieving that perfect UX

One of the hardest things to get right when building out a RIA is designing the background. You can make or break the users experience by designing a bad background.. In my opinion this is a beautiful example of a well executed background.

The future of Deepzoom – my take!

The “delicate genius” did a short video of my deepzoom samples, I created these samples with the view to push deepzoom into the mainstream. I wanted to show people that there was more to deepzoom then a zooming picture!

 

(ignore the fact that I need a haircut)..

 

 

Thanks “Michael Kordahi” for taking the time to do this video!!!

My "Digg Mashup" that taught me so much about Silverlight 2.0 beta – part 1

The mashup began by me wanting to write a feed reader type of application end-to-end with Silverlight. Basically I wanted to really see if Silverlight could handle a real RIA scenario.

I wanted to utilize a lot of features in Silverlight that I knew would be required for any type of business RIA. I also wanted to go wild with the UI and test out just how flexible XAML was.

Here is a screen shot of my DIGG mashup! (The rest of this post is at my Cynergy blog)

 

 

How to make a spiral xaml asset with Design

 

This is going to be a simple post BUT I thought I’d share it because I have been racking my brain for so long trying to work out how to do something like this in pure xAML. This shows why design is just as important to the UX toolset as blend is. There are just some things that can’t be done in blend!

[Thanks to Germain from over at the expression forums for showing me how to do this]

Showing off the power of Silverlight 2.0 – Windows Media Player redone

A couple of months ago I recreated the Windows Media Player interface using Blend and Silverlight 1.1 alpha refresh, I wired up the UI so that it behaved similar to the actual application. It had a lot of code in the code behind that managed the resizing, it also made extensive use of the canvas control for layout positioning,  it had a lot of absolute positioning and funky logic to make it work when the page resized.

Today it’s time to rewrite that project in Silverlight 2.0 beta. The main reason why I’m doing this is because I feel that there isn’t enough examples of real world skinning using the new Silverlight 2.0 bits. There needs to be more samples out there for people to learn from, I for one would of loved to have more demo’s to digest in the early days of the Silverlight 2.0 beta release.

Anyway hope you guys can learn from this real world sample, I know I learnt heaps making it…

[read the article at my new home at Cynergy]

Silverlight Control Contracts Diagram – For Skinning

 

After skinning my nth control I got fed up with continually referring to the MS source code via reflector and made up my own diagram with all the control contracts in them. Print it out and stick it up on your work wall, hopefully you guys find it useful. Shoot me a comment of any changes you feel would be beneficial to this diagram.

If you don’t know what a contract is then refer back to my post on “Skinning a button – 4 different ways and counting“. Put simply the standard Silverlight controls wire themselves up to customized skins by finding specifically named storyboard’s and visual elements. At the moment the easiest way to retrieve these contracts is to interrogate the controls source code via reflector, I thought it would be easier to have a document that identified these contracts.

I also plan on maintaining this diagram over time, enjoy

Low quality JPG – [500k] – ControlContracts.jpg

High quality PNG – [850k] – ControlContracts.png

This builds on top of  my other diagram “Silverlight Control Hierarchy“.

You can also find this article on my new home site at CynergySystems.

Skinning a Button – 4 different ways and counting!

 

First up let me apologize for the long gaps between my posts, the honest truth is it’s taking longer than I thought to master the new features in Silverlight 2.0 beta. It’s not that it’s hard or anything, well actually some things are, it’s more that there’s so much to learn! Also I’m taking my time to truly understand why they did it one way versus another way, really cement in my mind the reasoning behind the decisions they made with the architecture.

When I do post I will be sharing the sum total of my learning’s minus the pain of getting there. The first task I set myself was to investigate how to skin a button or rather turn my existing blend assets into a button.

This is what I found out …