Кейс 1
Проблематика
Несколько лет назад была сделана рабочая версия страницы заказов. С того момента прошло много много времени и параметров заказа стало больше и из за этого информация перестала помещаться на странице. Более чем половине пользователей BackOffice приходилось скроллить страницу вправо/влево, что доставляло дискомфорт.
Было ↓
360х640
Решение
Форм для заполнения на странице создания заказа достаточно много. Я решила разбить информацию на 4 группы (ранее было 6) и предлагать заполнять информацию в том порядке,
в котором пользователи заполняют её чаще всего. Так же я оставила возможность пропустить шаг опционально и вернуться к нему позднее, если этого захочет пользователь.
По нажатию пользователь может выбрать любую ранее заполненную карточку и внести изменения.
Так же я проанализировала заказы всех имеющихся производителей и разбила параметры
на 3 группы с вложенными параметрами, которые появляются опционально в зависимости
от производителя:

Параметры продукта - тип обработки семян, тип обогащения

Параметры доставки - упаковка, тип доставки

Параметры количества - количество, цена, общий вес
Стало ↓
Работа с CRM и BackOffice
системами
Несколько кейсов из работы с CRM и BackOffice системами, все решения сделаны в концептуальном дизайне. Реальные данные искажены или скрыты.
Кейс 2
Проблематика
Несколько лет назад так же было сделано меню, которое решало поставленные задачи.
С течением времени количество пунктов меню заметно увеличилось и все пункты перестали помещаться 2й уровень вложенности.
Было ↓
Решение
Я взяла все пункты меню и табы внутри страниц и разбила их на группы. Пункты меню я поделила
на главные, которые всегда видно и дополнительные, которые скрыты. По нажатию на главный пункт, пользователь одновременно переходит на страницу и разворачивает меню дополнительных.
Главные пункты меню являются заголовками для дополнительных.
Например, пункт меню Компании сгруппирован с Сезонами, Территориями и т.д. Все эти подменю используются очень редко и относятся только к компаниям.
Так же над меню есть иконка Поиск, она открывает строку поиска. В этой строке можно начать писать название пункта и выбрать нужный вариант из предложенных. Это позволяет не заходить в главный пункт меню, а сразу прыгнуть сразу в дополнительный.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website