youtube Проектная ПРАКТИКА  Вконтакте Проектная ПРАКТИКА   Яндекс Дзен Проектная ПРАКТИКА   Телеграм Проектная ПРАКТИКА  


16 марта 2022

ПМ Форсайт: Весеннее обновление дизайна

Нейтральные оттенки в сочетании с яркими фирменными цветами ПМ Форсайт – в такой гамме теперь представлена информационная система управления проектами. Команда продукта выпустила крупное обновление внешнего вида продукта. В новом дизайне ИСУП нашли отражение современные тренды пользовательских интерфейсов.

Grokhovskaya.jpg

«Одной из ключевых целей развития продукта на 2021 год мы ставили улучшение UI/UX. Большой блок задач касался как раз переработки внешнего вида системы. Мы анализировали тренды, собирали пожелания заказчиков. Пользовательский опыт наших клиентов позволил подобрать те решения, которые сделали ПМ Форсайт еще более удобной и интуитивно понятной. Итогом этой работы стал новый дизайн системы».

Мария Гроховская, руководитель группы аналитиков
ГК «Проектная ПРАКТИКА»

Новая цветовая палитра

В области дизайна цвет является важным шагом к результату использования системы. Цвет – это многофункциональный инструмент, способный одновременно выполнять несколько задач:

    Сроки могут быть разные:
  • Создавать ясный и узнаваемый стиль бренда;
  • Поддерживать читаемость информации на экране;
  • Усиливать призыв к действию;
  • Улучшать навигацию;
  • Усиливать интуитивно понятное взаимодействие «система-человек» и другие.
Grokhovskaya.jpg

«Мы вдохновлялись современными трендами в пользовательских интерфейсах, подбирали сочетания нейтральных оттенков и ярких узнаваемых цветов ПМ Форсайт. Так, удалось синергировать наш фирменный синий и более сложный, фиолетово-синий для создания нового уникального вида системы».

Мария Гроховская, руководитель группы аналитиков
ГК «Проектная ПРАКТИКА»

По итогам аудита пользовательского опыта было решено по максимуму исключить основной, яркий, цвет управления из использования в дизайне кнопок и элементов, нажатие на которые является не первостепенно важным.

Темно-синий и более сложный фиолетово-синий использованы в новом дизайне ПМ Форсайт дозированно. Кнопки добавления карточек в проектах, ссылки сразу же привлекают к себе внимание, вынуждая пользоваться задуматься о действии.

1pm.png

Новое расположение элементов системы

Изменения затронули не только цветовое решение. Современное представление получили отдельные графические элементы ПМ Форсайт. Кроме того, увеличилось пространство между объектами – блоками виджетов, границей между объектами и текстом. Это позволило добиться впечатления незагроможденности интерфейса, а также взглянуть на верстку системы по-другому, оценить сложность различных действий.

Grokhovskaya.jpg

«Например, мы изменили расположение меню карточек. Раньше оно всегда было слева, теперь переехало наверх. Благодаря этому удалось задействовать больше свободного и не используемого пространства, а также разнести два меню – основное, которое, по опыту пользователей, почти всегда скрыто, и меню карточек».

Мария Гроховская, руководитель группы аналитиков
ГК «Проектная ПРАКТИКА»


2pm.png

Новый шрифт

Grokhovskaya.jpg

«Мы достаточно долго искали замену нашему старому шрифту. Наш предыдущий шрифт – Roboto – был с нами с самого начала создания импортонезависимого ПМ Форсайт. Пользовательский опыт при этом показывал, что требуется нечто такое, что позволяло бы сконцентрировать внимание не на текстовой информации, а на цифрах и значениях, которые являются ключевыми для оценки здоровья проектов, сроков контрольных точек и иных показателей. Таким решением стал шрифт Raleway».

Мария Гроховская, руководитель группы аналитиков
ГК «Проектная ПРАКТИКА»

Новый шрифт ПМ Форсайт отличается более геометрическим характером начертания. При этом цифры в Raleway крупнее букв, что как раз решало задачу акцента внимания на числовых данных. Кроме того, данный шрифт считается минималистичным и, в тоже время, широко используемым: по статистике, его применяют более 7 млн сайтов.

Для шрифта был выбран нейтральный темно-графитовый оттенок взамен стандартного черного. Это было сделано специально, чтобы минимизировать усталость глаз пользователя при длительной работе в системе.



Сертификация по управлению проектами