• Примеры схем, которые я иногда делаю, чтобы выявить и описать связи элементов интерфейса с объектами программы или пользовательскими сценариями. «Интерфейс — Объекты» Схема показывает связи объектов программы, таких как пользователь или проект, с элементами интерфейса. Благодаря наглядности, схема часто улетает в продуктовые презентации или в команду разработки. Выше более сложный вариант той же схемы: верхний…

  • Облачная low-code платформа для научной работы.

  • Модуль навигации был первым, с которого мы начали редизайн всей системы ARM. Я изучил имеющуюся навигацию, выяснил, с какими сложностями сталкиваются пользователи и внёс в систему навигации заметные изменения. Сценарии работы После изучения результатов UX-опросов и серии интервью с экспертными пользователями я получил представление о типичных сценариях работы с программой. Пользователь начинает работу над задачей…

  • Создавая дизайн-систему Goban я хотел организовать цвета так, чтобы, во-первых, иметь простую семантику, которая всегда будет мне подсказывать где и какой цвет нужно использовать, а, во-вторых, избежать появления дубликатов цветов в токенах. Вот что получилось в итоге. Базовая палитра Я использую двухуровневую систему токенов цветов. Первый уровень — это базовая палитра, каждый цвет в которой…

  • Дизайн-система Goban разрабатывается для сложных приложений с вариативными стандартными компонентами. Чтобы не создавать больше количество вариаций для каждого компонента, я сделал гибкие базовые компоненты. Принцип Большая часть простых компонентов (формы ввода, теги, селекторы), если рассматривать их возможные вариации, имеет следующее устройство: Префикс → Опциональная часть компонента, следующая до основной. У пункта выпадающего меню это может…

  • Goban — гибкая дизайн-система, которая позволяет создавать простые утилитарные интерфейсы. Оценить проект, созданный с помощью Goban, можно на примере Исследовательской платформы. Особенности дизайн-системы Организация цветов на основе контрастаДля организации цветов используется двухуровневая система токенов. Второй уровень токенов организован по принципу выделения групп цветов, обеспечивающих нужный уровень контраста между собой. Подробнее о палитре Вариативные компонентыМастер-компоненты базовых…

  • Редизайн приложения для анализа нефтедобычи.

  • В 2020 году я создал концепт приложения для дизайна нефтяных скважин для крупной нефтяной компании. Приложение должно было заместить импортные аналоги при решении таких задач как: Дизайн проектировался с нуля, после проведения серии интервью с будущими пользователями приложения и изучения используемых ими инструментов. Затем дизайн отрисовывался с использованием дизайн-системы компании-заказчика.