Interface Design and UX Thread - How our App Looks

[Barbara B]

Hi Grace,

If I were doing this as a web page, I'd either make the gear tabs absolutely placed buttons or I'd make them Image map hot spots. Probably use the image map.

The 10 forms/tab contents could be in an CSS image/contact slider that was controlled by the tabs, or they could be in a z-index stack whose viability was toggled on or off by the button/gear tabs.

Or, I'd hunt around and find a nice script to bring the forms in using javascript or such. This is a demo of a script I found with a quick Google search, and I'd probably not use this one, but it generally shows the idea. http://coboldinosaur.com/pages/round-slide-show.html I wouldn't use an iris though, I'd use fade in or such.

The design is basically 2 layered squares with the roundness coming from alpha channel masking.