mixing multi select and single select in one list of ajax results
I'm designing a mobile app (android + ios)
I'd like to have a page where you can type in a search bar, and get a list of (ajax) results you can choose from.
the results are a name, with either - team
or player
tag
if you select team
- you can then go to second page, preferably, without pressing next
button.
if you select player
- you have the option to select others (up to 6) or not - keep only one, and then move to second page.
I had few UI options in mind (but none satisfies me) :
pressing
team
will move immediately to page2, pressing player will enablenext
button, and you can select more or press next.any select moves to page2 -> page2 shows a list of selected subjects, if it's a team - you can't change it (besides
back
), if player - you pressmore
and a popup (or something else? - move back?) opens so you can select morepage1 is divided to
team
andplayer
search, losing the cool multi-search optionin result list - if you select
player
orteam
it will be marked withV
, if you select anotherplayer
- you'll have twoV
s, if you select a team - theV
will change to that. (might be confusing, so some explanation text is possible. also I can divide to results to two sections)result list is divided to two section - pressing a
player
orteam
will move to page2. aboveplayers
part, a text will say"long press for multiselect"
. long press will clear the search bar, and somewhere show all previously selected players withdone
button. (Q: is long press common method for IOS ? )
Would appreciate to hear any idea