Як робити UI кнопки правильно: розміщення і назва

Продовжуємо розбиратися із тим, як робити дизайн кнопок правильно.

Першу частину читайте ТУТ!

 

Розміщуйте кнопки, де користувачі сподіваються їх знайти

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

Використовуйте якнайбільше традиційних макетів та стандартних шаблонів інтерфейсу

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

Пишіть, що роблять кнопки, в їхній назві

Кнопки із загальними або невідповідними заголовками можуть стати величезним джерелом розчарувань для ваших користувачів. Пишіть заголовки, які чітко пояснюють, що робить кожна кнопка. В ідеалі в назві кнопки слід чітко описати її дію.

Користувачі повинні точно розуміти, що відбувається, коли вони натискають на кнопку. Дозвольте подати вам простий приклад. Уявіть собі, що ви випадково запустили дію видалення, і тепер ви побачите таке повідомлення про помилку.

Невизначена назва “OK” не надто багато каже про дію кнопки

Не зрозуміло, що в цьому діалоговому вікні означає “OK” та “Cancel”. 

Ніколи не створюйте діалогове вікно чи форму, яка складається лише з двох кнопок “ОК” та “Скасувати”.

Замість того, щоб використовувати заголовок “ОК”, краще використати “Видалити”. Це дасть зрозуміти, що робить кнопка. Крім того, якщо “Видалити” є потенційно небезпечною операцією, ви можете використовувати ще й червоний колір, для підсилення змісту.

Тепер усе очевидно та зрозуміло. Гарний приклад у більш реальному дизайні:

Зображення: Ramotion

ДАЛІ БУДЕ!

За матеріалами: uxplanet.org

Вам також буде ДУЖЕ корисно почитати:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь