Дизайн

#Тесты

23 мар 2022
0

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

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

Vkontakte Twitter Telegram Скопировать ссылку

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

Дарья Тамилина

Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

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

Начать тест

Что бы вы написали под этой пиктограммой?

Рассрочка на парковку.

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

Разведение шелкопрядов.

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

Перевозка тяжёлых грузов.

Не совсем! Эта иконка означает рассрочку на парковку, и её использует жилищный застройщик. Не расстраивайтесь: эта самая рассрочка на иконке никак не обозначена. Впрочем, от пользователей подпись никто не прячет.

Дальше

Проверить

Узнать результат

Какой текст подходит к этой пиктограмме?

Заказать клоуна на детский праздник.

Поосторожнее! Это, вообще-то, не клоун, а «Уверенная команда»: человечек, вероятно, жонглирует задачами. Иконка используется на сайте банка.

Уверенная команда.

Да, этот жонглёр символизирует уверенную команду! Иконка используется на сайте банка.

Кулинарное шоу.

Вполне правдоподобный вариант, но нет, это «Уверенная команда». Вероятно, человечек жонглирует не тарелками, а рабочими задачами. Иконка используется на сайте банка.

Дальше

Проверить

Узнать результат

Какая тут нужна надпись?

Ремонт кухонной мебели.

Не угадали: это «Чипирование». Не людей, конечно, а животных — иконка с сайта ветеринарной клиники.

Перепайка микросхем.

Нет, это чип для животных. Иконку мы взяли с сайта ветеринарной клиники.

Чипирование.

Верно! Речь о чипировании животных, разумеется, — это иконка с сайта ветеринарной клиники.

Дальше

Проверить

Узнать результат

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

15–30 минут.

Нет! Судя по подписи к этой иконке, еду нужно варить 15–45 минут! Кажется, дизайнер с копирайтером сайта доставки еды явно не сошлись во времени приготовления.

10–45 минут.

15–45 минут.

Как вы разгадали этот хитрый дизайнерский ребус? Впрочем, под иконкой с сайта доставки еды именно такая подпись — варить 15–45 минут.

Дальше

Проверить

Узнать результат

Какая подпись должна быть под этой иконкой?

Карта осадков и гроз.

Нет, это была бы немного странная карта. Реальная подпись — «Остеопатия». Видимо, дизайнер изобразил тут спину. Это иконка с сайта медицинской клиники.

Остеопатия.

Так точно — картинка обозначает остеопатию. Это иконка с сайта медицинской клиники.

Дорожные развязки.

Нет, дизайнер изобразил тут спину: реальная подпись — «Остеопатия». Это иконка с сайта медицинской клиники.

Дальше

Проверить

Узнать результат

Какая подпись кажется логичной здесь?

Первый искусственный спутник Земли.

Нет, это не космические тела, а обыкновенная иконка с лупой — просто нестандартного вида. Её используют на сайте рекрутинговой компании, которая занимается поиском IT-специалистов.

Сорсинговый центр.

Да, это же иконка с лупой! Правда, не совсем стандартная. Её используют на сайте рекрутинговой компании, которая занимается поиском IT-специалистов.

Поиск.

Тут нарисована лупа, но она обозначает сорсинговый центр — это иконка с сайта рекрутинговой компании, которая ищет IT-специалистов.

Дальше

Проверить

Узнать результат

Что хотел сказать автор этой иконки?

Разработаем MVP (минимально жизнеспособный продукт).

Вы хорошо считываете метафоры! Это иконка с сайта веб-студии.

Правила безопасности скейтеров на дороге.

Нет, всё гораздо интереснее: реальная подпись — «Разработаем MVP». Это иконка с сайта веб-студии.

Как наш курьер заработал на автомобиль.

Нет, никаких историй про успешный успех: эта иконка иллюстрирует услугу по разработке MVP на сайте веб-студии.

Дальше

Проверить

Узнать результат

Последняя пиктограмма! Что у нас тут?

Вопрос сотруднику службы поддержки.

Нет, тут нарисован не сотрудник с большими ушами, а разъём для розетки. Это иконка с сайта сервиса ремонтных работ.

Конструктор Lego в возрастной категории 0+.

Нет, тут изображён не кубик Lego, а разъём для розетки — это иконка с сайта сервиса ремонтных работ.

Розетки и выключатели.

Верно, это иконка с сайта сервиса ремонтных работ!

Дальше

Проверить

Узнать результат

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

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

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

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

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

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

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