3

In my web app, I'm looking to allow users to select 'folders' from their filesystem which will then be stored and scanned to build a library of media files. But I'm having trouble designing an intuitive interface for selecting folders.

My initial thought was to have an iOS-like drill-down list that would allow the user to navigate their file-system, and select the folder when they find it. But in this case, I need to disambiguate between opening the folder and selecting the folder. I can't find an intuitive way of doing this. I've considered having checkboxes next to each folder... or having a 'select' button next to each... or requiring a double-click to open the folder... but these don't seem ideal.

Any suggestions for this? I'd like it to be touch/mobile friendly.

2

The best solution I've seen is to simply have a checkbox next to the folder name, like in Google Drive: Google Drive

  • 1
    I think you're probably right. The checkbox isn't all that mobile friendly, but I think you can emulate the behaviour with enlarged widgets. – bento Jun 27 '13 at 4:23
  • 2
    There are a few options to improve it for mobile – A) you could use a hidden swipe menu for each list item, B) you could simply show the unchecked box, or C) you could use a "tap and hold" interaction to check it (to name a few). – ewittke Jun 27 '13 at 18:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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