I'm working on a ticketing interface. In a word users will be able to open a request (a ticket), describe the problem they are experiencing and then they'll submit their request.
It's a very simple form except for one thing: each request has to be associated to a location. There is a location assigned by default but if the users wish to choose a different one they have to pick it within a huge directory of locations.
As a result I have to display a long list of locations with some filters in order to help the users find the place they're looking for more easily.
My problem is that the list can be very long (hundreds of locations).
As far as I can tell, here are my options:
- Display the first few (20 - 30) and have pagination at the bottom
- Have a simple "load more" button which loads the next 20 or 30 locations. => with that option I fear that the page is going to grow far too long.
What would you do? Do you see any other way to do this?
Btw I have chosen NOT to display this list of locations in a modal view because this would bring its own UX issues. So what I'm planning to do is to insert the list below the "location" area after a click on "change location".
This is the initial state of the form:
This is what happens when clicking on "change location": Notice the filters on the left, the search/filtering box at the top and the potentially very very long list of locations