Иконосказ

индекс

387,20

10 ошибок в дизайне иконок

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

+78

12 февраля 2008, 16:17

kortunov

комментарии (51)

mandzyuk 12 февраля 2008, 16:30 #

познавательно и с реальными примерами,.. :)

jonny 12 февраля 2008, 16:33 #

Спасибо за познавательный анализ. Пишите еще.

kobzon 12 февраля 2008, 16:35 #

А можно подробнее про №10?

kortunov 12 февраля 2008, 16:42 # ↑

Про это, наверное, стоит написать отдельную статью. Вообще, там не очень все сложно. Нужно просто "рисовать по пикселам" - выставлять ровные значения координат векторных объектов.

кое-что можно подчерпнуть тут:
http://turbomilk.ru/truestories/cookbook…
и тут:
http://turbomilk.ru/truestories/cookbook…

leave 12 февраля 2008, 16:47 # ↑

а вы на нижнюю часть замка посмотрите внимательно :)

Kukalyakin 12 февраля 2008, 16:36 #

Хотелось бы в каждом пункте примеры ХОРОШИХ иконок. А то не во всех есть.

kortunov 12 февраля 2008, 16:51 # ↑

А это невозможно сделать для каждого пункта. Опять же, хорошие примеры это бонусы, я общеал только ошибки. :)

НЛО прилетело и опубликовало эту надпись здесь

MOVe 12 февраля 2008, 16:46 #

А мне хотелось бы цены увидеть... Всё перерыл и не заметил. Я слепой?

kortunov 12 февраля 2008, 16:52 # ↑

Пост совершенно некоммерческий!

MOVe 12 февраля 2008, 16:58 # ↑

Пост постом, но на сайте-то цены могли бы присутствовать? :)

kortunov 12 февраля 2008, 17:07 # ↑

Могли бы. И не исключено, что они там появятся. Но пока мы решили цены не писать. Мы же продаем не продукт, но услугу.

Цены можно узнать по емейлу info@turbomilk.com

super 12 февраля 2008, 19:16 # ↑

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

zencd 12 февраля 2008, 19:29 # ↑

Дизайн-студии это не то же самое что интернет-магазины. Я так не припоминаю чтобы какая-нибудь крупная студия вообще вывешивала прайс на общее обозрение.

Очевидно, запрашиваемая сумма зависит от того в каком костюме пришёл заказчик, или от доменного имени откуда пришёл емейл :-)). Вот придёт Газпром — не работать же для него за цену для всех. От каждого по способностям!

Nevermind 12 февраля 2008, 21:33 # ↑

продаётся как было сказано выше, не товар, а услуга. Стандартизовать такую сложную услугу практически невозможно. У нас у дизайнеров есть нормативы по времени, по ним и расчитывается цена. Так же для ооочень крупного бизнеса цены идут с плюсом процентов в 30. Дело в том, что с такими заказчиками времени уходит больше — они требовательнее. Мы же не просим вывесить на сайте строительной компании цену на небоскреб...."ну на такой — на средненький".

super 12 февраля 2008, 21:46 # ↑

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

Junior 13 февраля 2008, 14:27 # ↑

Как вы правильно выразились, ключевое слово — "товар N".

kortunov 13 февраля 2008, 14:35 # ↑

Xихихихи! У нас этого товара N вагоны! Какие цены?! Берите так! Забесплатно! :)

spanasik 12 февраля 2008, 16:47 #

Жалко, что ничего нету про иконку "Save" :-)

kortunov 12 февраля 2008, 16:53 # ↑

Иконка Save - икона современного иконостроения! Она и гордость, и боль. Но не ошибка!

spanasik 12 февраля 2008, 16:55 # ↑

может быть, Вы напишете отдельный пост про это?
тут уже было, но с картинками и с Вашим авторством может интереснее получиться, имхо.

kortunov 12 февраля 2008, 16:59 # ↑

Спасибо за идею и веру в меня! Попробую написать.

spanasik 12 февраля 2008, 17:02 # ↑

Ждём-с ! :-)

НЛО прилетело и опубликовало эту надпись здесь

kortunov 12 февраля 2008, 17:13 # ↑

