These days I’m designing in browser instead of Fireworks for a live project — Pixoto.com. Designing in browser has some solid advantages as it helps you launch quite early instead of hanging there in design revisions. Get a quick mockup together and start coding. Quick design, faster revisions and early deployment.
In Pixoto the main challenge is category dropdowns. The images are organized into categories and respective subcategories. User has to first select category from dropdown-1 and then subcategory from dropdown-2 as shown below.
Pixoto category dropdown – Before
This was making users click twice and causing 2 page refreshes. I didn’t like that and want to design smarter solution for that. Since second dropdown (Sub-categories) depends upon first one (Category) they should be combined into one. So, I came up with the following simple, easy-to-use dropdown solution.
Pixoto category dropdown – After
This is what I love the most: Simplifying Interactions, Solving Problems. How about you?