Иконка «Клик» Стоковая иллюстрация № 7119209, иллюстратор Иван Рябоконь / Фотобанк Лори
Для полноценной работы с фотобанком необходимо, чтобы в браузере был включён JavaScript. Пожалуйста, включите его.
Интернет | стандартная¹ лицензия | расширенная² лицензия | |
| www | 707×707 пикс., 72 dpi | 200 ₽р. | 1 200 ₽р. 1049×1048 |
Интернет и полиграфия | |||
| A7 | 9×9 см 1049×1048 пикс., 300 dpi | 260 ₽р. | 1 200 ₽р. |
| A6 | 13×13 см 1483×1483 пикс. | 360 ₽р. | 2 200 ₽р. |
| A5 | 2098×2097 пикс., 300 dpi | 700 ₽р. | 4 400 ₽р. |
| A4 | 25×25 см 2966×2966 пикс., 300 dpi | 1 900 ₽р. |  |
| A3+ | 42×42 см 5000×5000 пикс., 300 dpi | 3 600 ₽р. | 9 600 ₽р. |
Другие виды использования иллюстрации | |||
| Использование в наружной рекламе | — | 9 600 ₽р. | |
| Печать в частных целях³ | 1 400 ₽р. | — | |
,
300 dpi- (пакетом дешевле)
Изображение № 7119209
© Иван Рябоконь / Фотобанк Лори
Click web blue icon on a white background.
Vector Illustration
- Рубрики каталога
Предметы
107023, Москва, площадь Журавлёва, д. 10, офис 214, Фотобанк Лори
(адрес для отправки документов курьером)
125009, Москва, ул. Тверская, д. 9, а/я 123, Фотобанк Лори
(почтовый адрес — только для писем и документов)
Все контакты и реквизиты
org/Organization»>
Покупателям
- О фотобанке
- Условия лицензий
- Образцы лицензий и договоров
- Договор оферты на оказание услуг
- Реквизиты ООО «Лори»
Авторам
- Агентский договор
- Инструкция по работе с фотобанком
- Список авторов фотобанка
- Баннеры фотобанка Лори
- Политика конфиденциальности
Мы в социальных сетях
Спецпроекты
- Наши работы в действии
- Проект «Хорошая кухня»
- Эксклюзивная коллекция
Основные разделы
- Свежие поступления
- Последние продажи
- Тематические подборки
- Рубрики фотобанка
- Справка по фотобанку
Наши друзья
Опасна ли иконка-гамбургер для здоровья вашей конверсии?
Иконка-гамбургер — довольно распространенный сегодня элемент веб-дизайна, представляющий собой три горизонтальные полоски, расположенные друг над другом и символизирующие навигационное меню.
Несмотря на то, что этот вид отображения меню встречается очень часто, ни пользователи, ни сами разработчики его почему-то не любят. То же относится и к пользователям мобильных платформ, которые требуют от мобильных версий сайтов большей интуитивности.
Иконка-гамбургер, напротив, вынуждает сделать лишний клик и, по сути, усложняет опыт пользовательского взаимодействия.
- Введение в юзабилити
Результаты тестов
Независимое интернет-издание Exis Web провело сравнительный анализ иконки формата «гамбургер» и более привычной кнопки с надписью «меню» на предмет того, какой из вариантов вызовет больший отклик у пользователей.
В таблице ниже вы можете видеть результаты этого эксперимента:
Варианты: кнопка со словом «Меню» в рамке дала прирост конверсии в 12,9 % от первоначального значения; композиция из слова «Меню», иконки-гамбургера и рамки — 5,7%; слово «Меню» без рамки ухудшило начальный результат на 22,2%.
Очевидно, что вариант со словом «Меню» работает лучше, чем просто иконка-гамбургер.
Рассмотрим другой пример. В маркетинговое агентство ConversionXL обратилась компания, которая занималась продажей ароматических свечей. Основной поток клиентов шел через мобильную версию сайта:
В контексте оптимизации мобильной версии сайта было решено протестировать иконку-гамбургер аналогично описанному выше кейсу: были разработаны четыре варианта иконок-гамбургеров, со словом «Меню» и без него. Вы можете видеть их на рисунке ниже:
Четвертый вариант — экспериментальный. Это иконка-гамбургер со словом «Меню», но исполненная в розовом цвете. Цвет был выбран неслучайно: в дизайне сайта преобладал именно розовый. Решено было узнать, важен ли цвет для привлечения внимания посетителей.
Тест длился около 6 недель, на сайте побывало более 240 000 пользователей, на каждый вариант пришлось около 2 800 покупок. Результаты оказались следующими:
Все четыре варианта увеличили прибыль.
Не число кликов или просмотров. Они непосредственно повысили доходы сервиса. Небольшое изменение в дизайне сайта может принести пару дополнительных тысяч долларов. Довольно неплохо.
А вот и победитель теста:
Вскоре был проведен еще один тест. На этот раз маркетологи сравнили оригинальный вариант (слово «Меню» вместе с иконкой-гамбургером в розовом цвете) с большой розовой кнопкой без текста и розовым текстом «Меню». Превзойти результат не удалось ни одной кнопке:
- Как оптимизировать юзабилити иконок интерфейса?
Каковы минусы иконки-гамбургера?
На самом деле, первый прототип этой иконки был разработан в 1900 году. Как вы понимаете, тот мир разительно отличался от нынешнего. И люди там были другие. Сегодня может быть трудно догадаться, в чем значение символа, не видя его раньше. Возможно, вы уже встречали нечто подобное:
1. Кнопка меню в Motorola
2. Кнопка «Список» в MS Word
3–4.
Элемент меню ОС Android
Неудивительно, что эта иконка приводит большинство пользователей в замешательство. Согласно руководству по веб-дизайну от маркетинговой компании Norman Nielsen при разработке элементов веб-среды нужно руководствоваться правилом 5 секунд: если в течение 5 секунд пользователь не может понять значение иконки, значит этот знак не стоит использовать, поскольку он не транслирует вложенный в него смысл.
Иконка-гамбургер все еще незнакома большинству пользователей, а потому и вызывает недоумение.
- 14 современных трендов в веб-дизайне и мобильных интерфейсах
Какие могут быть альтернативы иконке-гамбургеру?
Специалист по маркетингу Луис Эбрю (Luis Abreu) рекомендует не прятать меню, а, напротив, демонстрировать его как есть. «Посетителям будет весьма удобно изучать интернет-ресурс, когда под рукой у них будет такой путеводитель».
Но, пожалуй, одно из самых компромиссных решений предлагает UX-дизайнер Эдриан Замбруннен (Adrian Zumbrunnen): опираясь на некоторые принципы гештальт-психологии (а именно — объекты, расположенные рядом друг с другом, воспринимаются как единая группа), он предлагает в начале страницы использовать привычное слово «Меню», дополненное иконкой-гамбургером, а при скроллинге — прятать слово «Меню», оставляя только те самые «три горизонтальные полоски».
Заключение
Меню формата «гамбургер» имеет свои минусы и плюсы. С одной стороны, оно экономит место на странице и упорядочивает дизайн. С другой — этот элемент ухудшает пользовательский опыт и зачастую оказывается совершенно непонятен посетителям всех возрастов. Что произойдет конкретно на вашей странице, неизвестно никому, поэтому не стоит уповать на результаты экспериментов (которые, как вы можете заметить, иногда доказывают прямо противоположные вещи), но лучше провести сплит-тесты и получить четкий ответ.
Высоких вам конверсий!
По материалам conversionxl.com, image source redhotsaigon
26-12-2014
39 254 иконки кликов — бесплатно в SVG, PNG, ICO
Получите неограниченный доступ к более чем 6,2 миллионам активов
Получите неограниченное количество загрузокНажмите Значок
Кликбанк Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Щелчок Соотношение Значок
Нажмите Значок
Нажмите Значок
Нажмите, чтобы действовать Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите, чтобы действовать Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Кликбанк Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите «Установщик».
ЗначокНажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите, чтобы действовать Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Клики Значок
Нажмите Реклама Значок
Нажмите Значок
Нажмите Значок
Нажмите Реклама Значок
Нажмите Реклама Значок
Нажмите Реклама Значок
Нажмите Реклама Значок
Нажмите Реклама Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Оплатить за Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Жест Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите Значок
Нажмите значок
нажмите значок PNG и вектор SVG скачать бесплатно
нажмите значок PNG и вектор SVG скачать бесплатно Мы создаем новые иконки каждый день.
Станьте покровителем UXWing для поддержки сайта всего за долларов США в месяц!
Поделиться этой страницей
clickclickclickФорматы: Оптимизированный файл SVG, уменьшенный файл PNG / PNG Размер: 512px x 512px / Категория: Рука, жесты
Лицензия: Все иконки можно использовать в любых личных и коммерческих проектах без указания авторства или указания авторства. Подробнее
Скачать PNG Скачать SVG Редактор иконок SVG
Просмотреть все связанные значки »
Категории иконок
- Сельское хозяйство, сельское хозяйство, садоводство
- Животные, птицы
- Стрелка, направление
- Искусство, графика, формы
- Банковское дело, финансы
- Красота, мода
- Бренды, социальные сети
- Строительные специалисты, бизнес-услуги, недвижимость 902 7 4
- 4, 900 73 Галочка , Крест
- Одежда, Аксессуары
- Связь, Чат, Звонок
- Компьютеры, Мобильные устройства, Аппаратное обеспечение
- Контроллер, Музыка
- Криминал, Безопасность, Военные, Право
- Домен, Хостинг
- Электронная коммерция, Валюта, Покупки
- Редактирование, Пользователь, Действие
- Образование, Школа
- Смайлики, Смайлик
- Фестиваль, Культура, Религия
- Файл, Тип папки , Тренажерный зал 7 , Спа
- Флаги, Достопримечательности
- Еда, Напитки, Кулинария
- Фрукты, Овощи
- Руки, Жесты
- Здоровье, Болезни, Органы
- Домашнее хозяйство, Техника, Техника Сеть , 9027 Интернет,
- Местоположение, путешествия, карта
- Логистика, доставка, доставка
- Медицинская, наука, лаборатория
- Природа, окружающая среда, экология
- Peoples, Avatars, мысли
- Отношения
- SE мысли
- .
