Статті
Багатозначна кнопка Cancel: коли вона потрібна, а коли збиває з пантелику
UI приклади, які допоможуть уникнути плутанини
3 липень, 2019
Anthony T
Засновник UX Movement
Ми любимо тексти без помилок. Якщо ви їх знайшли, виділіть фрагмент і натисніть Ctrl + Enter.

Як не назви кнопку Cancel – «Скасувати», «Не зараз» або «Пізніше» – деколи не варто використовувати жоден з цих варіантів. Це стосується випадків, коли головна опція – це також певне скасування. Розбираємось у нюансах, аби не плутати користувачів.

Читайте також: Як кнопка «Розпочати» заважає користувачам

Почнемо з розповсюдженої ситуації з підписками на сервіси. Поряд із кнопкою «Скасувати підписку» краще не розміщувати кнопку «Скасувати» – користувач може заплутатися і випадково обрати не ту дію. Підписи «Не зараз» або «Пізніше» також можуть заплутати, адже передбачають, що в майбутньому скасування все ж відбудеться.

Уникнути плутанини вдасться, якщо кнопка скасування матиме протилежну конотацію. Протилежною дією до «Скасувати підписку» може бути «Залишити» – таке формулювання сприймається однозначно.

Без однакових слів

«Не скасовувати» спадає на думку як протилежне до «Скасувати». Але це не найкращий варіант – користувачі не завжди читають уважно та можуть переплутати кнопки з однаковими словами.

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

Скасувати підписку VS Відписатися

Іноді здається, що краще використовувати напис «Відписатися» замість «Скасувати підписку», але це помилкове судження. «Підписка» і «Підписатися» не є взаємозамінними поняттями, оскільки вони використовуються у різному контексті.

Підписка означає, що користувачі регулярно отримують контент через стрічку або канал. Наприклад, онлайн-журнали та відео-канали на кшталт Wall Street Journal і YouTube, просять користувачів підписатися, тому що вони публікують свій власний контент і регулярно його доставляють.

Підписки застосовуються до сервісів, які дозволяють користувачам отримувати доступ до свого сховища ліцензійного контенту. Наприклад, Spotify і Netflix пропонують підписки своїм користувачам, оскільки вони отримують ексклюзивний доступ до ліцензійної музики, серіалів та фільмів.

Різниця між «Підписатися» та «Підпискою» досить тонка, але увага до нюансів – саме те, що робить кнопки інтуїтивно зрозумілими.

Якщо питати користувачів, чи хочуть вони відмовитися від підписки, «Залишити підписку» є підходящим написом у цьому контексті. Не використовуйте слово «Підписка» з написом «Відмовитися», щоб не заплутати користувачів.

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

Менше схожості породжує більше ясності

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

Не треба кольору

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

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

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

Чим більше кнопок на екрані мають колір, тим менш зрозуміла наступна дія для користувача. Коли ж кнопка «Скасувати» не має забарвлення, її призначення стає більш інтуїтивно зрозумілим.

Темний сірий колір

Таким нейтральним кольором є сірий, але важливо, щоб він все ж був достатньо темним. Світлий сірий колір створить враження, що кнопка взагалі не є активною. За допомогою таких інструментів, як Color Review можна перевірити контраст кольорів і переконатися, що ваша сіра кнопка відповідає стандартам доступного тексту.

Пам’ятайте, що кнопки мають містити різні слова і відрізнятися за конотацією. Менш подібні – більш зрозумілі (і це, звісно, стосується не лише кнопок скасування). Використовуйте нейтральні кольори для позначення кнопки скасування, щоб якнайкраще захистити користувачів від помилки.

Оригінал статті: 1, 2.


Раніше Telegraf.Design писав про аплікацію для айтрекінг-тестування.

avatar
Anthony T
Засновник UX Movement
Колонка

У нас є ще дещо для вас

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: