Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Im in the process of making a website where user must select a category between +400 categories and/or subcategories.

The forms needs Parent category and x child categories. What is the best way of implementing this? I have seen people using this example but are there any other options which can be faster and easier? Any tips or help from you UX people is really appreciated.


enter image description here


This is a sample category dataset:

categories = 
{
Vehicles  {cars { Audi{ A4{ Quattor, RS, S}, A5{...}, A6}, 
                  BMW{...}, 
                  Volvo{...}
                },
          Bikes{...}, 
          Bicycle{...}, 
          Trucks{...}, ...
          },
Beauty    {Face{a{z{...},...}},...},
Sports    {Fishing{....}, Biking, Swimming, ...},
...       {...}
}

This questions is answered but please feel free to write if you have a better method in mind. Thank you. You can still get the up votes or answer.

share|improve this question
    
I hate these things, unless they allow me to select multiple items from each category –  Marjan Venema Jan 13 '13 at 14:06
    
What do you suggest? how do you want it? –  user22847 Jan 13 '13 at 14:08
    
The ability to select both Audi and BMW and get models from both in the subsequent selector. And preferably not being forced to make selections in other categories just because the site thinks that it would return too many results. Let me be the judge of that - perhaps by giving me the number that would be returned if I don't refine my selection any further. –  Marjan Venema Jan 13 '13 at 14:14
add comment

1 Answer

up vote 1 down vote accepted

In case you don't want to go with classic cascading drop-down selections

Just give the last drop-down as an auto-suggest, since any selection for last drop-down would mean that previous three are already selected by default. And show the chaining in the options when the user type in the last text box, for example when user types 'Qu' in the textbox, show the options as

Quattro -> A4 -> Audi -> Cars

share|improve this answer
1  
Thanks man. After a search I found that ebay is using this method: 0.tqn.com/d/ebay/1/0/i/2/-/-/main-final-4.jpg –  user22847 Jan 13 '13 at 2:25
    
Hmmm, it looks like an extended version of auto-suggest. But its nice to see a working (and existing) reference of the idea. Thanks for sharing the same. –  ripu1581 Jan 13 '13 at 2:28
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.