Дизайн
#Тесты

Тест: угадай значение иконок

Первые иконки в точности повторяли папки и корзины. Но с развитием интерфейсов появляются новые пиктограммы! Сможете понять их значение?

Иллюстрация: Оля Ежак для Skillbox Media

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

Начать тест
Что бы вы написали под этой пиктограммой?
Да, это вид сверху на автомобиль на парковке! Обычно машины в пиктограммах рисуют в профиль, чтобы было видно узнаваемую форму и два колеса. Но дизайнеры сайта компании-застройщика решили сделать, поэтому иконку сложнее расшифровать. Впрочем, подпись от пользователей никто не прячет.
Нет, это пиктограмма с автомобилем на парковке — вид сверху. Обычно машины в пиктограммах рисуют в профиль, чтобы было видно узнаваемую форму и два колеса. Но дизайнеры сайта компании-застройщика решили сделать иначе и в итоге иконка может путать. Впрочем, подпись от пользователей никто не прячет.
Не совсем! Эта иконка означает рассрочку на парковку, и её использует жилищный застройщик. Не расстраивайтесь: эта самая рассрочка на иконке никак не обозначена. Впрочем, от пользователей подпись никто не прячет.
Дальше
Проверить
Узнать результат
Какой текст подходит к этой пиктограмме?
Поосторожнее! Это, вообще-то, не клоун, а «Уверенная команда»: человечек, вероятно, жонглирует задачами. Иконка используется на сайте банка.
Да, этот жонглёр символизирует уверенную команду! Иконка используется на сайте банка.
Вполне правдоподобный вариант, но нет, это «Уверенная команда». Вероятно, человечек жонглирует не тарелками, а рабочими задачами. Иконка используется на сайте банка.
Дальше
Проверить
Узнать результат
Какая тут нужна надпись?
Не угадали: это «Чипирование». Не людей, конечно, а животных — иконка с сайта ветеринарной клиники.
Нет, это чип для животных. Иконку мы взяли с сайта ветеринарной клиники.
Верно! Речь о чипировании животных, разумеется, — это иконка с сайта ветеринарной клиники.
Дальше
Проверить
Узнать результат
Идём дальше! На этой иконке есть часы — они подсказывают, как долго нужно варить еду. Как думаете, какое время изобразил дизайнер?
Нет! Судя по подписи к этой иконке, еду нужно варить 15–45 минут! Кажется, дизайнер с копирайтером сайта доставки еды явно не сошлись во времени приготовления.
Нет! Судя по подписи к этой иконке, еду нужно варить 15–45 минут! Кажется, дизайнер с копирайтером сайта доставки еды явно не сошлись во времени приготовления.
Как вы разгадали этот хитрый дизайнерский ребус? Впрочем, под иконкой с сайта доставки еды именно такая подпись — варить 15–45 минут.
Дальше
Проверить
Узнать результат
Какая подпись должна быть под этой иконкой?
Нет, это была бы немного странная карта. Реальная подпись — «Остеопатия». Видимо, дизайнер изобразил тут спину. Это иконка с сайта медицинской клиники.
Так точно — картинка обозначает остеопатию. Это иконка с сайта медицинской клиники.
Нет, дизайнер изобразил тут спину: реальная подпись — «Остеопатия». Это иконка с сайта медицинской клиники.
Дальше
Проверить
Узнать результат
Какая подпись кажется логичной здесь?
Нет, это не космические тела, а обыкновенная иконка с лупой — просто нестандартного вида. Её используют на сайте рекрутинговой компании, которая занимается поиском IT-специалистов.
Да, это же иконка с лупой! Правда, не совсем стандартная. Её используют на сайте рекрутинговой компании, которая занимается поиском IT-специалистов.
Тут нарисована лупа, но она обозначает сорсинговый центр — это иконка с сайта рекрутинговой компании, которая ищет IT-специалистов.
Дальше
Проверить
Узнать результат
Что хотел сказать автор этой иконки?
Вы хорошо считываете метафоры! Это иконка с сайта веб-студии.
Нет, всё гораздо интереснее: реальная подпись — «Разработаем MVP». Это иконка с сайта веб-студии.
Нет, никаких историй про успешный успех: эта иконка иллюстрирует услугу по разработке MVP на сайте веб-студии.
Дальше
Проверить
Узнать результат
Последняя пиктограмма! Что у нас тут?
Нет, тут нарисован не сотрудник с большими ушами, а разъём для розетки. Это иконка с сайта сервиса ремонтных работ.
Нет, тут изображён не кубик Lego, а разъём для розетки — это иконка с сайта сервиса ремонтных работ.
Верно, это иконка с сайта сервиса ремонтных работ!
Дальше
Проверить
Узнать результат

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


Хотя иконки не всегда несут смысловую нагрузку сами по себе, без них трудно представить современные интерфейсы. Хотите узнать, с чего началась история иконок, когда они ещё были совсем простыми и пиксельными? Читайте нашу статью о Сьюзен Кэр!

Пройти ещё раз

Неплохой результат! В жизни перед пользователями не стоит задачи угадать смысл иконки вне контекста: по тематике сайта и сопроводительному тексту уже проще опознать рисунок. Иконки — неотъемлемая часть современного интерфейса, которые появились ещё в начале восьмидесятых годов прошлого века. Хотите узнать больше о первых пиктограммах для интерфейсов? Читайте нашу статью о Сьюзен Кэр!

Пройти ещё раз

Вы мастерски угадываете значение иконок — у вас наверняка большой опыт работы с пиктограммами. Но, конечно, перед дизайнером не стоит задачи сделать универсальный шифр, понятный без слов, — значение иконок можно без проблем понять по тематике сайта и сопроводительному тексту. У пиктограмм в интерфейсах долгая история — первые появились в начале восьмидесятых годов прошлого века. Хотите больше узнать об их истории? Читайте нашу статью о Сьюзен Кэр!

Пройти ещё раз
* Решением суда запрещена «деятельность компании Meta Platforms Inc. по реализации продуктов — социальных сетей Facebook и Instagram на территории Российской Федерации по основаниям осуществления экстремистской деятельности».
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована