Дизайн интерфейса сложной системы статистики.
Добрый день.
Нужен адекватный человек, который нарисует продуманный, графически приятный и удобный интерфейс относительно сложной системы сбора статистики и отчётов.
В предлагаемом нами конкурсе (тестовом задании) мы просим показать всё, на что вы способны. Победитель конкурса будет воплощать весь дизайн этого интерфейса в жизнь.
В итоге будет выбрана та работа, которая будет не только приятно выглядеть, но самое главное – будет логически продумана и юзабельна.
Помните, что это веб-система, а не приложение виндовс. Дизайн и юзабилити должны быть соответствующими.
Поехали. Всем заранее спасибо за участие.
Срок на это тестовое задание – неделя. Если завяжется какая-то интересная "борьба", то, возможно, добавим ещё дней.
На картинках (приложены к проекту) показаны:
1. Фильтры
2. Цепи
3. Список, который будет фильтроваться
Фильтры (первая картинка):
Здесь пользователь выбирает параметры, по которым нужно отфильтровать список.
1. ID - по айдишникам - вписывает строку через ","
2. Папка - папки, в которые собраны ссылки. По умолчанию у пользователя их минимум 6. В среднем будет около 30 на пользователя.
3. Дерево - выбор клиента -> сайта -> странички. У среднего клиента - 7-10 клиентов, средний клиент - 1-2 сайта, средний сайт 6-9 страниц.
4. Уровень домена - селект с тремя позициями (любой, второй или третий)
5. Уровень вложенности - мультиселект с 4-мя позициями.
6. PR, ТИЦ, Внешн. и Внутр. ссылок - числовые интервальные поля. Вписываем интервал, плюсиком можно создать ещё один интервал для этого поля. Для поля "Внешних ссылок" в примере два интервала - от 6 до 15 и от 28 до 32. PR в примере меньше трёх.
7. Степень индексации - выбор из трёх вариантов (в примере это радиобатоны).
8. Наличие на странице - выбор из трёх вариантов.
Остальное в панели фильтров тривиально. Всю эту панельку пользователь может в любой момент скрыть, или переключится в режим цепей.
Само конкурсное задание:
На картинках (приложены к проекту) показаны:
1. Фильтры
2. Цепи
3. Список, который будет фильтроваться
Фильтры (первая картинка):
Здесь пользователь выбирает параметры, по которым нужно отфильтровать список.
1. ID - по айдишникам - вписывает строку через ","
2. Папка - папки, в которые собраны ссылки. По умолчанию у пользователя их минимум 6. В среднем будет около 30 на пользователя.
3. Дерево - выбор клиента -> сайта -> странички. У среднего клиента - 7-10 клиентов, средний клиент - 1-2 сайта, средний сайт 6-9 страниц.
4. Уровень домена - селект с тремя позициями (любой, второй или третий)
5. Уровень вложенности - мультиселект с 4-мя позициями.
6. PR, ТИЦ, Внешн. и Внутр. ссылок - числовые интервальные поля. Вписываем интервал, плюсиком можно создать ещё один интервал для этого поля. Для поля "Внешних ссылок" в примере два интервала - от 6 до 15 и от 28 до 32. PR в примере меньше трёх.
7. Степень индексации - выбор из трёх вариантов (в примере это радиобатоны).
8. Наличие на странице - выбор из трёх вариантов.
Остальное в панели фильтров тривиально. Всю эту панельку пользователь может в любой момент скрыть, или переключится в режим цепей.
Цепи (вторая картинка):
Выбираем первый, второй, третий и т.д. фильтр и логические операнды между ними. Автогенерируется описание каждого фильтра - всё это видно в примере.
После настройки фильтров или цепей пользователь жмакает на "применить" и довольствуется отфильтрованым списком (третья картинка). Так же пользователь может сохранять фильтры и цепи и применять сохранённые. Окошко фильтров и цепей выползает, после нажатия кнопки "фильтр" (не показана в примере). Если потребуется - оно может занять целый экран. При смене режима кнопкой окошко цепей заменяет окошко фильтров и наоборот.
Список (третья картинка):
пример вывода позиций
Тестовое задание:
Обязательно:
1. Сделать удобным окно фильтров.
1.1 Подумать, на что можно заменить элементы управления - особенно беспокоят числовые интервалы.
1.2 Нормально распределить все контролзы по окошку.
1.3 Сделать, чтобы всё стало удобно для пользователя.
2. Cделать окно цепей. Оно некрасивое, но я даже не предполагаю как его можно улучшить.
3. Сделать показанную часть таблицы вывода результатов.