Tuesday, October 20, 2009

Review: Stickysorter - Free Cardsorter / Digital Post Its Software

Stickysorter from Microsoft Research is an interesting tool on two fronts - One, it is simple to use; Two, it is a good example of "do one thing reasonably well" software i.e. it has limited features which are easily accessible. To add to the sweetness, it is available for free (Yep..not shareware or evaluation versions - Free).

That said, it is a Windows PC Installed application, not a remote / online one but if you have a Webex / netmeeting or something similar, you can utilize it for remote cardsorts as well.

Stickysorter allows for grouping of cards, addition of custom fields, stuff that you can put on the other side (to flip later), different color coded cards (limited to a few though) etc. It saves everything as a .CSV file so that the results can be later opened / printed like a spreadsheet.



This also means that for the folks who likes spreadsheets better, you can take your card sorts, group them in a visual post it style approach, then close Stickysorter, open the .csv with Excel (or something similar), autofilter & utilize the full Excel UI experience (Accountants rejoice!!).

Disclaimer: I have not used other card sorting tools, so not sure if what I find cool about this are standard features or not. Stickysorter is freely downloadable from Microsoft Research Site

Thursday, September 3, 2009

Sketchflow "How To" resources

Someone recently asked me how a designer can to go about trying out Sketchflow without getting into all the development related learning that Expression Blend may need. Here is an excerpt from my response. Hopefully, this will benefit anyone else who may be interested.

Frankly, I really just downloaded the evaluation version & took a few stabs at it. I had to refer to the Expression Blend Help Guide for a few things. But, here are the two that I referred to from a how to perspective that give you a sense of using it without writing any code really.

Canadian UX Blog by Qixing of Microsoft


Sample chapters / Zipped example from Chris Bernard's upcoming book


Other then that, just hang in there with an eval version & try a few different things. I paused the Canux video several times to see where she is navigating within the Sketchflow application.

One more that I used to understand what Sketchflow can do for me was the Visual Kitchen infomercial that MSFT did...

Maybe it would be cool to put together something that shows a step by step process (like a flowchart). Kinda like learning Sketchflow using Sketchflow Maps. So, it can be a Sketchflow Map that branches in four different direction (Say for developer, designer, project manager & business analysts) & explains individual steps/features/benefits with screenshots or embedded videos.

Maybe I will do one of those if I find some free time :-)

Monday, August 3, 2009

My First Sketchflow App

Microsoft has recently introduced Sketchflow, a dynamic prototyping app with their latest Expression studio release. Here is my first app created using Sketchflow, hosted on Silverlight streaming & embedded in this blog.

I wanted to try out & actually see how well will it work for a distributed audience, with its ability to produce something that can be shared, annotated & yet be interactive without putting too much effort.

The mockup hosted here is a very rough (2 webpages only) but working example..You can enter username / password, click enter & navigate to the second page (that is all I have for now).

NOT AN IMAGE, INTERACTIVE PROTOTYPE, CLICK ON IT



What is nice is that you can comment by clicking in the feedback pane or draw on this prototype using the highlighter tool from the feedback pane. You can also look at the overall site layout through the map tab.

Once done, you can actually save the feedback by using "Show feedback Option" (The rightmost button on the feedback pane) & selecting Export feedback, which allows you to save your feedback on your machine.

This feedback can than be emailed to the prototyping team & imported back into the Sketchflow, along with feedback from other participants. I think this is a pretty cool tool.

It took me about 2 hrs from downloading, installing Sketchflow to creating first mock up, hosting it on Microsoft's Silverlight Infrastructure & embedding it into my blog. I will blog a screenshot by screenshot version of how I did this in a later post.

Thursday, February 19, 2009

My First Silverlight App - Demo

Silverlight is Microsoft's alternative to Adobe's Flash. It allows building RIA (Rich Internet Application) using ASP.Net (C#, VB.Net).



The idea is not new, but more of a spin on the "Google Suggest" type search with images etc. Hopefully, if I find time I would like to maybe try prettying up the UI, give a slight zoom on mouse hover & hyperlink images (& maybe even put different images / sample data).

The Silverlight code is hosted via Silverlight Live Hosting infrastructure from Microsoft. Since Microsoft pulled the plug on Live hosting infrastructure (at least the freebie version), I have updated the link to my website.


Thanks for watching.