Общие сведения о всплывающей при наведении панели в Search 2013

Исходная статья опубликована во вторник, 9 октября 2012 г.

Здравствуйте, меня зовут Патрик Квин (Patrick Quinn), я руководитель программы в группе пользовательского интерфейса поиска в SharePoint. Мне хотелось бы представить вам один из наиболее интересных компонентов пользовательского интерфейса Search в SharePoint Server 2013…

…нашу новую всплывающую при наведении панель!

 

 Новый интерфейс Search и всплывающая при наведении панель.

Новый интерфейс Search и всплывающая при наведении панель.

 

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

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

 

Мы включили в состав всплывающей при наведении панели некоторые важные метаданные, такие как тип файла, дата последнего изменения результата, авторы недавних изменений и число просмотров (чтобы вы могли узнать, как часто документ просматривался). Но мы не ограничились одними лишь метаданными.  Средства анализа документов позволяют нам индексировать верхние колонтитулы разделов и заголовки слайдов внутри документа, поэтому мы выводим верхние колонтитулы и заголовки, релевантные вашему запросу. Они называются "прямыми ссылками" и находятся на всплывающей при наведении панели в разделе "Take a look inside" (Содержимое). Но и это еще не все, ведь эти верхние колонтитулы и заголовки являются ссылками, и их выбор позволяет перейти непосредственно к соответствующему разделу (или слайду) в документе! Теперь пользователи могут осуществить поиск по миллионам документов и всего одним щелчком перейти к конкретному разделу отдельного документа.  

Более подробное рассмотрение всплывающей при наведении панели, ссылок на документы и действий.

Более подробное рассмотрение всплывающей при наведении панели, ссылок на документы и действий.

 

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

 

Возможно, что самым полезным дополнением во всплывающую панель стал высококачественный предварительный просмотр в средстве просмотра веб-приложений, доступный для всех документов Office, которые сохранены в SharePoint. Эти интерактивные предварительные просмотры имеют достаточно большой размер для получения представления о структуре, контенте и стиле документа, на который наводится указатель. Вы можете переходить по страницам документа, просматривать диаграммы, таблицы и даже анимации слайда PowerPoint (если текст предварительного просмотра Word для вас слишком мелкий, вы можете выполнить двойной щелчок для увеличения). Просмотр и анализ результатов поиска пользователями еще никогда не был настолько простым, так как теперь можно быстро просмотреть весь документ, чтобы решить, подходит ли он вам. Такие предварительные просмотры не ограничиваются только документами. Всплывающая панель содержит полнофункциональные предварительные просмотры веб-страниц, чтобы вы могли оценить их перед выбором. В тех же целях для видеозаписей предусмотрено внедренное средство просмотра.

Всплывающая при наведении панель видео позволяет пользователям воспроизводить видеозаписи.

Всплывающая при наведении панель видео позволяет пользователям воспроизводить видеозаписи.

 

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

 

Типы результатов сопоставляют категории результатов с соответствующей отрисовкой.

Типы результатов сопоставляют категории результатов с соответствующей отрисовкой.

 

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

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

Это локализованная запись блога. Оригинал статьи находится на странице Introduction to Hover Panel in Search 2013