Очень рад, что статья понравилась! Но я как раз ожидал, что меня обвинят в пристрастности. Я кое-где хвалю Mac OS, а вот Linux и Windows только ругаю.

Что касается "помочь" — на сайте есть адрес почты. Пишите — будем рады.

НЛО прилетело и опубликовало эту надпись здесь

edelweard 12 февраля 2008, 20:03 # ↑

Разве? Мне показалось, у вас было несколько примеров хороших иконок из Винды. Вообще очень понравилась действительно полная объективность, всем досталось и хорошего, и плохого. Такое редко встречается.

efix 12 февраля 2008, 17:32 # ↑

Думаю, "save" останется дискетой. Понимаю, это филосовский вопрос, попытаюсь объяснить свою точку зрения.

Вот например логотип "Deutsche Post":

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

Дискета узнается всеми как "символ" функции "сохранить". Зачем тогда его менять?

spanasik 12 февраля 2008, 17:34 # ↑

Про рожок интересно, спасибо !
Дискета уже узнаётся не всеми :-)

kortunov 12 февраля 2008, 17:37 # ↑

мне кажется, что в будущем функция "сохранить" будет такой же редкостью, как дискетка сейчас.

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

pixelcube 12 февраля 2008, 17:42 # ↑

Да, да...и в офисных приложениях - бесконечная история Undo

kortunov 12 февраля 2008, 17:45 # ↑

так оно уже так и есть! вон мы уже активно используем google documents!

Kukalyakin 12 февраля 2008, 18:32 # ↑

За это, как вы могли заметить, хардкорные PC-геймеры и чморят "приставочников")))

kortunov 12 февраля 2008, 18:35 # ↑

к счастью, я заметить не смог. потому как играю мало и редко :)

MaxxArts 12 февраля 2008, 18:44 # ↑

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

conf 12 февраля 2008, 16:52 #

хороший анализ, пишите еще.
оффтоп: заголовки в статье чересчур блеклые и сливаются с фоном (по крайней мере на моем LCD-монике).

zencd 12 февраля 2008, 16:58 #

#3 Лишние элементы

в некотором роде этот пункт противоречит статье «Конструирование языка пиктограмм пользовательского интерфейса»; понятно что описанное в той статье применимо скорее к большому проекту, но всё равно, в «10 ошибках» вывод делается слишком однозначный и не оговорится случай, когда в проекте будет 5 кнопок добавить и все про разное

kortunov 12 февраля 2008, 17:16 # ↑

Да, согласен, что противоречит. Но для больших проектов имеет смысл иконки (и функции системы вообще) группировать. А там где группы, там уже возможен контекст! Если слепо следовать "языку", то и до пункта #2 не далеко :)

zencd 12 февраля 2008, 16:59 #

было интересно почитать

fr0mus 12 февраля 2008, 17:46 #

действительно, хоть и далёк от дизайна, но почитать было крайне интересно ;-)

artyfarty 12 февраля 2008, 17:49 #

Здорово!
Но с пунктом 9 не совсем согласен. Продублировать формат файла на крупной иконке совсем не вредно.

FireFly 12 февраля 2008, 21:10 #

Держите + в карму за шикарный обзор! Спасибо!

gro 12 февраля 2008, 21:33 #

7 пунктов из 10 можно свести к одному — когда рисуете иконку, думайте о том, как она будет выглядеть при своих нормальных размерах.

kortunov 13 февраля 2008, 07:48 # ↑

Категорически не согласен! Если уж и сводить все к одному правилу, то вот как оно звучит: "Когда рисуете иконку — думайте". Большая часть статьи посвящена не одной иконке, но набору иконок и его правильному построению. Иконки по одной используют редко.

–6

NLS 12 февраля 2008, 22:30 #

бредовая статья. если автор слеп или пытается нажать радиобуттон на иконке то это его проблемы, тут вопрос почему вы с этим бредом соглашаетесь?

timaktaev 13 февраля 2008, 01:37 # ↑

Поставь вопрос конструктивней. Мы ведь все выиграем, если прочитаем не пустое возмущение, а конкретную критику с вопросами и предложениями. Ты ведь для чего-то читал статью, что-то ожидал увидеть? какие-то твои ожидания не оправдались?