Как сделать действия специфических кнопок более предсказуемыми

Делаем неоднозначные кнопки более понятными

Предположим, в интерфейсе есть кнопка, значение которой пользователи едва ли поймут. Когда они её увидят, они не будут знать, стоит ли на неё нажимать, потому что не будут уверены в том, что произойдёт дальше. Как же проинформировать их наилучшим образом?

Эта проблема часто возникает, когда название на кнопке сложно понять. Оно может содержать специальный термин или запутанные слова. Вы можете переписать название, чтобы сделать его более понятным. Однако это не всегда возможно, потому что иногда нет лучшего способа описать действие, кроме как использовать специальный термин.

В случае специфических кнопок необходимо сделать их действия предсказуемыми. Другими словами, люди должны иметь возможность предугадать действие системы до того, как нажмут на кнопку.

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

Например, название кнопки «Компилировать» («Compile») содержит специальный термин, который некоторые пользователи могут неправильно истолковать. Они могут подумать, что нажатие на неё приведёт к непредсказуемым действиям, и поэтому будут испытывать тревогу и колебаться. Их неопределенность будет нарастать, если рядом с ней будут другие кнопки с запутанными названиями, например, «Разобрать» («Parse») и «Отладить» («Debug»).

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

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

Такие типы подсказок полезны для инструментов со множеством неоднозначных действий. Большинство людей, которые используют инструмент впервые, будут испытывать трудности в начале работы. Чтение подсказок на кнопках позволит им быстрее освоить программное обеспечение.

Традиционно дизайнеры используют подсказки для того, чтобы объяснить назначение иконок без названий. Однако применение таких подсказок для описания неоднозначных действий — альтернативный подход, который может быть полезен для пользователей, которые могут запутаться и испытать неуверенность.

Перевод статьи How to Make Technical Button Actions More Predictable из блога UX Movement Newsletter

В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!