Blogs

InsideRIA is now officially live! I’m really stoked to be a part of this joint effort by O’reilly and Adobe. We’re going to be covering a wide range of topics including design, development and standards for RIAs. Even though Adobe is sponsoring this portal no technology is off limits so Ajax, Silverlight, Google Gears, Prism, etc are all in bounds. Of course there will be a healthy amount of chatter about Flash, Flex and AIR as these key tools in the RIA kit. I personally hope learn and share a lot about user experience, user interface patterns and new forms of analytics we’re going to need a world with more and more RIAs.

I’ll be giving a quick overview of developing with AIR Jan 30th at WDN 08. Should be a blast.

Web Directions North - Crash Course in AIR
There comes a time when web developers need to reach beyond the browser to allow users to go offline, use local files or get rid of the hideous browser chrome. The Adobe Integrated Runtime (AIR) is an up an coming runtime technology that allows desktop applications to be developed with HTML, JavaScript, Flash or Flex. The AIR runtime and SDK are completely free so anyone can get started immediately.

Andre Charland will will give an overview or AIR, the APIs you get access to and how to build a simple Flex and HTML application with it. From there we will explore some of the tools available to make AIR development easier and faster. We’ll finish up with a few important usability guidelines and real world case studies of AIR projects.

Oh ya there’s a ski trip included in the conference so it’s probably worth dropping everything else in life to attend:)

We all have some vague notion that we can’t visually focus on everything in our field of vision at once, but just how little can we really see at once? This is a very important question for web designers and information architects. James and I are working with Andy Edmonds of StomperNet to build a browser type application “that simulates the limited high resolution vision available to humans as they use the computer”, called or
Foveal Gaze Simulation Software Scrutinizer.

Basically the app applies a filter over the web page your viewing that allows the region around your mouse to be in focus, while the rest of the screen is blurred out. This is to illustrate the difference between what your fovea and periphery of your eye see. This way you can see what your users see more or less and apply some usability best practices to improve conversion or generally make your site easier to use. Specifically you can make adjustments like button positions, whitespace, navigation bar headings and typography. The idea is to use the science behind vision to improve your site without really needing to understand it all;-)

James built this app with AIR. Using the HTML functionality to implement a simple browser and Flash to create the filter over the web page. We had a few interesting challenges getting the page interactions and events to work through the Flash filter, but it’s working pretty well now and will only get better:) On interesting feature you might miss is that you can adjust the size of the focused region with the mouse wheel. This simulates the narrow detailed foveal view when zoomed vs the larger less focused foveal view for rapid scanning when zoomed out.

The masses really are starting to think that usability is cool, even Scoble plugged Srcutinizer! Quick buy some shares in user experience!

Scrutinizer is free, so go download it.

[Update] There’s a super handy Top 10 uses for Scrutinizer posted on the site that includes suggestions simulating eye tracking in a usability study, testing findability, assessing the ease of a multi step process and more.