Дизайн интерфейса сложной системы статистики.

Добрый день.

Нужен адекватный человек, который нарисует продуманный, графически приятный и удобный интерфейс относительно сложной системы сбора статистики и отчётов.

В предлагаемом нами конкурсе (тестовом задании) мы просим показать всё, на что вы способны. Победитель конкурса будет воплощать весь дизайн этого интерфейса в жизнь.

В итоге будет выбрана та работа, которая будет не только приятно выглядеть, но самое главное – будет логически продумана и юзабельна.

Помните, что это веб-система, а не приложение виндовс. Дизайн и юзабилити должны быть соответствующими.

Поехали. Всем заранее спасибо за участие.

Срок на это тестовое задание – неделя. Если завяжется какая-то интересная "борьба", то, возможно, добавим ещё дней.

На картинках (приложены к проекту) показаны:

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. Сделать показанную часть таблицы вывода результатов.