7 способов тестирования эффективности иконок

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

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

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

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

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

Вот 7 способов, которые помогут вам определить делают ли ваши иконки интерфейс более простым и эффективным, или просто занимают экранное пространство.

 

  1. Ассоциация: Покажите значок, и предоставьте участникам связанную с ним функцию, и три неправильных варианта, которые будут отображаться в случайном порядке. Подсчитайте количество правильных выборов, и используя доверительные интервалы, определите процент пользователей, которые проведут правильную ассоциацию.
  2. Обратная ассоциация: Дайте участникам определение значка, и покажите 4 изображения в случайном порядке. Для оценки эффективности значка, снова используйте доверительные интервалы. Например, если 30 из 39 пользователей выбрали правильную ассоциацию, то вы можете быть на 90% уверены, что 65%-86% всех пользователей тоже проведут такую ассоциацию.
  3. Память: На несколько секунд покажите участникам значок, а затем, попросите их записать то, с какими словами или функциями этот значок у них ассоциировался. Затем соберите результаты, и подсчитайте, сколько раз были упомянуты правильные ключевые слова.
  4. Свободный ответ: Покажите участникам иконку, и попросите их перечислить слова или фразы, с которыми они ее ассоциируют. Например, в одном тесте нам нужно было узнать, будет ли иконка ассоциироваться с отношениями между детьми и родителями (не то, что нам нужно), или с первичными и вторичными задачами (то, что нужно). При подсчете ответов, полученных от 61 участника, слова «ребенок» или «родители» были использованы 29 раз. 90% доверительный интервал явно говорит о том, что по крайней мере 37% пользователей проведут неправильную ассоциацию. Эта иконка не была принята.
  5. Рассказ: Попросите участников описать иконку так, как они бы описывали ее своему другу. Я уже несколько лет объясняю своей бабушке, что работаю с клиентами, измеряя юзабилити веб-сайтов в лаборатории или по телефону. Но она рассказывает своим друзьям, что я работаю в телемаркетинге.
    Если услышать, как люди переносят значение вашей иконки в более универсальные термины, можно понять, правильно ли вы это значение передаете.
  6. В контексте и вне его: Значение иконки, часто, можно понять только в контексте других иконок, или в тестируемом приложении. Тем не менее, тестирование иконки вне контекста тоже имеет смысл, особенно когда вам нужно понять, будет ли сделана правильная ассоциация с маркетинговыми материалами, или в наборе приложений, где контекст либо постоянно меняется, либо неизвестен.
  7. Определение:
    Попросите участников найти функцию или выполнить действие, используя значки, представленные в контексте приложения. Это больше похоже на классический тест на находимость, или клик-тест. Мерилом успеха в этом случае будет то, сколько времени понадобится пользователю, чтобы кликнуть на правильную иконку.

Перевод статьи Джеффа Сауро

Предыдущая статья Метрики, за которыми должен следить любой SEO аналитик

Следующая статья 5 интерфейсов, для которых полезно проводить юзабилити тестирование

ASO-оптимизация: создаем иконку для игрового приложения

Недавно мы затрагивали тему оптимизации скриншотов на странице приложения в сторах.

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

Значок приложения — это «логотип», символ любого продукта, его лицо. Именно иконка берет на себя ответственность за привлечение аудитории. С каждым годом пользователи все менее охотно читают информацию, и все более охотно воспринимают и оценивают продукт визуально. Поэтому отнестись стоит к главному изображению со всей ответственностью.

В статье разберем все вопросы, которые необходимо знать в процессе создания значка приложения.

Требования

Первое чего вы коснетесь, это сбор информации касаемо требований размера и формата.

Google Play
Окончательный размер: 512 пикселей x 512 пикселей.
Формат: PNG, 32 бита
Цветовое пространство: sRGB
Максимальный размер файла: 1024 КБ
App Store
iPhone: 180 пикселей x 180 пикселей (60 пикселей x 60 пикселей @ 3x), 120 пикселей x 120 пикселей (60 пикселей x 60 пикселей @ 2x)
iPad Pro: 167×167 пикселей (83,5×83,5 пикселей при 2-кратном увеличении)
iPad, iPad mini: 152×152 пикселей (76×76 пикселей при 2x)

Магазин приложений: 1024 пикселей x 1024 пикселей (1024 пикселей x 1024 пикселей @ 1x)

Черное/белое

