Автор: XYZ Design Дата: Июнь 30, 2016 Рубрика: UX

Многочисленные исследования показали, что пиктограммы в интерфейсе (или иконки, как их часто называют) очень сложно запомнить, да и в принципе они очень неэффективны. Панель инструментов Microsoft Outlook — хороший тому пример. В прежней версии программы панель состояла исключительно из иконок и имела при этом довольно низкий показатель юзабилити. Но от того, что иконки перерисовали и изменили их позиции, удобства не прибавилось. Что действительно помогло присвоение подписи каждой из пиктограмм. Это сразу устранило все проблемы с юзабилити, и люди начали пользоваться панелью инструментов.
В другом исследовании команда специалистов из UIE выяснила, что люди скорее запоминают позицию кнопки, чем графическую интерпретацию действия.

Исследования и статьи на тему низкой эффективности пиктограмм:

  • Компания UIE провела два эксперимента с целью изучить юзабилити кнопок с иконками. В первом были изменены только графические элементы кнопок, в то время как расположение кнопок осталось тем же. Пользователи быстро привыкли к этому нововведению. Во втором, наоборот, сами кнопки были поменяны местами, хотя графика осталась прежней. Такой поворот запутал участников эксперимента и вызвал лишние трудности: Orbitz Can’t Get A Date.
  • Михаэль Цушлаг (Michael Zuschlag) говорит, что «иконки противоречат интуиции и не обязательно помогают пользователю найти пункт меню быстрее, чем простой текст. Они не стоят того»[1].
  • История с Microsoft Outlook, которая упоминалась выше: пока к пиктограммам не были добавлены подписи, большинство пользователей вообще не пользовалось панелью инструментов (за исключением кнопки «Удалить»). Затем «были протестированы различные исправления: новые иконки, новые позиции кнопок и так далее. В конце концов, единственное изменение вызвало полный переворот: наиболее важным кнопкам просто были присвоены подписи. Почти сразу же панель инструментов получила должное внимание и все пользователи, независимо от уровня квалификации, начали использовать ее.» —  The Importance Of Labels.
  • В статье The Problem With Icons  прекрасно описано, как сложно понять назначение иконки, рядом с которой нет поясняющей надписи.
  • 37signals.com приветствует решение сервиса MobileMe, разработанного Apple, о замене иконки «Выход» на обычную текстовую надпись. — UI Sighting: Clear over clever on MobileMe.
  • Датский дизайнер Петер Стеен Хёгенхауг (Peter Steen Høgenhaug) провел собственное исследование того, насколько хорошо пользователи понимают иконки, используемые в различных системах управления контентом. Результат: повсеместно используемую иконку «Вставить ссылку» распознали всего 35% участников. И даже на классические «Отменить» и «Повторить» правильно указала только половина участников.

Где можно использовать иконки:

  • Хорошо работают такие универсальные иконки, как «Распечатать», «Закрыть», «Старт/Стоп» в медиаплеере и подобные им.
  • Иконки могут акцентировать внимание в тексте или структурировать веб-страницу (иконки типов файлов — PDF, DOC и т.д.).
  • Качественно нарисованные иконки могут улучшить общее восприятие контента на сайте.

 

Источник: http://ru.uxmyths.com/post/45442036938/%D0%BC%D0%B8%D1%84-13-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D0%B8%D0%BA%D0%BE%D0%BD%D0%BA%D0%B8-%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B0%D1%8E%D1%82-%D1%8E%D0%B7%D0%B0%D0%B1%D0%B8%D0%BB%D0%B8%D1%82%D0%B8

Leave reply: