Кому необходима дизайн система
Когда необходима дизайн-система
Преимущества дизайн-системы
Поддержание бренда компании во всех продуктах и услугах. Компания будет поддерживать конкурентоспособность на рынке , имея свои отличительные черты, набор элементов, которые ассоциируются с брендом.
Благодаря готовому набору элементов, дизайнеры быстрее создать новый продукт, а ИТ-специалисты внедрят его. Например, верстка одной страницы без дизайн-системы занимает 7 часов, с использованием готовых компонентов до 2 часов.
Последовательность в дизайне повышает юзабилити, помогает людям интуитивно пользоваться продуктом и не вызывает лишних вопросов.
В долгосрочной перспективе дизайн-система позволяет сэкономить деньги, так как не придется каждый раз разрабатывать новые элементы при создании продукта или услуги.
Анализируются пользовательские паттерны. Позволяет протестировать удобство кнопок, компонентов.
Где применяются дизайн системы
Дизайн UI
Дизайн системы помогает сочетать визуальные и функциональные элементы интерфейса для пользователя.
Разработка ПО
Фронтенд-разработчикам проще и быстрее создавать пользовательский интерфейс, имея готовые шаблоны и компоненты.
Этапы работы:
1. Анализ потребностей клиента.
Продуктовый менеджер рассказывает аналитику о потребностях бизнеса.
2. Реализация.
Дизайнер реализует полученную информацию.
3. Тестирование.
Дизайн-система апробируется на пользователях, снимаются метрики.
4. Внесение корректировок.
Вносятся правки для улучшения UX.
Как мы работаем
Атомы- неделимые частицы. Используются для построения молекул.
-
Color-проработка колористики сайта, ввод в переменные и внедрение нескольких тем и цветовых решений.
-
Text- унификация шрифтового оформления разнотипного контента.
-
Icons- набор компонентных иконок с правилами построения под запрос клиента.
Молекулы- функциональные элементы, используемые для построения организмов и шаблонов. Строятся из атомов.
-
Buttons- это элемент управления, который призывает выполнить действия на странице.
-
Checkbox, radio - элементы выбора вариантов.
-
Tabs-навигационные элементы для переключения сгруппированного контента.
Организмы- группы функциональных элементов, используемые для типовых операций. Строятся их атомов и молекул.
-
DatePicker - компонент для заполнения поля Дата с точностью до дня. Реализован с помощью выпадающего календаря, на котором можно выбрать год, месяц и число.
-
Tables - компоненты ячеек для таблицы с наборным контентом.
-
Fields - поля для свободного ввода любых текстовых и числовых данных, выбор возможных вариантов.
Шаблоны - готовые решения, которые отвечают какой-либо функции. Строятся из всех ранее созданных элементов.
-
Accordion - компонент для показа и скрытия дополнительного контента.
может быть 2 видов:
-
аккордион активируется через кнопку.
-
активатором является заголовок.
В контентных частях у обоих видов аккордеона могут содержать любые элементы.
-
Filters - компоненты разных видов фильтрации.
Стоимость дизайн-системы
От чего зависит стоимость:
-
от размера сервиса,
-
от наличия/отсутствия брендбука компании, брендбука продукта, наличие предыдущей версии, наличие UI кита, возможность выделить пользовательские паттерны.
Например, для среднего сервиса для дизайнера - от 200 часов, для фронтенд-разработчика - от 400 часов.
Стоимость разработки дизайн системы от 500 000 рублей.
Наши преимущества
Вместе с нашими акционерами и партнерами, мы входим в группу компаний, в которой задействовано более 150 специалистов в разных областях как по Web и ИТ, так и по 1С, и имеем в штате devops-инженеров и системных архитекторов
5 лет опыта разработки
внедрения и интеграции проектов любой сложности.
Являемся технологическим лидером
рынка личных кабинетов на платформе 1С Битрикс
Работаем
по методам Agile SCRUM, Waterfall, Time & Materials.