I have a list of items (currently < 20, but could expand drastically).
For a mobile experience, it's our thought to load 5 list items (sorted by default to "Newest") and then request the next 5 results by interacting with "Load more".
If the user interacts with the sort/filter controls, what would be best practice?
- The entire list expands with the desired sort/filter actions.
- Perform the desired sort/filter, but limit the results to the number the user has loaded (user has clicked "Load more" twice, so we're now showing 15 list items.)
- Pagination could also be a solution, I suppose.
- Anything else?
I can see pros and cons to both. In #2 above, the user may've been seeing a result, but that result is now buried once the list has been sorted differently. I understand that this isn't a huge problem in a ~20 item list, but how does this scale? Any resources you could point me to?