Channel Eugene K - the BA🇺🇦 - @eugenekba - №364
Група елементів 5. Функціональна логіка ⚙️Добралися до цікавенького 🙂Коли ми говоримо про опис інтерфейсу, то маємо на увазі не лише списки, поля чи групи, а й те, як усе це взаємодіє між собою та й поза UI. Тобто — функціональна логіка.Почнемо з навігації 🚦Що що тут можна подумати?1) Перехід на сторінку (transfer to page) — що відбувається після дії користувача (наприклад: «створити користувача» → відкривається сторінка з формою). Коли ми говорили про групи (і сторінки), ми вже зачіпали переходи на сторінки. Але часто потрібно продумати і переходи зі сторінки: вказати шлях, можливо навіть дати посилання на вимоги до тієї сторінки.2) Показ/приховування груп чи елементів (show/hide groups/elements) — динаміка інтерфейсу: певні блоки з’являються або зникають залежно від умов.3) Передавання даних на сторінку чи групу — іноді при навігації важливо передати дані. - «переходимо (зі сторінки редагування) на сторінку списку з оновленими/зміненими даними користувача»; - «передаємо знижку на сторінку замовлення з результатом промокоду в інтернет-магазині».4) Повернення назад (back navigation) — що стається при натисканні «Назад»: чи відтворюємо попередній стан, чи відкриваємо сторінку заново.5) Глибина навігації / breadcrumbs — чи потрібні «крихти» для орієнтації користувача, і яка логіка їх формування.6) Модальні переходи — перехід може бути не на повну сторінку, а в попап чи вкладку. Варто описати, чи це «повноцінна навігація», чи лише тимчасовий стан.7) Параметри URL / routing — якщо це веб-застосунок, описати які параметри передаються в URL (наприклад: ?userId=123&tab=profile).8) Архітектура навігації: MPA чи SPA - MPA (Multi-Page Application) — класичний варіант: кожна дія веде на нову сторінку, яка повністю перезавантажується (сервер формує сторінку). Простий підхід, але може бути повільніший для користувача. - SPA (Single-Page Application) — оновлюється тільки частина інтерфейсу без повного reload. - Тут варто подумати: - чи дійсно потрібні переходи без перезавантаження сторінки; - як зберігати стан між переходами; - чи виправдана складність SPA саме для цього проєкту (оцінити разом з командою).👉 А які особливості навігації найчастіше стають «підводними каменями» у ваших проєктах?І обовʼязково пишіть, якщо є що додати! 💡🙌
312
25-09-01 11:14