-- SEMI-USELESS INFORMATION FOR A CLUELESS INTERFACE DESIGN --

Hi. So now that you found this linked page, and have seen for yourself how what is and is not well thought-out about the interface (of course I could have made it so bad as to be totally non-functional), you might want the technical details.

1) Main interface design in Photoshop 6.0.1. 600 x ~390 pixels, 72ppi, RGB. Built in many layers, especially using paths and shape tools for the design. Tabs made in individual layers (to support later use as slices and interactive rollovers) with layer effects (outer glow, embossing) added. Note: it's important to think ahead in terms of placing objects in layers if you want to promote them to slices and use them as active rollovers.

2) File brought into ImageReady and converted it to a 128-color GIF (why GIF and not JPG?). Could have used more or less colors, but looks good, download time not terrible. Yes, I could have used web-safe browser colors, but didn't like the choices!
In ImageReady, promoted individual tab layers to slices and then made sets of rollover buttons, including links, using effects/styles (e.g.color overlays, etc). Made a selection of central circular region a layer, promoted it to a slice, and then did stuff to make it a hot-link button to this page. That took some troubleshooting and tweaking, but it's got different colors and effects working in it.

3) "Save Optimized" the whole thing with slices/images in separate folder and let ImageReady generate the slice tables and javascript needed to handle the rollovers. This can be a bit tricky and it helps to know html and some javascript to adjust the layout and interactivity for different browsers. At any rate, it works ok here I think.

4) Brought everything into Adobe GoLive for layout, formatting, nested table structures, typography, etc. That also required some minor sourcecode adjustments and used a transparent pixel shim I made to get the table cell-widths correct. Whole document should download on a 28.8 kB modem in about 30 seconds or less if we lived in a perfect world with a perfect Internet.

The result of all this work-- a poorly thought-out interface -- what a waste!

-- the end --

Mark