Удивительно, как все компании взяли за правило шуметь в выпадающих окнах поиска.
Один браузер или большой интернет магазин однажды упустили повторяющиеся иконки в поиске, скорее всего был баг, который не заметили. Другие компании, просто взяли и повторили. В итоге у нас есть правило, которое захламляет выпадающее окно подсказок поиска.
Я взял наиболее популярные сервисы и посмотрел их дизайн выпадающих подсказок, абсолютно везде есть шум и просторное поле для исправлений.
Сафари
Иконка поиска зачем-то стоит перед каждым вариантом подсказки:
Все повторы иконок я убрал и выравнил текст по левому краю:
Гугл
Мало того, что иконки поиска повторяются, так они ещё перемешиваются с изображением постера сериала и логотипом компании
Я убрал весь лишний шум, все цветастые изображения переместил в правую сторону. Таким образом, я сформировал ровную читаемую левую сторону, глаз не спотыкается:
Яндекс
Самое чистое окно подсказок в подборке, но не идеальное. Правая сторона окна шумит повторяющимися стрелками:
Простой способ избавиться от шума — скрыть иконки и показывать их только при наведении на строку:
Вайлдберис
Снова те самые повторяющиеся иконки поиска, они смещают текст вправо, а остальные результаты поиска без иконок, из-за чего возникает ступень при считывании текста:
Я убрал все повторяющиеся иконки и выровнил текст по левому краю, как все остальные результаты поиска. Теперь порядок:
Тут можно было убрать разделители, но хоть они и шумят — всё же выполняют роль заборчика между разделами поиска. Оставил для примера уместного использования разделителей.
Озон
Самое вкусное оставил напоследок. Тут и неуместное использование разделителей, и каша иконок и изображений, и повторяющиеся иконки, причем с двух сторон строки, посмотрите на этот ужас:
Я убрал все повторения и оставил иконки только в заголовках разделов поиска. Иконки справа не нужны, это место я использовал под изображения.
Вот на сколько чище может выглядеть окно, при этом не утратив свой функционал:
