`

polymer:ru[251317@o@1604211-b-c]

Представление информации на сайте

Введение в тему

Классификация ресурсов интернет

Психология пользователя интернета

Представление информации на сайте

Продвижение веб-сайтов

Структурированные кабельные сети

Структура сайта и его страниц

 

Структура сайта должна быть оптимизирована, исходя из марш­рутов пользователей целевой аудитории. Перед тем как формиро­вать структуру сайта, необходимо определиться с составом целевой аудитории. Для этого надо классифицировать пользователей. По­строение сайта без данного анализа делает его хаотичным. Неко­торой важной информации на нём может не хватать, другая может быть избыточной. Такой ресурс быстро разочарует пользователя и он не захочет с ним работать.

 

Рассмотрим этот процесс на примере сайта издательства. Род де­ятельности — издание книг научно-технической тематики. Контак­ты с руководителями издательства показали заинтересованность с их стороны. Мне было предложено высказать соображения о недоста­точной эффективности работы сайта. Привожу их полностью в первозданном виде.

 

Соображения о сайте

 

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

Ниже видим целых два меню. В горизонтальном — четыре аль­тернативы, причем «главная» — не работает, мы и так на ней. «Хро­ника» — не самая нужная ссылка, зачем она на столь хорошем месте? «Контакты» — хорошо. «Оптовикам» — тоже хорошо.

Вертикальное меню слева. Целых девять альтернатив. Шрифт со­всем другой (обилие разных шрифтов вообще утомляет). «Об издатель­стве» — эта информация и так уже перед глазами. «Новости» — тоже. «Наши книги» — хорошо. «Новинки» — почему они не в новостях? «Авторам» — нужная кнопка, она должна быть рядом с «Оптовикам», «Читателям», «Рекламодателям». «Прайс-лист» — дублирование «Наших книг». «Наши партнёры» — чистое хвастовство. Вместо загрузки меню лучше этот список добавить к тексту «Об издательстве». Чита­тель этих текстов, скорее всего, один и тот же. «Контакты» — уже было в первом меню,

Под меню видим «Поиск книги». Его бы надо на лучшее место. Там пользователь привык видеть формы поиска. Там ему удобнее.

«Планы издания». «Находятся в печати». Почему это не вошло в меню? Формулировка странная.

«Голосование». Это для постоянных клиентов. Можно сдвинуть в «подвал». Пользуется ли популярностью этот сервис? Используются ли результаты для пользы издательства? Может отказаться от этой штуки вообще?

Дальше идут рейтинги. Они вообще читателю не интересны. Их в самый низ или вообще убрать.

Нижняя строчка страницы с копирайтом и неработающим е-мейлом web-мастера. Кому она нужна? Зачем подчёркивать копирайт? Ка­кая в сайте заключена новизна?

Справа снизу снова рейтинги. Зачем их так много?

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

Идём дальше.

Для примера кликаем «Для оптовиков» и видим - снова сильно за­груженную страницу, где между боковыми колонками стиснута нужная нам информация." Читаем: «Для оптовиков» (по центру) потом «Вни­манию книготорговых организаций!» (слева). Пожалуй, уже перебор. Текст подчёркнутый, но это не ссылка (разочарование). Дальше: С 1 марта 2003 года... (н-да, здесь всё давно запылилось...)

Дальше идут таблицы. Тут видим загадочное: >либо — 150 тыс.

И так далее…

 

Обращаю на все это внимание руководства и предлагаю моди­фицировать. Что же было дальше?

 

Из дальнейшего общения с потенциальным заказчиком, в ро­ли которого выступили руководители издательства, выяснилось, что для него характерны связи со следующими категориями партнёров:

·         постоянные читатели;

·         новые читатели;

·         оптовые продавцы;

·         авторы.

 

В данном случае категории оптовых продавцов и авторов очень малочисленны. Задача работы с ними через сайт не стоит. Остаётся сосредоточить внимание на читателях. Это очень хорошо для фор­мирования структуры сайта. Интересы обоих категорий читателей близки, что позволяет реализовать сайт лаконично и компактно.

 

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

 

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

 

Чрезвычайно выгоден для авторов сайта перевод новых читате­лей в категорию постоянных. Они посещают сайт регулярно, интере­суются новинками, покупают книги, рекомендуют их знакомым, ссы­лаются на них.

 

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

 

Постоянный читатель попадает, например, по ссылке в «Избран­ном» на главную страницу сайта. Прежде всего его интересуют но­винки. Он хочет их сразу увидеть. Другой вариант: постоянный читатель пришёл уточнить сведения об известной ему книге (или даже купить её). В этом случае ему нужна форма поиска или каталог книг.

 

Дизайн только намечен, зато все ссылки работают. Заказчик может опробовать работу будущего сайта.

 

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

 

Описание: Описание: E:\WebServers\home\localhost\www\freelife\clients\ru\w_frames\structure.files\image001.gif

 

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

 

На рисунке видны все страницы сайта издательства. В результате анализа целевой аудитории сайт получился компактным и лаконич­ным. Такой ресурс удобен пользователю и оставляет у него позитив­ное впечатление. А, значит, он захочет на него вернуться снова.

 

Если бы большая площадь на главной странице не была заня­та информацией об издательстве, на ней можно было бы разместить структурированный каталог книг. Тогда доступ к основному контен­ту был бы ещё более упрощён.

 

Сайт имеет древовидную структуру. Такая структура характерна для подавляющего большинства сайтов. Она обеспечивает быст­рый и логичный доступ к контенту сайта. Стрелками показаны клики при переходе со страницы на страницу. В данном случае при вы­борке для перехода на нужную аннотацию книги (от главной страни­цы через каталог) пользователь должен сделать три клика. (Второй клик на рисунке не показан. Это переход на нужный раздел внутри каталога.) Древовидную структуру сайта нужно стремиться сделать как можно более «приземистой». Идеальный сайт имеет структуру «трава», то есть каждая страница доступна с главной за один клик. К сожалению, её реализация, как правило, невозможна. При доста­точно развитом контенте отдельных страниц в сайте уже столь много, что пользователь не может в них ориентироваться при однокликовом доступе. Поэтому весь контент сайта разбивается на тематические разделы. Каждый раздел имеет собственную индексную страничку, как, например, каталог книг на сайте издательства.

 

Рассмотрим каталог подробнее. В верхней части страни­цы размещается структура каталога. Древовидность структуры пе­редана отступом. Собственно каталог представлен таблицей из трех столбцов. Каждое издание представлено в ней одной строкой. Ав­торы упомянуты без инициалов. От фамилий авторов можно давать ссылки на странички авторов. От названий книг ссылки ведут на аннотации. В столбце «Примечания» даны статусы книг. Для гото­вящихся к изданию книг — это срок выхода (красный цвет). Для имеющихся в продаже — это цена (зелёный цвет). У распроданных серым цветом так и написано «Распродано». Тем не менее аннотации этих книг не удаляются с сайта. Они служат воротами на сайт для новых читателей, приходящих через поисковые системы. Постоян­ные читатели, очень возможно, будут просматривать их при состав­лении списков литературы и т.п. А каждый визит пользователя на сайт — это потенциальные покупки.

 

Для ускорения перехода к аннотациям книг, минуя каталог, слу­жат два инструмента: лента новинок и форма поиска.

 

Лента новинок позволяет переходить к самым новым, самым вос­требованным аннотациям в один клик. Этот инструмент ориентиро­ван и на постоянных, и на новых читателей. Новые книги наиболее покупаемы, поэтому лента располагается на лучшем месте в окне. К её оформлению необходимо подходить очень ответственно. Она значительно влияет на эффективность работы сайта.

 

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

 

Описание: Описание: E:\WebServers\home\localhost\www\freelife\clients\ru\w_frames\structure.files\image002.jpg

 

На рисунке показана страничка аннотации книги. Аналогично оформляются странички товаров в интернет-магазинах. Здесь при­водят наименование, внешний вид и описание продукции. Там, где это необходимо, должны быть технические характеристики и фото­графии функционально важных частей изделия (в данном случае об­ложки). Важным элементом такой странички является ссылка на раздел каталога, к которому относится товар. Если структура каталога многоуровневая, должны присутствовать ссылки на разделы всех уровней. Пользователь должен иметь возможность свободно пе­ремещаться по каталогу, а также ориентироваться в нём. Насыщение страницы терминологией и её титул, совпадающий с наименованием товара, — залог высоких рейтингов в поисковых системах.

 

Пользователь интернета всегда спешит. Сеть воспитала его так, что он хочет всё получить сейчас.

 

Описание: Описание: E:\WebServers\home\localhost\www\freelife\clients\ru\w_frames\structure.files\image003.jpg

 

Поэтому очень важно дать возможность приобрести товар, не отходя от компьютера. Если это невоз­можно, то на видном месте должен быть хотя бы список магазинов. В данном случае есть и то, и другое, хотя товар только ожидается. (Это же макет. Он всего лишь показывает возможные варианты.)

 

Для печатной продукции очень полезно размещение на сайте ча­сти текста или иллюстраций. Для техники — руководства пользо­вателя. (Часто доступная техническая документация работает на рекламу товара эффективнее, чем все ухищрения профессиональных рекламщиков.)

 

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

 

Другой пример странички товара взят с сайта известной среди специалистов отечественной производствен­ной фирмы. Видимо, фирма так уверена в собственной известности, что её название можно найти только в адресе (URL) и заголовке ок­на. В целом страничка сформирована удачно.

 

Описание: Описание: E:\WebServers\home\localhost\www\freelife\clients\ru\w_frames\structure.files\image004.jpg

 

Большую часть площади занимает таблица технических параметров изделия; В левой колонке размещена фотография, дающая представление о внешнем виде товара, ниже — краткое описание, важнейшие характеристи­ки, цены. Особенно приятно присутствие цены на дополнительные кабели и ссылка на их описание. В верхней части страницы ском­понован блок информации для навигации по каталогу. Здесь мы ви­дим раздел каталога, наименование и назначение изделия. В нижней части страницы расположено меню сайта. По сравнению с главной страницей, меню урезано с учётом возможных маршрутов пользова­телей. Стилистически страничка сдержанна и лаконична, что позво­ляет пользователю сосредоточить внимание на контенте и отвечает принципу экономии. Беззасечный (сансерифный) шрифт подчёрки­вает производственное назначение товара. Крупный недостаток все­го один — нет ссылки на техническое описание изделия, хотя этот документ имеется на сайте.

 

«Антикафе фриланса». Создание веб-сайтов, разработка приложений для интернет, автоматизация производственных процессов и документооборота, создание методической базы, учебных пособий, интерактивных курсов, тренингов, тестов, презентаций, 3D-панорам и виртуальных туров. Сопровождение бизнеса в сети интернет, создание интернет-отделов и систем электронной коммерции. Редизайн сайтов, копирайтинг, рерайт и работа с контентом, продвижение товаров и услуг в интернет, меры по увеличению популярности веб-сайта. Системы статистики посещаемости веб-сайта, аналитика, формирование отчётов и составление рекомендации на их основе.

æèñ

Максим Савенков

Веб-программист

KZ, Алматы

Тел: +7 (777) 138-11-13

E-mail: iqart_terminal@mail.ru

Страница контактов:

Веб-мастер, контент-менеджер, опыт работы 15 лет, фрилансер, создание веб-сайтов с системой управления.

 
Регистрация на сайте
 
Ваше имя:
Ваш адрес электронной почты:
Создайте пароль:
Подтвердите пароль:
Введите в поле цифры с картинки:
 
 
 
 
 
Изменение регистрационных данных
 
Ваше имя:
Ваш адрес электронной почты:
Создайте пароль:
Подтвердите пароль:
Введите в поле цифры с картинки:
 
 
 
Ваш заказ:
 
 
Заказ на сумму: 0 тенге.
Доставка:
Фамилия, Имя, Отчество
Контактный телефон:
Адрес доставки:
Дополнительная информация:
сброс набранных полей
Ваш адрес электронной почты:
Введите в поле цифры с картинки:
 
Скидка: 0 %.
Итого к оплате: 0 тенге.
 
 
 
[x]

Действия с объектами

все

Блоки на странице

[ x ]
www.000webhost.com