x
 
Виктор Гринчик
29 декабря 2010

Каким образом показывать правильную индикацию на кнопках? Нужно показывать текущее состояние кнопки или то, с которое перейдёт система после нажатия?

В клиенте мгновенных сообщений КИП выполнен первый вариант: пиктограмма на кнопке показывает её текущее состояние (только пользователи в сети, показывать группы, звук выключен). Но в этой версии программы видно состояние кнопки: вдавленное и зафиксированное или нет.

Как правильно делать?



Виктор! Вы затронули любимую (пруфлинк) проблему Артёма Горбунова, которая называется «состояние или команда».

Если для рассматриваемой функции имеют смысл понятия «включена» / «выключена», то вдавливаемые кнопки обычно хорошо подходят, но иконку на них, конечно, не надо менять при нажатии.

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

У первой кнопки можно изменить смысл на противоположный: «показывать офлайновых людей», тогда тоже подойдёт нажатость как индикация состояния. С третьей кнопкой примерно то же самое: у неё смысл уже перевёрнутый, во вжатом состоянии она выключает звук, так что надо перевернуть обратно. Можно, конечно, попробовать отключение звука представить как включение «тихого режима», но для этого нужно рисовать совсем другую иконку.

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Денис Чмель
29 декабря 2010

А я не согласен с вами, Илья, по поводу инверсии иконок. Панель кнопок-индикаторов может выделять (вдавливанием) те настройки, которые отличаются от изначальных (безвредных) значений. Как в автомобиле: индикаторы фар/тормоза горят когда они активированы, но лампочки двигателя/ремней/масла — когда неисправен/не пристегнут/недостаточно. Выделение здесь обращает внимание на несоответствие рекоммендуемым параметрам.

По-моему, яркий анти-пример, это интерфейс «Лингво» сразу после установки:


29 декабря 2010

По-моему, сейчас в Кипе сделано правильно.

Ненажатая кнопка говорит «Я ненажата. Смотри, что я сделаю, когда ты меня нажмёшь»; нажатая говорит «Я нажата. Смотри, что я делаю прямо сейчас. Если это тебе не надо — отожми меня обратно, юзернейм».

Если не переворачивать значения, падает информативность.

Александр Дебкалюк
29 декабря 2010

Ещё один пример того, что в проектировании интерфейсов нет универсальных законов. Надо рассматривать каждую функцию и каждую кнопку отдельно.

Сергей Харламов
4 января 2011

Не надо «переворачивать» значение кнопки «выключить звук». Потому что все привыкли к функции «выключить звук» в телевизоре, радиоприёмнике, проигрывателях и так далее. А вот вспомнить распространённый пример с функцией «включить звук» я не могу.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

22 4 3 Как правильно в мобильных приложениях ставить ссылки? 1




Недавно всплыло

Выбранные элементы списка, как не забывать принципы из советов бюро и когда нужен логотип 1 3 Какой движок выбрать для сайта рекламного агентства? 2 Как сделать, чтобы публикация выделялась в ленте: композиция, исправление дефектов, цвет 1