Иконка лупа поиск: Лупа – Бесплатные иконки: инструменты редактирования — Независимое театральное объединение "Зрительские симпатии"

Содержание

советы по использованию и способы оптимизации

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

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

В ходе одного из последних исследований специалисты исследовательской группы Нильсена-Нормана (Nielsen Norman Group, NNG) проанализировали влияние выше упомянутой альтернативы поискового поля на пользовательский опыт, а также вывели несколько гипотез ее оптимизации.

Предлагаем вам ознакомиться с ключевыми заключениями и рекомендациями маркетологов NNG.

4 ошибки веб-дизайна, убивающие конверсию

Посетителям сайта трудно найти маленькую иконку

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

К значку поиска не нужно добавлять текстовое название

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

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

Специалисты NNG также советуют дизайнерам интернациональных сайтов использовать слово «поиск» (или его перевод) в описательном теге ALT поисковой иконки.

Нестандартное расположение поисковой строки усложняет цифровую интеракцию

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

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

Единый элемент поиска ухудшает пользовательский опыт

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

По сравнению с классическим полем поиска, интеракция с которым проходит в 1-2 действия, процесс взаимодействия с единой кнопкой поиска значительно длиннее, что становится причиной возникновения конверсионного трения.

Большинству людей не знакомы нововведенные графические элементы

Говоря о современных трендах в веб-дизайне, стоит упомянуть значки меню и маркера-карты.

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

Рекомендации по дизайну иконки увеличительного стекла

1. Придерживайтесь использования стандартного окна поиска — как было сказано ранее, замена поисковой строки одним элементом является оптимальным решением только для мобильной версии сайта.

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

3. Крупный значок с большим внутренним отступом (padding) делает кнопку более заметной и кликабельной.

4. Кнопку поиска стоит оформлять в ярких, контрастных цветах.

5. Размещайте элемент для ввода поискового запроса в верхнем правом углу веб-страницы.

6. Кнопка поиска должна выполнять 2 функции: вызывать текстовое поле и отправлять поисковой запрос.

7. Используйте небольшое текстовое поле, которое расширяется после клика.

Такое окно не занимает много пространства и делает процесс ввода информации более удобным.

8. Не размещайте иконку поиска наряду с другими кнопками.

9. Пользователям также сложно найти кнопку ввода поискового запроса, если она расположена слишком далеко от других элементов сайта.

10. Текстовое поле должно появляться рядом с иконкой поиска — человек не должен тратить время на нахождение поля для ввода запроса.

11. Курсор пользователя должен автоматически перемещаться в текстовое поле после клика на значок поиска.

Как разработать качественный интерфейс?

Вместо заключения

Руководящие принципы дизайна окон поиска, опубликованные специалистами Nielsen Norman Group в 2011 году, актуальны и по сей день:

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

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

Высоких вам конверсий!

По материалам nngroup.

com, image source Andre

30-09-2014

Глобальный поиск значок, psd глобус и лупа Иконка для бесплатной загрузки

искусство и развлечения искусство символы яркий

Элементы дизайна огонь

3d любовь free vectors

Глянцевое сердце Векторный Icon (бесплатно)

изолированные объекты photoshop

Значок штампа PSD

изолированные объекты web

Значок книги PSD

изолированные web бизнес

Главная значок

оригами птица кран

Значок птицы бумага, оригами символическое

значок транспорта isolated icon shipping clip-art

Бесплатная доставка транспорта значок (PSD)

cinematography вагонкой клип

Кино фильм газа значок

оповещение искусство атом

Круглая излучения предупреждение

спортивный значок vector football illustration isolated sports graphics

Black and White Football Ball — Soccer Icon (PSD)

символ добавить плюс

Symbol — Add

символ удаление из

Symbol — Delete

символ удалите удаление

Symbol — Remove

символ справка

Symbol-Help

символ добавить плюс

Symbol-Add

символ удаление из

Symbol-Delete

почта для конверт сообщение

Square Mail symbol

отправить по электронной почте почта для сообщение

Green at symbol email

Google тестирует кнопку «Поиск», которая заменит «увеличительное стекло»

Одной из последних тенденций в дизайне интерфейсов стала замена значков текстовыми кнопками. Чтобы уменьшить путаницу, четко указывая характер действия, Google.com теперь использует такую кнопку «Поиск».

«Поиск» — синий Google Sans — заменяет значок увеличительного стекла аналогичного цвета в самом правом поле поиска. Он находится рядом с существующим значком микрофона в четырех цветах Google для голосового ввода.

Обновление от 06.08. : После первого обнаружения в конце июня кнопка A/B-тестирования кнопки поиска Google исчезла в моей учетной записи и на устройствах. Сегодня вечером Google, похоже, полностью внедрил это изменение дизайна как на главной странице, так и в результатах поиска. Есть несколько сообщений об этой настройке, широко применяемой в США и во всем мире.

Поскольку слово «поиск» намного шире, чем то, что было до этого, расстояние было увеличено, а микрофон левее. Выделив кнопку курсором, вы увидите, что она имеет овальную форму. Щелчок по нему также поднимает бледные серые очертания панели поиска.

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

: Предыдущий

: Новый

: Новый

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

: Текущий

: Новый

Кроме того, в поисковом фильтре «Все» уже был значок увеличения. Это изменение в этом месяце представило красочные значки Material Theme для всех категорий запросов.

Кнопка Google «Поиск», вероятно, является частью многих A/B-тестов, которые компания проводит перед массовым запуском новой функции. Он активен в моей учетной записи в фильтре «Все», но недоступен при входе в систему в режиме инкогнито или на других устройствах, которые мы проверили сегодня.

: Предыдущий

: Новый

Подробнее о поиске Google:

Поиск Google добавляет красочные значки Material Theme на рабочий стол в Интернете
Поиск Google, чтобы сайты не появлялись несколько раз в топе результатов
Запуск первых AR-объектов в поиске Google с 3D-животными

FTC: Мы используем автоматические партнерские ссылки, приносящие доход. Еще.

Вы читаете 9to5Google — экспертов, которые день за днем сообщают новости о Google и окружающей его экосистеме. Обязательно заходите на нашу домашнюю страницу, чтобы быть в курсе всех последних новостей, и подписывайтесь на 9to5Google в Twitter, Facebook и LinkedIn, чтобы оставаться в курсе событий. Не знаете, с чего начать? Ознакомьтесь с нашими эксклюзивными историями, обзорами, практическими рекомендациями и подпишитесь на наш канал YouTube

Посетите 9to5Google на YouTube, чтобы узнать больше новостей:

Эбнер Ли @technacity

Главный редактор. Интересуюсь мелочами Google и Alphabet. Советы/обсуждение: [email protected]