I have application which allow users to select video and play it. I have for each video few keywords and with help of WordNet I created tree from these keywords. So now user can go from generally sense to more specified. I want to use this for filtering video. I was trying to search for some great way how to design control like this but I didn't find anything. I have tree and when you click on general term it adds sublevel terms to clicked one. It's good but I want to create something amazing. It's for touch devices and in upper half I have previews of videos. On the right bottom half I have classic folder tree (filtering by folders where are videos saved) and this control I want on the bottom left half.

For better understanding I am posting here actual solution (it's not looks good, it was just testing for creating tree, if tree is okay).

tree from keywords

Edit: I forget to mention that touch display isn't mobile device but big screen (big monitor). For better understanding I include screen my actual solution.

actual desing of my player


1 Answer 1


You don't need to show someone parts of the path they haven't taken. If you show anything about the path at all, just treat it like a breadcrumb, and show the options that they have chosen. That also makes it a lot easier to lay it out, as you have a single box / image for each choice.

Here is a rough mockup for what I am suggesting:

enter image description here

  • Thanks, it looks good. Better than my solution. I edited my post so It's clear now that it's for bigger screen. But still your solution could be useful for me. Just if you get any better solution just say it :)
    – Bibo
    Feb 28, 2013 at 15:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.