Чужие мысли

Переводы и статьи по дизайну интерфейсов, юзабилити и web-разработке

Поиск или просмотр: два подхода к организации работы с данными

Seek or Show: Two Design Paradigms for Lots of Data
Источник: Theresaneil’s Weblog

Поиск и просмотр – два различных подхода к работе с большими объемами данных. Парадигма поиска (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