2 added 53 characters in body
source | link

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy.

The list will have about 30 top level categories.

He can select the top level options or the sub level options.

The first idea was to create something like this: A large radio group with hierarchy.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The second option i thought about is with a search box that will do a live search in the options and reduce the list

mockup

download bmml source

Would like to hear you approach on this :)

Thank you.

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy.

He can select the top level options or the sub level options.

The first idea was to create something like this: A large radio group with hierarchy.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The second option i thought about is with a search box that will do a live search in the options and reduce the list

mockup

download bmml source

Would like to hear you approach on this :)

Thank you.

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy.

The list will have about 30 top level categories.

He can select the top level options or the sub level options.

The first idea was to create something like this: A large radio group with hierarchy.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The second option i thought about is with a search box that will do a live search in the options and reduce the list

mockup

download bmml source

Would like to hear you approach on this :)

Thank you.

1
source | link

Selecting single element from a long list with hirarchy

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy.

He can select the top level options or the sub level options.

The first idea was to create something like this: A large radio group with hierarchy.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The second option i thought about is with a search box that will do a live search in the options and reduce the list

mockup

download bmml source

Would like to hear you approach on this :)

Thank you.