<aside> ☝🏻
Коли створюємо повноцінну таблицю для всієї команди, щоб все зберігалось в одному місці
</aside>
<aside> ☝🏻
Якщо це швидка аргументація, пояснення у Фігмі до макету/секції/функції. Рекомендовано поруч з макетом, не коментарем у Фігмі, оскільки легко загубити важливу інформацію серед уточнюючих коментарів.
</aside>
Досить часто проєкти не схвалюють, оскільки їхня логіка та переваги не чітко передані в макетах (наприклад, статичні артефакти дизайну, які показують основну структуру та ієрархію ключових елементів інтерфейсу користувача з основними блоками, лініями та формами).
Створення аргументованих вайрфреймів займає багато часу, але передача загальної картини користувацького досвіду допомагає зацікавленим сторонам та членам твоєї команди побачити переваги та обґрунтування твоїх дизайнерських рішень.
Робота дизайнера — донести до інших людей логіку дизайнерських рішень. Коли справа доходить до ваєра, анотації - це корисний інструмент для досягнення цієї мети. Це мають бути короткі текстові пояснення, аргументи, зазвичай розташовуються збоку ваєру, вони описують функціональне призначення окремих елементів або самих екранів.
Зацікавлені сторони бізнесу можуть прочитати ці коменти, щоб зрозуміти логіку, яка стоїть за дизайнерськими рішеннями
Що це (функція/екран/секція) + як це працює або який тут буде контент + чому це валідне рішення/навіщо це потрібне
Це [функція/екран/секція], яка [що робить / для кого].
Тут користувач [взаємодіє / бачить / вводить], і контент [який тип даних, як відображається]. Це важливо для юзера, бо [].
Ми обрали саме це рішення, бо [аргументація: юзабіліті, патерн, мета, дослідження].
Приклад 1:
Це секція фільтрів у каталозі товарів, яка допомагає користувачу звузити вибір. Тут користувач бачить 5 категорій у вигляді табів і може швидко перемикатись між ними. Ми використали таби замість дропдауну, бо в аналітиці побачили, що більшість клієнтів переглядають кілька категорій підряд. Таби економлять кліки, знижують когнітивне навантаження й одразу показують усі опції — це критично для швидкого вибору на мобільному.
Приклад 2:
Блок з відгуками. Містить відгуки клієнтів, що підвищує довіру до продукту. Соціальне підтвердження є потужним інструментом для впливу на рішення користувачів, він розташований після блоку тарифи аби дати можливість користувачу впевнитись що він зробив правильне рішення, якщо замовив, або ж ще додатково прочитати відгуки та повернутись до оформлення замовлення. За даними BrightLocal відгуки наявних клієнтів впливають на 67,3% рішень про покупку.