Анализ популярных решений в web-дизайне - Проектирование - Webmascon

| WEBMASCON - журнал для веб-мастеров обновление |07.12.2003

| Проектирование

Начало
Темы
Архив
Daily
Персоналии
Форумы
Отзывы
О сайте

все статьи на тему Проектирование

# Анализ популярных решений в web-дизайне

Web Design Practices
© Copyright 2003 Heidi P. Adkisson © перевод, 05.12.2003 Максим Россомахин и Александр Качанов распечатать

« назад к списку решений

### Поиск (Search)

Функция поиска позволяет пользователю ввести ключевые слова и операторы ("и", "или", "не") в поле ввода и затем отыскать информацию, удовлетворяющую заданным критериям поиска.

Ниже представлены собранные в мае 2002 года статистические данные о 75 сайтах-лидерах, занимающихся электронной коммерцией. (список сайтов)

#### Частота применения сайтами

93% сайтов имеют функцию поиска.

#### Положение на странице

Положение блока поиска отмечено на диаграмме-сетке размером 800 на 600 пикселов. [ о сетке ]

Блок поиска был обнаружен преимущественно в левой или верхней частях страницы. Это лишь отчасти соответствует исследованию, проведённому Майклом Бернардом (Michael Bernard). Исследование выясняло, где пользователи ожидают увидеть тот или иной элемент интерфейса коммерческого сайта. Согласно ему, участники исследования предполагали увидеть "Поиск" прежде всего в центре верхней части страницы.

#### Стиль представления

"Поиск" представлен на сайтах или в виде текстового поля с кнопкой (позволяющим осуществлять поиск прямо с текущей страницы), или как ссылка не специализированную страницу, осуществляющую поисковую функцию.

- 93% Текстовое поле и кнопка
- 7% Ссылка на страницу поиска

[см.распределение обозначений по частоте]

#### Обозначение

Поиск главным образом был упомянут, как просто "Поиск" ("Search"), но присутствовали также "Поиск по ключевым словам" ("Keyword Search"), "Поиск товаров" ("Product Search") или "Искать товар" (Finding a Product")

- 74% Текстовое поле/кнопка: "Поиск" (Search)
- 9% Текстовое поле/кнопка: "Поиск по ключевому слову" (Keyword Search)
- 7% Текстовое поле/кнопка: "Поиск товара" (Product Search)
- 7% Ссылка: "Поиск" (Search)
- 2% Текстовое поле/кнопка: "Найти товар" (Finding a Product)

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

#### Пиктограмма

Только два сайта (3%) использовали пиктограмму для улучшения заметности блока поиска. В обоих случаях на пиктограмме было изображено увеличительное стекло.

#### Опция поиска отдельных частей сайта

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

- 37% Выпадающее меню расположено слева от поля ввода
- 26% Выпадающее меню расположено справа от поля ввода
- 11% Выпадающее меню расположено снизу от поля ввода
- 11% Выпадающее меню расположено над полем ввода
- 11% Список поиска по разделам с отдельной кнопкой "Искать" для каждого раздела.
- 5% Радио-кнопки под полем ввода

[см.примеры]

#### Расширенный поиск

33% сайтов предоставляют ссылки типа "Расширенный поиск" ("Advanced Search"), ведущие на особую страницу, на которой пользователю предлагается указать более детальные критерии поиска, например, выбрать какое-то определённое исполнение товара или диапазон приемлемых цен. Большинство сайтов назвало эти ссылки просто: "Расширенный поиск", но встречаются также и другие наименования; все они представлены ниже:

- 83% Расширенный поиск (Advanced Search)
- 4% Расширенный поиск товаров (Advanced Product Search)
- 4% Детальный поиск (Detailed Search)
- 4% Дополнительные настройки поиска (More Search Options)
- 4% Мощный поиск (Power Search)

#### Явный поиск по коду товара

21% сайтов поддерживает поиск по известному номеру/коду искомого наименования или продукта. Обычно это создано с применением небольшого текста, в котором пользователю сообщается, что он может вводить в текстовое поле не только ключевые слова, но и номер интересующего его товара или услуги (например, номер по каталогу).

- 83% Единственное поле ввода, снабжённое уведомлением о том, ч то в него можно вводить не только ключевые слова, но и номер искомого элемента.
- 4% Специальное поле ввода для номера элемента.
- 4% Отдельная ссылка на страницу, где пользователь может вести поиск по номеру.
- 4% Отдельное поле поиска, дополненное выпадающим меню, в котором можно выбрать тип поиска: поиск по ключевым словам или же по номеру.
- 4% Отдельное поле поиска, дополненное двумя радио-кнопками: "Поиск по ключевым словам" и "Поиск по номеру".

[см. примеры]

« назад к списку решений

Ссылки по теме

- Эта статья на английском языке | англ.
- Поиск - простой и видимый статья Я.Нильсена | рус.
- Шаблонные решения для web-сайтов: Простой поиск | рус.

« назад к списку статей

Самые популярные статьи
- Шаблонные решения для web-сайтов
- 10 главных ошибок веб-дизайна 2002 года
- К черту старые броузеры
- Незаменимые инструменты Web-Мастера
- Как подобрать гармоничную комбинацию цветов для Web-сайта

Начало | Темы | Архив | Daily | Персоналии | Форумы | Отзывы | О сайте

|  | Автор и администратор ресурса - Александр Качанов Webmascon Project открыт в 1999 году
© 1999-2002, переводы, Александр Качанов © 1999-2002, Webmascon © дизайн | matepuana.com |  |