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

Хороший интерфейс позволяет человеку быстро и легко достичь той цели, с которой он пришел на сайт. Но с течением времени потребности пользователей меняются. Это происходит из-за изменений в структуре интернет-аудитории и развития интернета в целом. Например, по данным Фонда «Общественное мнение», за последние годы аудитория рунета немного повзрослела, женщины стали пользоваться интернетом наравне с мужчинами. Теперь пользователи заходят в сеть почти каждый день и чаще из дома, а не с работы, как это было несколько лет назад. Интернет стал привычным средством для общения и развлечений. В Яндекс.Картинках эти изменения особенно заметны по тематикам запросов. Например, стало больше «взрослых», «женских» и «развлекательных» запросов: о благоустройстве дома, ремонте, дизайне интерьера, детских товарах, моде и красоте, смешных картинках.

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

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

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

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

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

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

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

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

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

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

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

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

Надеемся, что и вам искать и рассматривать изображения в новом интерфейсе Яндекс.Картинок будет удобно и приятно.

После нескольких месяцев тестирования Google запустил новый интерфейс Поиска (Web Search), в котором левая боковая панель заменена на гораздо более простую горизонтальную панельку, располагающуюся под поисковой формой. Похожий интерфейс был запущен в прошлом году для планшетов и месяц назад для смартфонов, так что Google стремится унифицировать работу с сервисом.

Хотя все прежние функции доступны, продвинутые поисковые фильтры по умолчанию не показываются: нужно нажать на «Показать настройки» (Search tools) и выбрать нужный. Раньше Google показывал некоторые настройки/фильтры сразу; например, в прежнем интерфейсе легче было посмотреть недавние страницы: для этого нужно было максимум два клика (а порой и один) — теперь же, чтобы посмотреть результаты поиска за последние сутки, нужно три раза нажать мышкой. Ещё одна проблема состоит в том, что при пользовании новой панелью легче промахнуться и нажать на рекламу.

«В новом дизайне несколько больше воздуха и чётче выделяется то, что, собственно, вы ищете, будь то результата веб-поиска или функции вроде Гуглопедии (Knowledge Graph). Для начала новый интерфейс будет доступен только пользователям в США, однако мы стремимся запустить версии для других языков и регионов как можно скорее», сообщает Google.

В прежнем интерфейсе добавить картинку перетаскиванием можно было двумя способами — как вложение (attachment) и как иллюстрацию прямо в теле письма (inline image). Новый интерфейс при перетаскивании картинки в письмо всегда вставляет её в тело письма. Причин, по которым это может не нравиться, масса: сложнее писать письмо, в котором много картинок; картинки могут отвлекать; если несколько картинок размещены прямо в теле письма, нет возможности загрузить их все сразу; некоторые почтовые программы блокируют картинки, размещённые в теле письма… Да мало ли причин.

К счастью, для вложения картинки можно прибегнуть к кнопке вложения («Прикрепить файлы (Attach files)», которая со скрепкой); если воспользоваться кнопкой добавления картинок («Добавить фото (Insert photos)», которая с фотокамерой), картинка окажется в теле письма. Тем, кто хочет всё-таки вкладывать картинки перетаскиванием, можно посоветовать перетащить вместе с нужным файлом изображения ещё какой-нибудь произвольный файл (к примеру, PDF-файл или даже просто другую картинку): при перетаскивании нескольких файлов Gmail не разбирается в их типах и добавляет всё как вложение. После этого лишний файл можно из письма удалить.

В настоящий момент ещё можно временно «вернуться к старому интерфейсу (temporarily switch to the old compose»), раскрыв — щелчком по кнопке со стрелкой в правом нижнем углу — меню и выбрав в нём соответствующий пункт, однако новый интерфейс пришёл надолго и всерьёз, а старый вскоре станет недоступен. Новый интерфейс даже уже стал умолчальным для всех пользователей.