I've got a web app that uses canvas drawings. I'm now adding a feature that lets users choose their preferences for the drawings' style. This necessitates a separate UI.
At this point, I've got to the stage that I know:
- I want it to be a separate UI (i.e. dialog)
- It needs to set multiple settings from the same UI.
All I've got for the moment is this:
download bmml source – Wireframes created with Balsamiq Mockups
Seems a bit clunky to me. Are there any better ways of doing it? I have jQuery UI so the dialog itself isn't a problem, it's the options within it.
Each different field in the mockup represents a different option: the user can set several cosmetic options like color, size, width, style, etc.