С появлением на IOS 13 (а теперь и на Android) новой функции, пользователи могут менять в телефоне внутренний фон приложений на ночной и дневной режим. А это значит, что перед публикацией нужно убедиться, что ваша иконка в магазине смотрится в обоих случаях — хорошо.

Идея

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

Помимо того, что она должна быть простой, еще необходимо, чтобы она соответствовала «имиджу» игры, ее цветам и графике.

Что у конкурентов?

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

Важно для Google Play! Для тех команд, которые хотят релиза на Android, ждут два пути:

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

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

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

Масштабируемое изображение

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

Много лишних элементов

Это правило относится к предыдущему пункту. Не нужно перегружать иконку различными объектами и добавлять тонну контента. Пользователю понадобится много времени, чтобы понять о чем ваше приложение. Вследствие чего, вы потеряете большинство пользователей еще на стадии визуальной оценки вашего значка.

Краткость — сестра таланта! К изображениям это тоже относится.

Платформа

Еще одна рекомендация, касающаяся выбранной платформы. Старайтесь адаптировать иконку под нужный магазин. Если вы планируете релиз в Google Play, просмотрите какие варианты актуальны, что предлагают конкуренты и т. д. Тоже самое проделайте, если делаете приложение для App Store.

Чаще всего, по итогам А/В тестирования эффективность иконок может быть совершенно разной. То, что подойдет для App Store, может не подходить для Google Play.

Фон для App Store

В App Store теперь доступны различные фоновые заставки. Developer Apple рекомендует не использовать прозрачность, а воспользоваться простым фоном, для того, чтобы не нагружать иконку и не перекрывать визуально тем самым приложения, которые находятся рядом.

Рамка

Чтобы сделать значок интереснее, вы можете добавить рамку по краям изображения. Этот способ выделяет иконку на фоне других, сделает ее более заметной.

А\В тестирование

С точки зрения эффективности, никто не может предсказать какое изображение наберет больше всего конверсий. Поэтому лучшим другом для нас становится А/В-тестирование.

В идеале, этот процесс выглядит так: тестируем 3–4 изображения, вычисляем победителя, а во втором этапе запускаем нашего победителя в разной основной цветовой гамме (если это требуется).

Обновления

Обновляйте периодически иконки в соответствии с тенденциями рынка. Пробуя новые решения для изображения, вы можете повысить текущий трафик и добиться расположения новой аудитории.

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

В заключении

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

  • Мониторинг конкурентов
  • Мониторинг тенденций на рынке
  • Простое и понятное изображение
  • Тестирование и обновления

© Rocket4App 10.08.2020

вернуться В БЛОГ…

127.713 Efficiency Icon Стоковые фото, картинки и изображения

Установите линию молнии, светодиодную лампочку, ветряную турбину и завод. светящийся неоновый значок. vectorPREMIUM

Значок вектора операционного совершенства, коллекция знаков иллюстрации роста производства. символ операции.PREMIUM

Энергоэффективность и концепция зеленой энергии, женщина держит телефон в руке и смотрит на рейтинг эффективности дома.PREMIUM

Стрелка показывает детали эффективности абсорбента с трехслойным абсорбирующим листом. векторный реалистичный файл.PREMIUM

Значки линии эффективности для веб и мобильных устройств. редактируемые штриховые знаки. иллюстрации концепции схемы эффективностиPREMIUM

Энергосберегающий свет в концепции с зеленым растением на темном фонеPREMIUM

Окружающая среда, связанные с загрязнением, цветовая линия, векторный значок, набор иллюстраций. набор об изменении климата, глобальном потеплении, энергетике, промышленности, выбросах газа, природе, здоровье, лесах, айсберге.0002 Творческий значок производительности. простая иллюстрация элемента. дизайн символа концепции производительности из коллекции управления проектами. может использоваться для мобильного и веб-дизайна, приложений, программного обеспечения, печати. ​​ПРЕМИУМ

Тайм-менеджмент, тонкая линия и идеальные пиксельные иконки. ПРЕМИУМ

Концепция автомобильного бизнеса и обслуживания, техник использует ноутбук для проверки обслуживания автомобиля в цифровом списке. на виртуальном экране,технология обслуживания автомобилей в автосервисеPREMIUM

Иконка проекта операции в прозрачном стиле. векторная иллюстрация процесса передачи на изолированном фоне. технология производства бизнес-концепции. ПРЕМИУМ

