I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance.
Let's say I have a library application that allows a user (librarian) to add a book to the database. One of the features is tagging an author to a certain book. A book can have more than one author, so a UI that allows multiple tags is required. I really want it to follow the progressive enhancement approach, from a basic functional site to a JS/CSS enhanced version.
I already have a database of at least 450 authors. For the enhanced version an auto-complete and editable select is in my arsenal and has proven effective. The problem is with the basic version, especially for mobile devices and incapable browsers (like opera mini perhaps?).
From a programmer's view, a multiple-select
<select> box should do. But by reading at least 3 UX books, a multiple-select
<select> is a "no go" since there is no indication (unless explicitly mentioned) that a select is multiple-enabled. Also not good for the physically-challenged people since you have to hold down Command (Mac) or Ctrl (PC) to multiple select. Mobile browsers have none of those keys also! To add to that, 450+ selections in one box?
- 450+ items to choose from
- selecting multiple items
- progressive enhancement approach
What's the best way to tackle this situation? How did they even do this prior to web 2.0?