По договоренности
Добрый день!
Кандидату необходимо ознакомиться с текущим интерфейсом web-версии crm и реализовать новый концепт.
1. Форма входа – оформление в стиле общего дизайна. Лаконично, но практично, понятно и адаптивно к малым размерам экранов (телефоны).
2. Расположение и дизайн системного меню. Учесть возможность доступа с мобильных устройств (требования на поведение).
3. Расположение и дизайн меню конфигурации. Важно также проработать и поведение меню, чтобы можно было пользоваться с планшетов.
!!! Необходимость помнить о поведении пользователя и проработать то, как компоненты будут реагировать на клик, на маусовер и т. д. с учетом планшетов.
4. Таблица простого списка с колонками (группировка, сортировка, итоги, фильтры, встроенное редактирование).
5. Таблица иллюстрированная (список контактов, продукции).
6. Карточка редактирования внешняя (вкладки, сплиттеры, панели).
7. Карточка редактирования встроенная (вкладки, сплиттеры, панели)
8. Панель one-click фильтров – где и как её расположить на форме.
9. Панели поиска – должно быть понятно, доступно и эргономично. Не всегда можно сделать единую форму ввода, но как для контекста таблицы вызвать расширенный поиск необходимо предусмотреть.
10. Вкладки – вертикальное, горизонтальное расположение. Очевидная и стильная подсветка активной. Общий список вкладок, если не вмещается на один экран.
Раздел про общие информативные элементы:
11. Сообщения/попапы – лучше избегать всплывающие окна, а определить область для системных и подобных сообщений.
12. Навигация вперед-назад, закрыть форму, отмена и т.д.
13. Органайзер/расписание – пока сложно сказать, что именно нужно дорабатывать.
14. Напоминания – по аналогии с сообщениями и попапами. Нужно продумать механизм присутствия без всплывающих окон. Например, цифровой иконкой или отдельной панелью.
15. Иконки/пиктограммы – как системные так и для основных функциональных блоков. За основу берем конфигурацию "КлиК. Торговля".
16. Цветовая схема. Мы готовы отказаться от использования тем оформления, если будет найдено очень эффектное и индивидуальное решение.
17. Навигация по выбору из справочника – когда пользователь в ссылочном поле выбирает значение – можно сделать как из списка, так и из вызываемого справочника.
18. Диаграммы и графики. Важно учесть не только стиль реализации, но и расположение легенд, панелей настройки/фильтрации и возможной детализации.
19. Требования к внедряемым компонентам и рекомендации по построению компоновок интерфесов – UI Guide для ситуаций, когда реализуется и внедряется дополнительный блок, которые должен быть адаптирован к единому дизайну системы силами внедренцев с учетом наших рекомендаций.
Отдельно по компонентам для карточек и режимов:
1. Строка ввода (простая,обязательная,неактивная, варианты выделения фоном).
2. Селект (простой,обязательный,неактивный, варианты выделения фоном).
3. МультиСелект (простой,обязательный,неактивный, варианты выделения фоном).
4. Чекбокс (простой,обязательный,неактивный, варианты выделения фоном).
5. Радиобатон (простой,обязательный,неактивный, варианты выделения фоном).
6. ДатаПикер (простой,обязательный,неактивный, варианты выделения фоном).
7. МемоПоле (простой,обязательный,неактивный, варианты выделения фоном).
8. ЛистБокс (простой,обязательный,неактивный, варианты выделения фоном).
По всему этому разнообразию нужно отрисованное в CSS описание оформления: границы, поля, тени, объемы, поведение при наведении, нажатии, клике и т.д. и т.п.
!!! Должна быть возможность компоновать средствами дизайнера, причем без негативных последствий для общего итогового вида системы.
Просьба по этому списку подумать и предложить формат работ, при котором мы бы смогли с минимальными рисками понять, насколько друг другу соответствуем.
Отдельно акцент на то, что никаких готовых разделов в системе нет. Работаем над элементами и их целостной совместимостью.
В системе есть утилита «Дизайнер», в режиме работы которой можно производить настройки интерфейса и логики.
jQuery – одна из основных библиотек в системе.
Доступ к облаку – по запросу.
По всем вопросам – пишите.