Интерфейс динамической структуры типа Network Graph, Tangled Tree Graph
8381 UAHЦель:
Создать визуальный интерактивный дизайн управления нодами в графе (контекст – сайт/приложение). Взаимодействие пользователя с графом должно быть максимально естественным и интуитивным.
Пользователь должен иметь возможность:
Добавлять, удалять и редактировать ноды.
Управлять связями между нодами.
Видеть четкую иерархию и взаимосвязи между нодами.
Задачи:
Создать визуальный макет графа с узлами и связями.
Ноды должны быть представлены в виде кругов.
Связи между нодами отображаются стрелками, показывающими направление зависимости.
Решить вопрос менеджмента нод с точки зрения UI/UX.
Решить вопрос менеджмента связей с точки зрения UI/UX.
Продумать масштабирование и панорамирование графа.
Продумать undo/redo функционал.
Подкрепить UX визуальными эффекты при любых взаимодействиях (эффекты состояния, анимации).
Дополнительные задачи:
Отображение содержимого ноды.
Имя ноды.
Иконка или индикатор состояния ноды (выполнено/не выполнено).
Описание ноды (Пользователь может добавлять опционально).
Индикатор прогресса (круговой индикатор).
Логика выполнения нод.
Дочернии ноды не могу быть завершены, пока не будут выполнены родительские (т.е. они заблокированные).
Заблокированные ноды выделять другим цветом или текстурой.
Пользователь может отменить статус "выполнено" у ноды (сменить на статус “не выполнено”).
Сценарии:
Добавление 1-ой ноды.
Добавление n-ой ноды.
Редактирование ноды.
Редактирование описание ноды.
Удаление ноды.
Завершение ноды.
Возобновление ноды.
Добавление связи.
Изменение связи.
Удаление связи.
Валидация циклической зависимости связей (нельзя допускать зависимость такого вида: A → B, B → C, C → A).
Результаты:
Полный дизайн графа (десктоп версия) со всеми анимациями и состояниями в Figma (Figma file).
P.S. Некоторые вещи требуют обсуждения и не являются окончательным требованием. В целом, задача состоит, чтобы подготовить визуальный концепт, на основе которого будет формироваться приложение.
Референсы и вдохновение:







Отзыв заказчика о сотрудничестве с Оленою Квітченко
Интерфейс динамической структуры типа Network Graph, Tangled Tree GraphВсе было выполнено быстро и качество. Результатом доволен. Рекомендую Елену как отличного специалиста.
Отзыв фрилансера о сотрудничестве с Олександром Лодигіним
Интерфейс динамической структуры типа Network Graph, Tangled Tree GraphСпасибо за сотрудничество. Быстрая обратная связь и максимально понятные требования, все четко и по сути Highly recommended
Актуальные фриланс-проекты в категории Дизайн интерфейсов (UI/UX)
Разработка дизайна новых функций/предложений для существующего продуктаЗдравствуйте, мы ищем UX/UI-дизайнера для коротких проектов. У нас уже давно есть полностью готовый продукт, но, как и любой "живой" сайт, мы нуждаемся в усовершенствовании и добавлении нового функционала. Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 2 часа 34 минуты назад ∙ 21 ставка |
Создание макета для одной из страниц на сайтеНеобходимо разработать UX/UI дизайн конверсионной страницы (landing page) для услуги "Изготовление очков по рецепту". Страница будет размещена внутри интернет-магазина оптической продукции, но должна работать как отдельный лендинг для трафика из Meta Ads, Google Ads и SEO.… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 4 часа 41 минута назад ∙ 43 ставки |
Требуется UI/UX дезайнер для интернет магазинаДоброго времени суток. Требуется UI/UX дизайнер для разработки интернет магазина автозапчастей. Подробно детали работы расскажу при личной переписке или созвоне. А так же примеры, похожих сайтов вышлю в переписке. Дизайн интерфейсов (UI/UX) ∙ 16 часов 15 минут назад ∙ 65 ставок |
Сделать дизайн для биржи для покупки и продажи рекламынужно разработать дизайн для биржы где будут продаватся статьи на внешних сайтах, реклама у блоггеров, реклама в группах, сообществах, каналах итд - во всех соц сетях и мессенджерах прикрепляю ТЗ, оно будет еще немного дорабатыватся, если нужно можем созвонится с вами и… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 18 часов 7 минут назад ∙ 46 ставок |
Необходимо создать оформление кейса UI/UX дизайнаЕсть готовый дизайн сайта. Нужно создать качественное и стильное оформление для Behance в виде одной большой композиции (кейса), где будут красиво расположены все экраны и ключевые элементы проекта. Главное требование — современный и премиальный вид, как у топовых работ на… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 18 часов 19 минут назад ∙ 24 ставки |