Светящаяся неоновая линия привела значок лампочки на фоне кирпичной стены. экономичная светодиодная лампочка с подсветкой. энергосберегающая лампа. vectorPREMIUM

Значок улучшения в плоском стиле. векторная иллюстрация проекта передач на белом изолированном фоне. бизнес-концепция продуктивности. ПРЕМИУМ

Рейтинг энергоэффективности и эко-ремонт дома, экологический дом с низким потреблением, концепция устойчивого развития с экспертным трогательным значком на экране. ПРЕМИУМ

Значок цели и стрелки. вектор простой современный дизайн illustration.PREMIUM

Светящаяся неоновая книга о значке электричества на черном фоне. vectorPREMIUM

Серьезная молодая женщина пишет в блокноте возле серой стены с красочным эскизом онлайн-бизнеса. концепция электронной коммерцииPREMIUM

Диаграмма уровня навыковPREMIUM

Коллекция иконок дизайна офиса. офис, дизайн, интерьер, отделка, планировка, расположение, архитектурный векторный набор иллюстраций. мебель, цвета, световые линейные указателиPREMIUM

Победоносный успешный бизнесмен, держащий флаг. концепция успеха и победы. значок вектора лидерства на трех различных backgrounds.PREMIUM

Установите люстру, светодиодную лампочку, торшер и значок настенного бра. vectorPREMIUM

Батарея с зеленой линией энергии листа и набором иконок силуэта. возобновляемый аккумулятор с заводом. эко коллекция символов перезаряжаемой энергии на белом фоне. отдельные векторные иллюстрацииPREMIUM

Установите люстру, светодиод и светодиодную лампочку. светящийся неоновый значок. векторПРЕМИУМ

Терморегуляция. удерживать температуру. высокая температура на значке термометра. vectorPREMIUM

Значок вектора экологической энергии изолирован на прозрачном фоне, концепция логотипа экологической энергииPREMIUM

Символ зеленого дома экологически чистыйPREMIUM

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

Контурные иконки о зеленой энергии. концепция экологии. содержит такие иконки, как CO2 нейтральная, солнечная, геотермальная и ветровая энергия, гидроэнергетика, биотопливо и биомасса. редактируемый вектор обводки 64×64 пикселей perfectPREMIUM

Установите электрическую панель, электрическую вилку, светодиодную лампочку и значок схемы электрической цепи. vectorPREMIUM

Мультяшный арабский бизнесмен спешит поймать летящие часы. концепция отсутствия времени и сроков проекта. непрерывная линия artPREMIUM

Концепция бизнеса, технологий, Интернета и сетей. система автоматизации технологических процессов программного обеспечения.PREMIUM

Набор цветовых значков rgb для продвижения по службе. успешные стратегии профессионального роста. развитие навыков сотрудников. изолированные векторные иллюстрации. коллекция простых заполненных штриховых рисунковPREMIUM

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

Разработка инфографики, баннеров и линейных иконокPREMIUM

Займись экологией и сэкономь деньги: как снизить счета за коммунальные услуги и сделать свою жизнь более экологичной, секция дома с комнатамиPREMIUM

Энергетическая этикетка перед вашим собственным домом или семейным домом как концепция эффективностиPREMIUM

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

Установите значок ветряной турбины на черно-белом фоне. знак ветрогенератора. ветряная мельница для производства электроэнергии. vectorPREMIUM

Спидометр, измерение скорости. набор простых связанных векторных иконок для видео, мобильных приложений, веб-сайтов, печатных проектов и вашего дизайна. спидометр, значок скорости черная плоская иллюстрация на белом фоне. ПРЕМИУМ

Основные ценности, такие как доверие, честность, окружающая среда, расширение прав и возможностей, стратегия, мораль и другие редактируемые контуры штрихов, установленные на белом фоне плоской векторной иллюстрации. пиксель идеальный. 64 x 64.PREMIUM

Набор изометрических иконок искусственного интеллекта. пиктограммы современных технологий глубокого обучения. футуристические кибер-инновации и инженерия мозга. машинное обучение и нейронная сеть 3d векторная изометрия.PREMIUM

Двойная экспозиция интерьера гостиной и панель управления умным домом с иконками на виртуальном экране, креативный коллажPREMIUM

Значок производительности. концепция дизайна производительности из коллекции. простая векторная иллюстрация элемента на белом фоне. PREMIUM

