Блог Стебунова Владимира

Иконки

Сегодня я хочу написать о пиктограммах и иконках. Иконки - это плохая идея! Задействовать их в дизайне нужно крайне осторожно и стараться использовать только стандартные картинки, которые ни с чем не перепутаешь. Хотя даже такие предосторожности не помогают. Единственная польза от иконок - это экономия пространства.

Вы нарисовали иконку, вставили её на сайт или в программу, но ваш пользователь может не знать этого значка. Вы видели когда-нибудь магнитофон Вега МП-120-Стерео? Попробуйте разобраться, где у него кнопка воспроизведения, а где записи. А если вы дальтоник? А что значит кнопка >0< ? Если вы видите этот значок в первый раз, вам понадобится какое-то время чтобы разобраться в его назначении. Но это еще ерунда, есть поколение, которое в глаза не видело дискет. А до сих пор существуют программы, которые используют эту пиктограмму. Полагаться на то, что вы и ваш пользователь понимаете под картинкой одно и то же, очень самонадеянно.

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

Опыт Microsoft и других исследователей показывает, что наличие подписи под иконкой увеличивает её использование [1]. Человеку не нужно вспоминать, что означает этот синий ёжик, пересекающий полоску в черно-белую шашечку. Он просто нажимает кнопочку “старт”.

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

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

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

Ссылки на дополнительный материал:

  1. Хорошая статья о мифах дизайна, но для нас важен только тринадцатый миф, там же есть ссылки на различные исследования.
  2. Насколько я помню, первым о вреде иконок написал Алан Купер в “Психбольнице в руках пациентов”.
  3. Посмотрите на иконки в фильме Идиократия, нужно какое-то время, чтобы понять, что они значат.

Следующая статья

Предыдущая статья