Роздільна здатність екрану:
- MVP: desktop only: 1000, 1280, 1600, 1900px ( без горизонтального скролу колонок центрального блоку)
- 2 фаза (під питанням чи робитимемо): мобайл: 320, 360, 500, 800px (landscape only)
Елементи інтерфейсу:
1. Кнопка меню (верхня ліва кнопка) при її відкритті відображаються:
1.1 Хід аукціону:
- Дата проведення аукціону: хх.хх.хх
- Початок аукціону (хх.хх)
- Основний час аукціону (хх.хх- хх.хх)
- Додатковий час аукціону (хх.хх- хх.хх)
- навпроти поля “основний час” (або “додатковий час”) відображається знак питання, по наведенню на який попап зі текстом пояснення аукціону, попередній текст якого:
“Якщо за 3 останні хвилини до кінця часу, відведеного для проведення торгів (15 хвилин), жоден покупець не робить ставки по конкретному підлоту, то торги по даному підлоту завершуються та система визначає переможцем по цьому лоту учасника, який до цього зробив останню ставку. Після закінчення 15 хвилин, торги продовжуються по тим лотам, де учасники активно робили ставки лише протягом останніх 3 хвилин, щоб настав додатковий раунд. Після кожної ставки ЕТС надає додаткові 3 хвилини, відображаючи по кожному лоту таймер зворотного відліку. “
- Оголошення результатів хх.хх
1.2. Оновлення/Корисне (фаза 2 - дизайн одразу) :
- В заголовку лічильник кількості оновлень
- Інформаційне сповіщення (хх.хх.хх)
- Успішна дія сповіщення (хх.хх.хх)
- Помилка сповіщення (хх.хх.хх)
- Якщо аукціон не розпочався або завершився - замість оновлень відображаються дві кнопки: Учасникам, Організаторам
1.3. Футер:
- Як працює аукціон?
- Ваш ІР (для ролі - учасник)
- ІД Учасника (для ролі учасник)
- Кнопка “Вийти” (для ролі учасник)
- Аукціон розроблено Прозоро. Продажі
2. Хедер:
- Кнопка перемикача мов: укр, англ (2 фаза)
- Кнопка доступності (око): різний масштаб, ч/б ( фаза 2 - дизайн одразу)
- Ід аукціону з переходом на портал при кліку по ньому
- Назва аукціону ( три перших рядка, далі двокрапка, якщо деталі закриті)
- Сповіщення в верхній частині екрану - у випадку, якщо блок з “Оновленнями” по кнопці меню закритий
3. Деталі аукціону ( Опис аукціону) при натиску на кнопку “Детальніше про аукціон” розгортається блок з деталями:
- Номер АУКЦІОНУ
- Організатор
- Код ЄДРПОУ
- початкова ціна ( сумарна вартість початкової ціни всіх лотів) грн
- Гарантійний внесок - відображається у відсотках в залежності від категорії (5%, 0% від початкової вартості)
- крок - 1, 0,1% ( виключно у відсотках)
- Опис аукціону (description)
- не вказуємо в дизайні UI АКТИВИ: Опис лотів з підлотами в них: опис, кількість(об’єм) м3, адреса (місцезнаходження підлоти не мають)
4. Центральний блок
4.1. Центральний блок ( До початку аукціону)
- Текст “Аукціон розпочнеться 1 жовтня 2023 року о 12:02 (стандартний флоу МА)
- ЧИ відображення одразу всіх колонок аукціону як на біржах (рішення - не відображаємо)
4.2. Центральний блок ( під час аукціону) - відображаються колонки у вигляді таблиці по лотам та підлотам:
Перелік полів залежить від вимог процедури
Приклад:
- Номер лоту/ підоту
- Назва лоту (позиції)
- В залежності від категорії:
- Нерухомість (realEstate):
- Загальна площа будівлі, кв.м. - сумарна площа всіх підлотів якщо значення в форматі int
- Загальна площа об'єкта в будівлі, кв.м - сумарна площа всіх підлотів якщо значення в форматі int
- Рік будівництва - об'єднання всіх значень підлотів
- Житлова площа, кв.м. - сумарна площа всіх підлотів якщо значення в форматі int
- Площа ділянки, кв. м - сумарна площа всіх підлотів якщо значення в форматі int
- Земельні ділянки(land):
- Площа ділянки, га - сумарна площа всіх підлотів якщо значення в форматі int
- Кадастровий номер - об'єднання всіх значень підлотів
Тип власності - об'єднання всіх значень підлотів
- Інформація про наявні обтяження - об'єднання всіх значень підлотів
- Інформація про співвласників - об'єднання всіх значень підлотів
- Транстпортні засоби(vehicle):
- Марка транспортного засобу - об'єднання всіх значень підлотів
- Модель транспортного засобу - об'єднання всіх значень підлотів
- Рік випуску - об'єднання всіх значень підлотів
- Об’єм двигуна, см³ - об'єднання всіх значень підлотів
- Тип палива - об'єднання всіх значень підлотів
- Нерухомість (realEstate):
- Продавець
- Кількість ставок - відображаємо поле, в якому калькулюється кількість ставок, подана всіма учасниками, тобто кожне підняття вартості за конкретний підлот
- Початкова ціна за лот - сумарна вартість всіх підлотів
- Ваша поточна ставка ( лише для ролі - Учасник)
- Кнопка подачі ставки - активна при можливості подачі ставки за лот, не активна після того як учасник подав ставку та його ставка є найвищою; відсутня якщо торги по конкретному підлоту завершились. ( лише для ролі - Учасник)
- Попап підтвердження ставки з кнопками “Подати” та Відмінити”.
- Найвища ставка за лот
- Наступний крок - відображається як найвища ставка за лот + крок
- Додатковий час - 3хв: хх.хх
Додатковий варіант:
- Під кожним лотом є кнопка розкриття акордеону, де відображається інформація по всім підлотам, що до нього відносяться
- Кнопка подачі ставки лише навпроти рядка з лотом, за підлоти окремо торги не ведуться.
- В підлотах відображаються власні значення: Початкова ціна за підлот, Кількість/Площа які протягуються з процедури.
- А також в підлотах відображаються дані відносно категорії процедури згідно ТЗ.
- В підлотах не відображається: Кількість ставок, Ваша поточна ставка, Найвища ставка за лот, Кнопка подачі ставки, Наступний крок ставки, Таймер додаткового часу
Ознайомитись з таблицею та активними/неактивними колонками можна за посиланням:
Відображення колонок МА ( акордеон лот+підлоти) - Google Sheets
НАД табличкою з центральним блоком:
- Чекбокс автоматичного підтвердження ставки
Спостерігач: бачить всі колонки крім “Ваша поточна ставка”, кнопки подачі ставки ставки та чекбоксу автоматичного підтвердження
4.3 Центральний блок (після завершення торгів)
- кількість учасників
- лот
- назва лоту
- назва переможця
- ставка
- час ставки
- акордеон з підлотами по кожному лоту
- акордеон під кожним лотом/підлотом з кінцевими ставками учасників або всі ставки - можливість перейти на повний список ставок всіх інших учасників
5. Футер ( під час торгів):
- Таймер основного часу - за межами центрального блоку
- Після завершення основного часу він змінюється на: Таймер додаткового часу - відображається додатковий час, з таймером по останньому лоту, що триває та в якому не завершились торги (найбільше значення часу по всім лотам)
Механіка аукціону:
- Для ролі учасника відображається Дисклеймер, для ролі Спостерігача - відсутній.
- В визначений процедурою час починається аукціон. Проте можливість перейти до аукціону повинна бути одразу після завершення періоду подання пропозицій учасниками.
- При переході в аукціон після його початку - учасникам відображається список лотів конкретного аукціону: вверху лоти в яких учасники беруть участь в розрізі аукціону. Внизу - неактивні лоти, в яких участь даний учасник не бере.
Для спостерігача - відображається загальний список всіх лотів аукціону - Відображається час до завершення аукціону. Основний час аукціону триває 15 хвилин. Якщо протягом відведеного часу хоча б один учасник зробив ставку - торги по лоту завершуються. Якщо по конкретному лоту за 3 хвилини до завершення відведеного часу (15 хв) ніхто з учасників не зробив ставку - стартує додатковий раунд.
- Додатковий раунд: триває протягом 3 хвилин; якщо ніхто з учасників не зробив ставки - аукціон завершується. Якщо хтось з учасників зробив ставку - одразу розпочинаються наступні 3 хвилини, та відлік таймеру починається з початку. Додатковий раунд триває доти, доки учасники подаватимуть ставки. Час додаткового раунду відображається в центральній частині екрану в останній колонці навпроти лоту.
- Навпроти кожного лоту, до якого учасник подавав заявку на участь - відображається кнопка “Подати ставку”.
- При натиску на кнопку “Подати ставку” учаснику відображається попап з кнопками “Подати ставку” чи “відмінити” .
- Учасник подає ставку, яка дорівнює початковій вартості за конкретный лот. Наступні ставки дорівнюють попередній ставці + крок. Крок ставки дорівнює 1% початкової вартості за лот (крок реалізувати налаштованим в процедурі 1%; 0,1 %)
- Після того як учасник натиснув кнопку “Подати ставку” кнопка стає не активною, унеможливлюючи здатність зробити ставку повторно, доки інший учасник не подасть ставку за даний лот (або інше текстове відображення) - UX accessibility
- Учасник може подавати ставки в аукціоні одночасно в різних лотах, незалежно один від одного.
- Після того як учасник подав ставку - його ставка відображається зеленим кольором (або інше текстове чи візуальне відображення, що ставка учасника є виграшною ) - UX accessibility
- Як тільки хтось з інших учасників перебив ставку даного учасника - ставка відображається червоним (або інше візуальне чи текстове відображення, що ставку учасника було перебито) , кнопка “Подати ставку” знову стає активною - UX accessibility .
- В колонці “Кількість ставок” відображається сумарна кількість ставок, які були зроблені різними учасниками аукціону.
- Вверху над центральним блоком відображається чекбокс з текстом “подати ставку без підтвердження” в разі натиску на який учаснику при подачі ставки не відображатиметься попап про підтвердження дії та ставка подаватиметься автоматично при натиску на кнопку.
- Аукціон триває доти, доки не завершаться торги по всім лотам, включно з дадатковим часом раунду.
- Лоти по яким торги завершено - відображаються не активними.
- Після завершення аукціону - розкриваються імена переможців по кожному конкретному лоту.
Попередній Прототип Модуля аукціону: відображення на весь екран без бокових пустих блоків та горизонтального скролу
Відображення для mobile при вертикальному положенні девайсу
Меню ( будуть інші блоки хід аукціону:
Аукціон: - Додати скрін
Попап підтвердження дії: - Додати скрін