Набор иконок esg, eco, bio. например экологические критерии, значки размещены в виде круга. векторные иллюстрации, изолированные на белом фоне. PREMIUM

Установите значок светодиодной лампочки, изолированные на черном и белом фоне. экономичная светодиодная лампочка с подсветкой. энергосберегающая лампа. vectorPREMIUM

Лампочка с растением внутри. генеративный ИИ.ПРЕМИУМ

Концепция производительности с иконками в шестиугольниках, подключенными к абстрактной сети. ПРЕМИУМ

Телеработа, работа на дому, набор удаленных векторных иконок. векторная иллюстрация включала значок в качестве внештатного работника с ноутбуком, рабочим пространством, монитором ПК. оставайтесь в безопасности дома и на работе. редактируемый штрих.ПРЕМИУМ

Значок скорости страницы в векторе. logotypePREMIUM

Иконка концепции векторного дизайна эффективности на белом фоне — производительность и эффективностьPREMIUM

3D-рендеринг современной виллы с бассейном, управляемым смартфоном снаружиPREMIUM

Светящаяся неоновая линия привела значок лампочки на фоне кирпичной стены. экономичная светодиодная лампочка с подсветкой. энергосберегающая лампа. vectorPREMIUM

Эолические турбины на белом фоне icon на белом фоне iconPREMIUM

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

Target icon vector для веб и мобильных устройств приложение. вектор значка цели. знак и символ целевого маркетингаPREMIUM

Рука, держащая круглую деревянную с белой мишенью для дротиков и бизнес-значком, включает золотой слиток, автомобиль, доллар, дом и копилку, сэкономленную для установки цели из инвестиционной концепции. ПРЕМИУМ

Вектор значка цели для веб и мобильного приложения. вектор значка цели. знак и символ целевого маркетингаPREMIUM

Набор настольной лампы, светодиодной лампочки, подвесной светильник, свет и значок люстры. vectorPREMIUM

Значок концепции неудобных искушений. Преодоление прокрастинации идея наконечника тонкой линии иллюстрации. избегая отвлекающих факторов в Интернете. векторный изолированный контур rgb цветной рисунок. редактируемый ходPREMIUM

Концепция энергосбережения. рука держит лампочку с цифровыми иконками на темном фоне. PREMIUM

Изометрический значок ветряной турбины на белом фоне. знак ветрогенератора. ветряная мельница для производства электроэнергии. кнопка оранжевый и синий круг. vectorPREMIUM

Наклейки для электрических распределительных щитов Электробезопасность потребителей, электричество, защита от токаPREMIUM

Концепция бизнеса, технологий, Интернета и сети. система автоматизации технологических процессов программного обеспечения.PREMIUM

Бизнес, технологии, Интернет и концепция сети. автоматизированная система технологических процессов.

Лампочка с растущим деревом. экологически чистая и устойчивая средаPREMIUM

Эффективное управление временем. Набор иконок идеального цвета rgb. вращающиеся песочные часы. период перерыва. циферблат. изолированные векторные иллюстрации. коллекция простых заполненных штриховых рисунков. редактируемый штрих ПРЕМИУМ

Установите поиск работы, продуктивного человека, рабочее время и значок. vectorPREMIUM

Иконки беспилотных автомобилей. автомобили с автономным управлением, gps-навигация на дороге. умные самоуправляемые транспортные средства, электрический роботизированный автомобиль, знак датчика парковки, беспилотный транспорт, черный силуэт, вектор, изолированный набор, ПРЕМИУМ

Кирпичная стена в изометрии со слоями штукатурки и изоляции. материал для ремонта дома. строительство зданий. схема нанесения сине-желтого слояPREMIUM

Изображение дома в зелени с графиком энергоэффективностиPREMIUM

Стимуляция головного мозга. электрическая лампочка с мозгом на желтом фоне. 3d rendering.PREMIUM

Набор целевых иконок. значок целевого вектора. значок цели. маркетинговая цель. цельPREMIUM

3D-рендеринг современной виллы с бассейном, управляемым снаружи с помощью смартфонаPREMIUM

Разработана изометрическая система солнечных батарей с гибридным инвертором, контроллером, блоком батарей и счетчиком. возобновляемые источники энергии. резервная система накопления энергии. PREMIUM

