Технологические карты

О задаче

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

Цель

Решить проблему назревающего дефицита аппаратов, модулей и элементов на рынке после санкций 2022 года.

Процесс

  1. Анализ информации
  2. Согласование с заказчиком
  3. Разработка user flow
  4. Дизайн макеты
  5. Прототипирование
  6. Оформление Ui-kit

Анализ информации

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

Аналоги

Аналогом может выступать любой дашборд, представляющий собой анкету для сбора информации.

Аудитория

Люди, которые знают об элементной базе компонентов их характеристиках, стоимости, рынках распространения и прочее.

Гипотезы

Необходимо организовать иерархию аппараты-модули-компоненты с вложенностью, это позволит увидеть на сколько аппарат нуждается в замещении компонентов.
Я предполагаю потребуется отразить хранилище незаполненных карточек элементов, это позволит пользователю редактировать и дополнять информацию о компоненте позже.
Я предполагаю введение раздела "черновики" снизит нагрузку на сервер если пользователи будут сохранять и публиковать неполные технологические карты и возвращаться их редактировать.

User stories

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

Согласование

Процесс скетчинга распределения информации был утерян во времени.
В процессе ускоренной разработки необходимо было согласовать главное звено интерфейса окно с полями ввода. Из вводных была таблица необходимых полей и частично тип данных в них.
Ранжирование полей по их содержанию
После разрабатывались user flow пользователя.

User flow

Авторизация
Ввод элементов карт

Дизайн макеты

Для быстрой разработки внутренних проектов не требовалось разработки интересного ui решения, поэтому минималистичные макеты делались сразу без варфреймов.
Изображение пути авторизации
Изображение пути регистрации
Пример экрана сохраненной ТК

Прототипирование

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

Оформление UI-kit'а

Для разработки были выделены элементы интерфейса и их состояния.

Результат

В рамках этого проекта, посвященного разработке приложения в виде дашборда для сбора и хранения информации об аппаратной и элементной базе, была выполнена значительная работа по созданию функционала, соответствующего требованиям пользователей.
Тесное взаимодействие между заказчиком, дизайнером и разработчиком позволило вывести первые макеты уже через 7 дней.
Необходимо отметить, что проект находился под некоторыми ограничениями, связанными с конфиденциальностью (NDA), что ограничивало доступ к дополнительным данным о его дальнейшем развитии. Ревью проекта не проводилось, однако это не помешало успешной реализации основных задач.

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