Речь пойдет об UI для предоставления пользователям мобильных устройств возможности сортировки и фильтрации некого контента в списке. Платформа значения не имеет, может быть и IOS, и Android.
Представьте, что на экране смартфона есть список с элементами, который можно:
—
сортировать. По многим параметрам, например – по дате, рейтингу, алфавиту, количеству проголосовавших.
Еще у сортировки есть порядок – прямой и обратный.
—
фильтровать. Например, отобразить Все, только просмотренные, только не просмотренные.
Необходимо предоставить удобный и понятный UI, чтобы пользователь мог пользоваться этими функциями.
Я пересмотрел кучу дизайнерских паттернов на специализированных сайтах и скачал много приложений, у которых есть или мог быть схожий UI и функционал, но пока не получил ответа на вопрос.Вариант 1.
Сделать в виде выпадающих списков. Для управления порядком сортировки – отдельная кнопка. Выбранный элемент списка – параметр, по которому сейчас отсортированы и отфильтрованы данные. Иконка на кнопке сортировки отображает текущий порядок сортировки.
Например, вот так:
Достоинства:
— Пользователь видит, по какому параметру отсортированы/отфильтрованы данные на данный момент.
— Прочитав, например, По Дате, сразу понимает, что это сортировка.
— Чтобы изменить порядок сортировки, достаточно одного клика по кнопке.
Недостатки:
— Занимает много места. На верхнюю панель уже не поместишь, нужна либо отдельная панель, либо заменить ею верхнюю.
— Возможно, выглядит не совсем красиво.
Вариант 2.
Просто сделать 2 кнопки, одна – для сортивки, вторая – для фильтрации. Нажимаем на кнопку – появляется поп-ап/выпадающий список/диалоговое окно, которое позволяет в случае фильтрации – отфильтровать данные по нужному параметру, в случае сортировки – выбрать параметр, по которому будут сортироваться данные и порядок сортировки.
Достоинства:
— Компактно. Всего 2 кнопки, занимает мало места, можно поместить на верхнюю панель.
Недостатки: — Пользователь не понимает по какому параметру сейчас отсортированы и отфильтрованы данные.
— Если понятную иконку для сортировки еще можно найти, то не все пользователи понимают общепринятую иконку фильтрации — «лейку» и просто не нажимают ее.
Какой UI вы бы предложили пользователям для сортировки/фильтрации в подобном случае? Не обязательно с этих двух, можно свой вариант. Возможно, есть специалисты по UI? 
Средний
