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

Question

В настоящее время мы пытаемся улучшить наше удобство использования в нашем веб-приложении для интрасети. Одна из наших целей состоит в том, чтобы объявлять определенные страницы, на которых есть большие гриды. Для этого в сетках в качестве функций мы начали вводить обычно используемые действия (такие как «Удалить», «Сбросить до нуля», «Отметить как завершение» и т. Д.).

Моя первоначальная идея состояла в том, чтобы найти и использовать значки (т. Е. Удалить = большой красный x, Сброс = стрелка, изогнутая вокруг себя, Mark As Complete галочка и т. Д.) Для представления этих задач. Некоторые из моих коллег согласны со мной; они говорят, что значки делают инструмент более профессиональным. Другие, однако, говорят, что значки скрывают их намеченную функцию, и простой текст, такой как Удалить было бы более уместным.

Предполагая, что мы включим описание функции вне зависимости от выбранного вами типа (значки или текст), какой из них более полезен? Можем ли мы использовать значки для некоторых действий и текста для других, или это повредит удобству использования?

Answer 1

Я большой поклонник икон. Черт, текстовое поле, в которое я печатаю этот ответ, прямо сейчас имеет только значки. Вы должны быть идиотом, чтобы не знать, что большой темный B означает смелый ... Я думаю, что если ваша иконка является самоочевидной (например, большой красный X для удаления и т. Д.), То это точно путь. Это также облегчает пользователю поиск правильного действия.

Answer 2

Я бы использовал иконки в приложениях Windows, таких как Microsoft Word и Excel. Большинство пользователей знакомы с ними и их значением/функциональностью.

Также; юзабилити продолжается «профессиональный внешний вид». Мне кажется, что ваше приложение должно быть функциональным, а не шедевром дизайна. Поэтому ваша главная задача заключается в том, чтобы ваш интерфейс сообщал свои функциональные возможности как можно более ясным, поэтому обращайтесь к своим знаниям пользователей - снова; есть вероятность, что ваши пользователи регулярно используют Word и Excel.

В начало страницы; использовать свойства alt и title на элементах изображения:

<img 
src="..." 
alt="Click this button to delete X" 
title="Click this button to delete X" /> 

Answer 3

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

Если вы можете уйти от него, можете ли вы сделать свои значки достаточно большими, чтобы вы могли вставлять текст каждого действия в него? Скажите большой красный X с небольшим текстом «Удалить» прямо под ним, встроенным в изображение? Я считаю, что это часто подходит для обеих групп.

Answer 4

Иконки сэкономить место (и с помощью всплывающей подсказки можно использовать для начинающих), но смешивание значков и текста не будет хорошей идеей, требующей усилий пользователя «переключиться». Почему бы вместо этого не поместить «редкие» действия в раздел страницы, который обычно «закрывается» и открывается только при нажатии? В конце концов, это экономит еще больше пространства и беспорядка.

Answer 5

Если это ненавязчивая функция, тогда значки, вероятно, повредят юзабилити. Тем не менее, я думаю, что почти все приняли и поняли удаление, обновление и т. Д. Пока у вас есть всплывающие подсказки, вы должны быть в порядке.

Answer 6

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

Answer 7

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

Цитирую Джеф Раскина Гуманное Интерфейс:

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

Хотя верно, что маленькие значки могут занимать меньше места на экране, чем метки, вы должны спросить: по какой цене? Чем меньше кнопка, тем дольше она требуется для ее работы, тем труднее ее найти; Кроме того, трудно сделать маленький значок отличительным. Еще одна небольшая точка: значки занимают больше времени для создания, чем слова.

и

Мэйхью [1] приводит ряд исследований по использованию иконок. К сожалению, большинство исследований не сравнивали ярлыки с иконками. Но из этих и других исследований мы можем заключить, что значки наиболее эффективны, когда их насчитывается не более дюжины, и когда одновременно появляется не более дюжины. Кроме того, важно, чтобы они

• визуально отличаются
• Сделайте хорошую работу представлять соответствующую концепцию
• представлены на достаточно больших размеров, как правило, больше, чем текстовой метки будет

[1] Мейхью, Дебора. Принципы и руководящие принципы в разработке пользовательского интерфейса программного обеспечения (Englewood Cliffs, NJ .: Prentice-Hall, 1992).

Я согласен с Раскиным в этом вопросе, что во многих случаях значки действительно скрывают смысл понятий и команд, и вам все равно нужен дополнительный текст, чтобы объяснить их. Статья The End of an Icon Азы Раскина хорошо читает об этом.