Підказки – це проблема

проблема

Чому ви повинні перейти з Sketch на Figma
Микола Геллар
Поділитися

Після написання нотатки Плейсхолдери – це проблема, деякі люди запропонували використовувати шаблон спливаючих підказок.

поля

проблема

поля

Реалізація деяких шаблонів з підказкою

Ми часто спокушаємось новими патернами, які економлять простір, але цей патерн проблематичний. Ось чому:

1. Немає місця для рекомендацій

Підказки починаються всередині текстового поля, не залишаючи місця для додаткових рекомендацій.

поля

3. Їм потрібен простір для переміщення

Спливаючим підказкам потрібен простір. Якщо текст підказки зручний для користувача (дивіться попередній пункт), у жодному разі не будемо економії місця — просто більше незаповненого простору.

підказки

Крім того, ми можемо створити простір, коли підказка переміщується у потрібне положення. Але це призводить до викривлення сторінки, створюючи дезорієнтацію, коли користувач починає друкувати.

4. Анімація проблематична

Анімація, навіть якщо вона добре зроблена, може відволікати та дезорієнтувати, особливо невпевнених користувачів чи користувачів із проблемами зору. І під час масштабування підказка може зникнути з екрана.

5. Погана контрастність

проблема

Залежно від дизайну, коли підказка виринає за межами поля, її колір повинен змінитися. В іншому випадку текст загубиться на тлі кольору.

6. Вони можуть стати причиною помилки

Люди можуть пропустити поле, думаючи, що його вже заповнено. Коли вони надішлють форму, вони побачать помилку, яка потребує виправлення. Це засмучує та забираєбагато часу.

7. Непослідовне розташування

Кнопки із залежною фіксацією, кнопки-прапорці та поля вибору мають статичні підписи та легенди. Тоді як текстові поля мають підказки. Це створює непослідовний досвід.

Наприклад, при погляді на текстове поле користувач повинен дивитися елемент управління. Для вікна вибору вони повинні ознайомитися з його межами.

поля

8. Підказка може бути укорочена

Якщо підказка більша, ніж розмір поля, вона буде обрізана межами поля. Ми повинні розробляти дизайн контенту, ми не повинні підганяти контент під дизайн.

поля
9. Вони ігнорують стандарти.

Ми знаємо, що у будь-якому випадку мітки-заповнювачі дуже проблематичні. Однак, якщо ми збираємося помістити текст у текстове поле, це має бути підказка, а не підпис.

Висновки

Форми – це джерело розваг. Підказка не змусить користувачів полюбити користуватися формами. Користувачам однаково. Вони просто хочуть результату.

Статичні підписи та легенди, розташовані поза полем, здаються користувачеві знайомими та відповідними. Ці дві якості часто зустрічаються у добре опрацьованих інтерфейсах.

Існують більш досконалі та продуктивніші методи поліпшення дизайну форм. Давайте витратимо на цей час та енергію.