Опис проєкту
ПерекладІнтерфейс нашого сервісу складали три роки, і робили це різні люди — кожен зі своїми звичками. Через це кнопка на сторінці оплати вища за кнопку в налаштуваннях, відступи скрізь підібрані на око, а сірих кольорів у макетах я нарахував шість, і пояснити різницю між ними не може ніхто. Кожен новий екран починається із суперечки про те, який вигляд має головна кнопка, і закінчується ще одним трохи іншим полем введення.
Хочу закрити це питання один раз: замовити дизайн-систему у Figma, яка стане єдиним джерелом правди для продукту. Мені потрібна робоча бібліотека, а не гарна презентація: колірні та розмірні токени, типографіка, сітка, компоненти з усіма станами — звичайний, наведення, натискання, вимкнено, помилка, завантаження. Окрема увага формам і таблицям: саме там відбувається основна робота користувача і саме там зараз найбільше різнобою.
Світла й темна теми мають складатися з тих самих токенів, щоб зміна теми була підміною значень, а не другим комплектом макетів. До кожного компонента — коротка сторінка документації: коли застосовувати, коли не варто, які є варіанти і як він поводиться на вузькому екрані. Перевірка проста: розробник відкриває бібліотеку і збирає екран, не ставлячи мені жодного питання.
Що маю отримати:
— токени кольору, відступів, радіусів і типографіки, світла й темна теми зі спільного набору;
— бібліотека компонентів, де кожен інтерактивний елемент має всі шість станів;
— форми й таблиці докладно: поля, перевірка введення, сортування, посторінковий вивід, порожні стани;
— правила відступів і сітка, за якими екран збирається без імпровізації;
— сторінка документації до кожного компонента, написана для розробника, а не для портфоліо;
— шаблони типових екранів: список, картка запису, налаштування, покрокова форма, помилка й порожній екран;
— контраст тексту та елементів перевіряється за загальноприйнятими нормами доступності, а не на око;
— шрифти беруться з ліцензією на веб-використання;
— бібліотека передається з правами на файл і не прив'язана до облікового запису виконавця.
Термін розраховую на два тижні, роботу готовий розбити на етапи з прийманням після кожного.
Хочу закрити це питання один раз: замовити дизайн-систему у Figma, яка стане єдиним джерелом правди для продукту. Мені потрібна робоча бібліотека, а не гарна презентація: колірні та розмірні токени, типографіка, сітка, компоненти з усіма станами — звичайний, наведення, натискання, вимкнено, помилка, завантаження. Окрема увага формам і таблицям: саме там відбувається основна робота користувача і саме там зараз найбільше різнобою.
Світла й темна теми мають складатися з тих самих токенів, щоб зміна теми була підміною значень, а не другим комплектом макетів. До кожного компонента — коротка сторінка документації: коли застосовувати, коли не варто, які є варіанти і як він поводиться на вузькому екрані. Перевірка проста: розробник відкриває бібліотеку і збирає екран, не ставлячи мені жодного питання.
Що маю отримати:
— токени кольору, відступів, радіусів і типографіки, світла й темна теми зі спільного набору;
— бібліотека компонентів, де кожен інтерактивний елемент має всі шість станів;
— форми й таблиці докладно: поля, перевірка введення, сортування, посторінковий вивід, порожні стани;
— правила відступів і сітка, за якими екран збирається без імпровізації;
— сторінка документації до кожного компонента, написана для розробника, а не для портфоліо;
— шаблони типових екранів: список, картка запису, налаштування, покрокова форма, помилка й порожній екран;
— контраст тексту та елементів перевіряється за загальноприйнятими нормами доступності, а не на око;
— шрифти беруться з ліцензією на веб-використання;
— бібліотека передається з правами на файл і не прив'язана до облікового запису виконавця.
Термін розраховую на два тижні, роботу готовий розбити на етапи з прийманням після кожного.
Дизайн та Мультимедіа Готівка, Банківський переказ
