Dynamic Flash

Just a little note to say that I’ve just launched the Foundation ActionScript 3.0 book companion site at foundationas3.com.

There’s precious little there at the moment except some illustration errata for Chapter 14: Flex by Example, but I hope to build this into a site full of great resources for readers and prospective readers of the book.

Somehow this slipped under my radar, but better late than never. Foundation ActionScript 3.0 for Flash CS3 and Flex, my big book-writing project from last year, is now available in all good bookshops.

Here’s some of the blurb from Amazon.com:

Whether you are an aspiring ActionScript developer, or an experienced ActionScript developer who wants to upgrade your knowledge to version 3.0, this book teaches all you need to know to start to harness the power of ActionScript 3.0 using Flash CS3, Flex 2 or Flex 3. It covers all the essential techniques from the ground up, allowing you to get up and running quickly and easily.

The book is available to purchase right now at Amazon.com and Amazon.co.uk and all good bookshops.

Just a quick post to let everyone know that I am still alive. We’ve just finished a really big project at work (more on that when the site launches to the public) and I finally have time to finish some of the half-written posts I’ve been lining up.

I will also have time now to finish implementing the missing Flash 8 features for swfmill. We already have support for some Flash 8 features (scale-9 grids, for example) in the current pre-releases and I’m part way through filter and blending mode support. If you’ve got a favourite Flash 8 feature that you’d like to see in swfmill, head on over to the swfmill mailing list and let us know.

Finally, I’m getting back into authoring again with those nice folks at Friends of Ed. I’ve got a couple of books lined up, but I think they’re supposed to be top secret for now. I promise I’ll let you know more when I can.

A few months ago I picked up a copy of About Face 2.0 on a whim, and boy was it an eye-opener.

One of the tenets of user interface design that I came away with after reading this book was that UI design is not just about how the things look, it’s also about how they behave. If two things look similar but behaving in different ways then you’re going to end up confusing your users.

This applies equally in the real world too, as anyone who has tried to pull the handle on a ‘push’ only door will tell you.

One example given was that you shouldn’t make something look like a native OS widget if it isn’t going to be have in the same way. I now cringe whenever I see examples of Flash/ UI widgets being themed to look like native Microsoft Windows or Mac OS X widgets.

The underlying ideas is that the UI will be more user-friendly because it looks like all the other programs that the user interacts with every day. Speaking from a purely visual standpoint there is nothing wrong with this approach. Unfortunately, as soon as the user tries to interact with the component they’ll find that they don’t always behave in the way they expect them to. Far from making your user feel at home, you’ve just confused them.

The first thing I tried to do on this Mac OS X Flex Theme example was drag the windows into a more comfortable location. I got confused when they didn’t move. Next I tried out the combobox only to find that it popped up a Windows-style list rather than a Mac-style one. I fumbled about a bit more before finally giving up. It’s an interesting example of how much you can customise the widgets, but I would advise never using these widgets in a real-world application.

That’s not to say that you shouldn’t skin your widgets at all; by all means make them look different and fit the design of the rest of the application. However, if you cannot duplicate the functionality of native OS widgets then make sure they look different enough that the user will understand that they are different. And if something isn’t a widget at all, make sure it doesn’t look like one!

The human brain is geared up to recognise patterns. You’re not reading the text on this page letter-by-letter. Instead your brain is recognising the shape of the words made by the pattern of the characters. Our brains treat UI widgets in the same way. If something has a title bar, a drop shadow and contains some content then most people will automatically recognise it as a window and interact with it as such. If it isn’t a window, your users are going to be seriously confused when they can’t drag it around the screen. The same goes for the pop-out look of buttons or underlined text on a web page – people will try and click them.

I suggest that anyone involved with UI design for any purpose (even forms on web pages) pick up a copy of About Face 2.0 and read it cover to cover. It covers the whole area of interaction design for web and desktop applications, and will make the users of your applications love you. Well, maybe not, but they won’t hate you, which is a start.

Today Friends of Ed announced the release of Foundation PHP5 for Flash. I know a lot of people have been waiting for an update to my Foundation PHP for Flash book, but I want to make it clear that I haven’t been involved in any way in this rewrite. That’s not to say that it isn’t as good as the original or that you shouldn’t buy it, just that you shouldn’t necessarily rush out and buy it if you are a fan of the original without first checking it out properly.