Поиск или просмотр: два подхода к организации работы с данными
Seek or Show: Two Design Paradigms for Lots of Data
Источник:
Поиск и просмотр – два различных подхода к работе с большими объемами данных. Парадигма поиска (Seek) используется, как правило, на web-сайтах, в то время как парадигма просмотра (Show) используется в настольных приложениях.
Парадигма поиска: спросите пользователя, что он хочет
Такой подход позволяет пользователям перейти непосредственно к информации, которую они ищут, вместо того, чтобы просматривать все что есть. В интернете используется множество вариантов реализации паттерна поиска. Все реализации этой парадигмы можно разделить на 7 типов:
1. Простой поиск / Список результатов
![]() |
Простое текстовое поле для ввода поискового запроса. Список результатов отображается на той же или на отдельной странице. |
![]() |
Songza. Список результатов отображается на той же странице, где расположена форма. |
![]() |
Clipfire. Список результатов отображается на отдельной странице. |
2. Простой поиск / Список результатов с возможностью задать направление сортировки или условие фильтрации
![]() |
Простое текстовое поле для ввода запроса. После отображения список результатов может быть уточнен. |
![]() |
Roost. Список результатов может быть уточнен настройкой фильтров в левой колонке. |
![]() |
LLBean. Список результатов можно сократить путем перехода в одну из категорий. |
3. Простой поиск / Группировка результатов
![]() |
Простое текстовое поле для ввода запроса. Результаты отображаются разделенными на группы. |
![]() |
Flickr. Список результатов разделен на группы (вкладки): фотографии, группы, люди. |
![]() |
Spotlight on the Mac. Список результатов разделен на группы: документы, фотографии, папки. |
4. Предварительная фильтрация / Список результатов
![]() |
Текстовое поле для ввода запроса с выбором категории, в которой будет производиться поиск. |
![]() |
Ask. Категории – кнопки, расположенные над полем поиска. |
![]() |
Amazon. Категория выбирается из выпадающего списка перед полем запроса. |
5. Поиск по критериям / Список результатов
![]() |
Для выполнения поиска должны быть заданы несколько критериев. Результаты отображаются, как правило, в виде таблицы с возможностью сортировки. |
![]() |
Travelocity требует ввести несколько критериев. Результаты отображаются в виде матрицы для легкого сравнения и в виде таблицы, которую можно сортировать. |
![]() |
Realtor требует задать как минимум один критерий для начала поиска. Результаты можно сортировать по колонкам. |
6. Простой поиск / Расширенный поиск (по критериям)
![]() |
По-умолчанию доступен простой поиск, расширенный поиск позволяет уточнить различные критерии. |
![]() |
Google. Форма простого поиска показывается по умолчанию. Поиск по критериям доступен на странице расширенного поиска. |
![]() |
eBay. По-умолчанию доступен поиск с предварительной фильтрацией. Поиск по критериям и список сохраненных запросов доступен на странице расширенного поиска. |
7. Сохраненные поисковые запросы
![]() |
Пользователи могут выбрать опцию «Сохранить поисковый запрос», чтобы запустить его еще раз позже или получить уведомление, если в список результатов добавится новый. Обратите внимание, что сохраняются условия поиска, а не результаты. |
![]() |
Roost. Предлагает опцию «Сохранить этот запрос». Сохраненные запросы показываются в правой колонке и могут быть запущены или удалены. |
![]() |
Indeed. Автоматически сохраняет запросы и показывает последние из них в левой колонке. Также предлагает выбрать опцию, уведомляющую по электронной почте о добавлении в список результатов новых элементов. |
Парадигма просмотра: покажите пользователю все, что есть, и дайте возможность организовать это
Эта парадигма используется в настольных приложениях, начиная с появления первых графических пользовательских интерфейсов. Она также предполагает возможность поиска, но основное внимание интерфейсов сосредоточено на представлении и организации всего объема данных.
1. Просмотр, основанный на списках
![]() |
Варианты просмотра (view) отображаются слева, соответствующее им содержание – справа. Можно создавать дополнительные варианты отображения. |
![]() |
Outlook. Варианты просмотра, доступные по-умолчанию (Inbox, Drafts, Sent, Trash), показываются слева. Варианты просмотра верхнего уровня содержат все данные и не могут быть удалены. Пользователи могут добавлять свои варианты отображения и управлять ими. |
![]() ![]() |
iPhoto. Очень похожий. Действия (кнопки на панели управления) работают для одной или нескольких записей. Выделение записей делает доступными дополнительные действия. Поиск позволяет быстро найти нужную запись. Списки результатов поиска можно сохранить в виде новых вариантов просмотра в левой колонке. |
2. Просмотр, основанный на списках с фасетной навигацией
![]() |
Варианты просмотра отображаются слева, справа представлено непосредственно содержание с возможностью фильтрации. Можно создавать дополнительные варианты отображения. |
![]() |
Songbird Media Player. Варианты отображений (Music, Movies, TV Shows…) показываются слева. Поле просмотра и 3 панели навигации позволяют отфильтровать данные по нескольким критериям – год, жанр, артист и т.д. |
![]() ![]() |
iTunes. Можно выделять один или несколько элементов и выбирать действия кнопками на панели или правой кнопкой мыши. Поиск позволяет быстро найти нужную запись. Отфильтрованные списки или списки результатов поиска можно сохранить в виде новых вариантов просмотра в левой колонке. |
3. Просмотр, основанный на списках с возможностью подробного просмотра
![]() |
Варианты просмотра отображаются слева, область справа разделена на общий список и область детального просмотра. Любой элемент из общего списка можно открыть в новом окне. |
![]() |
Mac Mail. Варианты просмотра, доступные по-умолчанию (Inbox, Drafts, Sent, Trash), показываются слева. Элементы отображаются в списке справа, выделенный элемент отображается справа снизу. Элементы с списке можно выделять по одному или по несколько. |
![]() |
WebTop. При создании новых вариантов отображения сохраняется список элементов, но не свойства отображения (направления сортировки, видимые колонки и т.д.). |
Когда использовать
Парадигму поиска лучше использовать, когда пользователь работает не со своими данными, например:
- Смотрит, что вообще имеется;
- Ищет дополнительную информацию о чем-либо (описание, фотографии, отзывы);
- Сравнивает что-то (автомобили, дома, авиарейсы);
- Покупает, играет, читает, оценивает;
Парадигму просмотра лучше использовать при работе со своими данными, например:
- Музыка, фильмы;
- Файлы, документы;
- Контакты (друзья, семья, коллеги);
- Фотографии;
- Счета;
- Электронная почта;
































Оставьте комментарий
You must be logged in to post a comment. Log in