Энергоэффективное мобильное приложение на экране. экология, концепция экодомаPREMIUM

Набор векторных силуэтов фермыPREMIUM

Концепция предоставления пятизвездочного сервиса премиум-класса. бизнесмену, показавшему награду, гарантируются высокие стандарты, качество обслуживания, успех в бизнесе, эффективность работы, гарантия высшего качества 5 звезд. ПРЕМИУМ

Векторный логотип, энергоэффективность. диаграмма роста энергоэффективности, экономия ресурсов. ПРЕМИУМ

Набор иконок цвета rgb стоимости электроэнергии. покупка геотермальной энергии. программа зеленого ценообразования. изолированные векторные иллюстрации. потребление электроэнергии коллекция простых заполненных линейных чертежейPREMIUM

Как сэкономить на счетах за отопление, снизить расходы на коммунальные услуги и сделать ваш дом более экологичнымPREMIUM

Установите идентификационный значок линии, многозадачный менеджер, работающий, продуктивный человек и . светящийся неоновый значок. векторПРЕМИУМ

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

Векторная иллюстрация стратегии планирования и концепции творческой идеи «цель и цель» успех и целевая концепцияPREMIUM

Набор торшера, стола, светодиода, настенного бра и значка светодиодной лампочки. vectorPREMIUM

Значок линии эмоционального интеллекта. editablePREMIUM

Выставление счетов за дополнительные расходыPREMIUM

Светодиодная лампочка изолирована на прозрачном фоне. векторная иллюстрация. eps 10.ПРЕМИУМ

Белый контур лампочки на черном фоне. лампочка висит сверху вниз. лампа накаливания. дизайн баннеров, плакатов и рекламной продукции. векторная иллюстрацияPREMIUM

Электрический пол с подогревом энергоэффективность цвет вектор doodle простой значокPREMIUM

Маркетинговая цель на настольных компьютерах, ноутбуках, планшетах и ​​книгах со стрелками векторные иконки. редактируемая пиктограмма обводки линииPREMIUM

Лампочка с растущим растением. экологически чистая и устойчивая средаPREMIUM

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

Значок цвета энергии биомассыPREMIUM

Установите изометрическую линию продуктивного человека, группу пользователей, буфер обмена с резюме и значок смартфона. vector.PREMIUM

Установите изометрическую линию энергии воды, светодиодную лампочку, молнию и значок. vectorPREMIUM

значок эффективности PNG, векторы, PSD и пнг для бесплатной загрузки

  • значок энергоэффективности значок рейтинг
  • значок эффективности команды
  • значок instagram
  • значок социальной платформы instagram
  • значок социальной сети facebook
  • значок мобильного программного обеспечения WhatsApp
  • черно-белые значки штрих-кода номера
  • значок WhatsApp
  • значок instagram логотип instagram
  • twitter социальные медиа круглый значок
  • вектор значок со стрелкой вправо
  • логотип facebook значок facebook
  • instagram социальные плоские силуэты иконки
  • набор значков социальных сетей логотип
  • значок красного сердца изолирован
  • значок instagram логотип instagram
  • значок телефона в сплошном круге
  • значок вектора звезды
  • значок телефона WhatsApp 9020 6
  • круглый значок социальных сетей youtube
  • набор иконок социальных сетей facebook
  • набор черных иконок социальных сетей
  • значок facebook социальные сети 3d
  • значок instagram 3d стерео
  • значок instagram 3d
  • значок 4k ultra hd значок
  • некоторые значки социальных сетей
  • штрих-код черно-белый значок ящика
  • форма стрелки черный простой значок
  • значок электронной почты
  • значок социальных сетей twitter
  • значок социальной сети YouTube
  • Трехмерный значок внимания
  • Облако белая молния эффективность
  • Значок черная корона
  • Мультфильм значок капли крови
  • Вектор значок музыкальных нот
  • значок запрещен
  • векторный значок дома
  • векторный значок вперед
  • значок местоположения булавки со сложенной картой 293 вектор значок земного шара
  • фиолетовый молния светоотдача
  • электронная почта вектор значок
  • значок телефона в круге черный
  • значок камеры фотография
  • музыкальный проигрыватель png значок

Посмотрите нашу последнюю коллекцию бесплатных изображений значок эффективности в формате PNG с прозрачным фоном, которые вы можете использовать непосредственно в своем плакате, дизайне флаера или презентации PowerPoint.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *