Мобільна версія
Адаптивні мобільні екрани дозволяють комфортно працювати з діаграмою Ганта на смартфоні: перемикати масштаб між днями, тижнями й місяцями, відкривати дерево задач, редагувати дедлайни та ділитися посиланням на проєкт.
service
Мінімалістичний таск-менеджер із діаграмою Ганта Day Dreamer
Задача
Спроєктувати UX/UI дизайн та адаптивну версію мінімалістичного таск-менеджера з інтерактивною діаграмою Ганта для наочного планування завдань.
Зроблено
Дизайн
Адаптиви
Приховані завдання
Режим роботи з діаграмою Ганта зі згорнутою бічною панеллю завдань, який залишає максимум простору для огляду часової шкали за днями, тижнями чи місяцями. На кольорових смугах етапів при наведенні з’являються швидкі кнопки для розгортання дерева підзавдань або створення нової вкладеної задачі.
Відкриті завдання
Робочий простір із відкритою лівою панеллю демонструє ієрархічне дерево завдань і підзавдань проєкту синхронно з їхніми часовими відрізками на графіку. Кожну задачу у списку можна перейменувати в один клік, перетягнути вище чи нижче або додати до неї підпункт без переходу на окремі сторінки.
Панель редагування завдання
При кліку на задачу знизу відкривається компактна панель редагування з назвою, детальним описом, датами старту й дедлайну та палітрою з 6 кольорів для маркування смуги на графіку. Таке рішення дозволяє редагувати деталі завдання, не втрачаючи з поля зору загальний розклад проєкту.
Вибір дат у календарі
Інтерактивний календар для швидкого вибору діапазону дат початку та завершення завдання безпосередньо з нижньої панелі редагування. Зміна дат у календарі миттєво оновлює тривалість та позицію відповідної смуги на діаграмі Ганта.
Давайте працювати разом.
Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.
Unsplash
Content Reel
T
Lorem ipsumIconify
Перемикання між проєктами
Випадаюче меню у шапці лівої панелі забезпечує швидкий перехід між усіма проєктами користувача. Прямо у списку можна перейменувати або видалити поточний проєкт, а також створити новий у один клік.
Модальні вікна
Лаконічні поп-ап вікна для копіювання публічного посилання на проєкт (режим перегляду для команди чи клієнта), швидкої реєстрації, входу в акаунт та зміни даних профілю.
Поширення проєкту
Особистий кабінет
Реєстрація
Авторизація
UI-специфікація для розробників
Підготовлена карта станів та правил роботи інтерфейсу для команди розробки: поведінка полів вводу, тексти помилок валідації, логіка створення вкладених підзавдань та механіка розтягування смуг на календарній сітці.
