Late last week, I was contacted by a client and friend with whom I've been in touch with recently. We'll call him John. He was building his own site, but wanted some fancy motion effects on the navigation. See below for our correspondence.
On Thu, Apr 10, 2008 at 9:29 PM, John wrote:
Erin,
I am attaching two PNG graphics of our the new "structure" of our new website that I am building out right now. I need to sets of flash buttons. One, for the home page is 1024X50. If we need to make the height a little smaller, that is fine. The other pages will need a file that is 750X50. If you adjust the height on the Home page, please adjust it for the other page as well.
You will see the index page that will take you to what will be our new home page. What do you think will be the best look for the Flash buttons? I am thinking some time of metallic gray when one scrolls over the button or maybe a brush stroke of color (the paint brush we are using on the home page made me think of this).
Ultimately, we want an elegant set of buttons that fit the minimalist website we are designing. If you need us to create the buttons graphically, I can do so.
Something you can handle?
John
On Fri, Apr 11, 2008 at 10:08 AM, Erin wrote:
Dear John,
Time for some advice. Typically, navigation shouldn't be flash.
One reason is flash is 'invisible' to search engines - the words in it can't be read by the crawlers. And the words on your nav, as well as the pages to which they link, are very important.
Another reason is in Internet Explorer and some other browsers, security features make users click on Flash elements 1 time to 'activate' the interactivity before they can interact with them. On a Flash game or interactive presentation, its less awkward because there's a lot of focus and interaction on/with the piece. For navigation, it can create an awkward experience, as some users may click once and not realize that they need to click again. They may assume your site is broken. As you probably realize, users do not devote much time to figuring little things out.
You can accomplish many 'hover' effects with CSS alone, or with CSS and javascript. Both of these are preferred methods and could occur within the HTML rather than as separate files.
If you do need Flash to accomplish the effect you're looking for, you should offer a plain text version of the global navigation in the footer of the page.
We can help you build either.
Erin

Labels: accessibility, flash, navigation, usability, web design