2008:

2007:

2006:

2005:

2004:

Архив на Subscribe.ru

cтатьи по теме:

...главная / рассылки / ...

Библиотека Сайтостроительства. Февральские выпуски.

25.02.05. Bыпуск #154

Приветствую всех! В прошлом выпуске рассылки мы анонсировали две статьи о программе для оптимизаторов и промоутеров сайтов - SeMonitor третьей версии. Поскольку было получено n-ное количество писем от особо ленивых :) читателей о том, что неплохо было бы дать полный текст статьи в рассылке (а не только анонс со ссылкой на текст в библиотеке) - сегодня я исправляю ситуацию и публикую первую часть материала - Semonitor 3.0 - программа для раскрутки сайта. Standard edition (ссылка на публикацию в библиотеке - http://www.i2r.ru/static/257/out_22073.shtml).

Semonitor 3.0 - программа для раскрутки сайта. Standard edition

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

Изначально Semonitor был ориентирован на работу с англоязычными поисковыми системами, однако в версии 3.0 присутствует полная поддержка всех российских поисковиков.

С выходом новой версии, официальный сайт программы также перенесен на новый адрес - www.semonitor.ru. Скачать Semonitor можно по прямой ссылке www.semonitor.ru/semonitor-rus.exe.

Новая версия включает в себя девять утилит для оптимизации и работы с сайтом, разбитых на три редакции: Standard, Pro и Expert. Данная статья знакомит вас с утилитами, входящими в Semonitor 3.0 Standard edititon.

Модуль "Определение позиций"

Высокие позиции в поисковых системах являются одним из главных источников привлечения посетителей сайта. Это ставит перед нами задачу постоянного мониторинга текущих позиций сайта по заданным поисковым запросам.

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

В настоящее время существует около шести поисковых систем, наиболее популярных у российских пользователей. Прежде всего это традиционная "большая тройка" - Яндекс, Рамблер и Апорт. Все больше посетителей оттягивает на себя Google - действительно, даже по русскоязычным запросам эта система ищет зачастую ничуть не хуже своих российских конкурентов. Semonitor позволяет работать как с международной версией Google.com, так и с российской - Google.ru (результаты их поиска существенно различается). Кроме вышеперечисленных поисковых машин, стоит сказать о Mail.ru и Km.ru. Эти порталы не являются поисковыми системами в полном смысле, однако они также предоставляют возможности поиска, которыми пользуется значительное число посетителей. Кроме перечисленных ресурсов, Semonitor позволяет проверять позиции в Yahoo, MSN, AltaVista, Lycos и других поисковых системах (всего более 30).

Настройки проекта

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

Отчеты

Semonitor поддерживает несколько видов отчетов. Кроме текущей позиции сайта, вы увидите ее изменение и предыдущую позицию, а также узнаете, какая именно страница вашего сайта попала в результаты поиска. Достаточно часто встречается ситуация, когда в выдаче находится несколько страниц вашего сайта (например на 5, 6 и 47 позициях). Этот случай также обрабатывается программой, вы сможете увидеть информацию обо всех вхождениях.

Все отчеты, создаваемые Semonitor, могут быть экспортированы в форматы HTML, Excel, Word, CSV, XML, либо в простой текст. Печать полученных результатов также поддерживается.

Список URL

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

История позиций

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

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

Модуль "Google дата-центры"

Модуль "Google дата-центры" позволит проверять позиции сайта на дата-центрах Google. Эта возможность окажется особенно полезной при плотной работе с этой поисковой системой.

Модуль "Работа со сниппетами"

Модуль "Работа со сниппетами". При выдаче результатов по заданному ключевому слову, поисковая система показывает не только ссылки на ресурсы, но и их краткое описание, называемое сниппетом.

Для управления этим описанием предназначен специальный мета-тег Description, однако, он используется поисковыми системами далеко не всегда.

Это описание очень важно, так от его привлекательности зависит, выберет ли пользователь ваш сайт среди других результатов.

Semonitor ведет историю сниппетов. Ее анализ и аккуратное редактирование страниц сайта позволяют попытаться управлять описаниями, выдаваемыми поисковой системой.

Все описанные выше модули входят в стандартную редакцию программы (Semonitor standard edition). В следующем выпуске:
- как узнать, кто ссылается на мой сайт?
- как увеличить число внешних ссылок на сайт, анализируя конкурентов?
- индексация сайта в поисковых системах;
- лог-анализатор - узнаем больше о своих посетителях.
- Следующий материал - Semonitor 3.0 - программа для оптимизации сайта. Professional edition.
Уже давно стало хорошей традицией уведомлять вас об обновлениях на сайте Ивана Севостьянова. В сегодняшнем выпуске - "Новинки на WebProjects.ru - о чем пишут на Западе":

Добрый день, уважаемые подписчики рассылки!
В сегодняшнем выпуске хочу представить вашему вниманию ряд статей, переведенных в феврале.
- "Должна ли компания по проведению web-оптимизации давать Вам какие-либо гарантии?"
  Очень интересная и актуальная статья, посвященная гарантиям в оптимизации сайтов.
  Ли Одден (Lee Odden) описывает те моменты, которые могут гарантировать оптимизаторы своим клиентам и те аспекты, на которые не могут распространяться гарантии. Рекомендуется прочитать всем настоящим и потенциальным клиентам на оптимизацию!
  (http://www.webprojects.ru/publications/promo/38/)
- Перевод статьи Майкла Педоуна (Michael Pedone) под названием "Обмен ссылками умер".
  В статье автор выдвигает тезис о неактуальности обмена ссылками в англоязычном сегменте и правильности использования "платных" ссылок для продвижения сайтов. Для российского сегмента данные тезисы весьма спорны...
  (http://www.webprojects.ru/publications/promo/39/)
Все вопросы, пожелания, комментарии, принимаются и учитываются. Если у вас есть ссылки на интересные и еще пока не переведенные на русский язык статьи, присылайте. Если вы можете помочь в плане переводов статей с русского на английский, буду очень рад.
Пишите: ivan@webprojects.ru
С уважением, Иван Севостьянов.

Читать полный выпуск...»
23.02.05. Bыпуск #153

Доброго времени суток вам, уважаемые читатели! Прежде всего хочу вас поздравить с праздником 23 февраля, пожелать нашим мужчинам быть здоровыми и сильными, всегда быть защитниками для любимых и близких, жить в мире с миром и с собой! Желаю вам всяческих успехов в учебе, бизнесе, дизайне, творчестве, любви, жизни!
И вернемся к вопросам дизайна сайтов - на этот раз рассмотрим эти вопросы с точки зрения дизайна, оптимального не только для заказчиков или посетителей, но и для поисковых систем.

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

В простейшем случае что требуется для того, чтобы сделать первые шаги в продвижении сайта? Внедрить ключевые слова в Title, Keywords (важно для, к примеру, Яндекса) и Description, заголовки H1, H2, H..., alt-атрибуты к картинкам, ссылки, выделенные (тегами em и strong) блоки текста, зарегестрировать сайт в необходимых вам поисковых системах и каталогах - и ожидать лавины посетителей, заинтересованных в информации, которая сайтом предоставлена? На самом деле как показывает реальная практика SEO, шагов этих недостаточно.

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

Однако некоторые действия, проведенные с первых шагов разработки (первых шагов редизайна) проекта могут существенно снизить затраты на плановые мероприятия по оптимизации и продвижению. Давайте рассмотрим некоторые моменты оптимизации сайта, будут касаться web-разработчика от этапа анализа и проектирования до отладки и поддержки.
- Учитывать, что при всех требованиях к дизайнеру нарисовать визуально эффектный дизайн, его еще надо будет реализовать в валидный html-документ. Проверить документ на соответствие стандартам вы можете с помощью валидатора http://validator.w3.org. В случае, если в вашем html-коде не присутствует ошибок - валидатор сообщает вам, что ваш документ валиден по отношению к указанному в DTD стандарту, и даже предлагает разместить на сайте кнопку-сертификат, которая ведет на страницу, подтверждающий "чистоту" кода документа.
- Учитывать тот факт, что поисковые системы желают видеть контент, содержащий ключевые слова, как можно ближе к началу документа - следовательно, дизайнеру требуется реализовать такой макет, чтобы его верстка не содержала бесконечного количества скриптов, тегов таблиц с описанием всех доступных атрибутов, с бесконечными вложенностями - традиционная табличная верстка в традиционном исполнении страдает избыточностью кода. По некоторым данным, к примеру, Rambler просматривает первые 200 Кб документа.
- Помнить, что навигация, реализованная с помощью flash-технологий или java-scriptов усложняет оптимизацию сайта для поисковиков; довольно сложно найти оптимальное соответствие между эффектами в элементах оформления меню и функциональностью, между дизайном и оптимизацией.
- Проанализировать цели и задачи сайта, и на основании анализа составить семантическое ядро, ту базу ключевых слов, которые и придется нам внедрять в заголовки, метатеги и ссылки. Использовать для этого можно http://www.overture.com/ или, для русскоязычных сайтов - http://direct.yandex.ru.
- Использовать любые элементы сайта для создания необходимой "плотности" ключевых слов на странице (главной странице) сайта. В случае редизайна - будет ли меняться доменное имя сайта? Если ответ - "Да" - при выборе доменного имени владельцам проекта следует учесть результаты анализа семантической базы проекта. Веб разработчик может использовать и реальное, и доменное имя сайта в логотипе, дать картинке соответствующее название (учитывается в урле), прописать в атрибуте alt соответствующую информацию.
- Постоянно быть в курсе всех новшеств и рекомендаций от наиболее популярных поисковых систем, отслеживать методы работы, сервисы, анализировать алгоритмы ранжирования... Пользоваться специальными инструментами для оптимизаторов (в сегодняшнем выпуске мы публикуем обзор одного из наиболее интересных таких инструментов - Semonitor 3.0 в двух статьях о стандартной и профессиональной редакциях проги - Standard edition http://www.i2r.ru/static/257/out_22073.shtml и Professional edition http://www.i2r.ru/static/257/out_22074.shtml).
Актуальные новости и интересные статьи о поисковых системах публикуются так же на сайте http://www.searchengines.ru - у них же на форуме вы можете задавать интересующие вас вопросы на эту тему. Еще один интересный ресурс по поисковикам и оптимизации - www.webprojects.ru, и, кстати, именно этот проект анонсирует исследование, которое будет интересно всем, кто собирается воспользоваться услугами по интернет-маркетингу и рекламе (включая оптимизацию сайтов):

Исследование предпочтений клиентов услуг по Интернет маркетингу и рекламе

Webprojects.ru совместно с РА "Элемент" и информационно-маркетинговым агентством "Инфо-Марк" проводят исследование предпочтений клиентов на услуги по Интернет маркетингу и рекламе. Исследование ориентировано, прежде всего, на людей, которые собираются воспользоваться услугами по интернет-маркетингу и рекламе (включая оптимизацию сайтов), а также на тех, кто уже пользовался данной услугой ранее.

Сроки проведения исследования: Февраль - Май 2005 года

Цель исследования
Комплексное изучение клиентов на услуги по Интернет рекламе и маркетингу:
- мотивы для принятия решения о заказе услуг,
- факторы, влияющие на выбор подрядчика,
- ожидаемые гарантии и результаты,
- величина бюджета, который клиент готов тратить на рекламно-маркетинговые услуги,
- готовность к заключению договора на услуги
Результаты исследования
Результаты исследования в статистически обработанном виде будут опубликованы на сайтах http://www.webprojects.ru http://www.optimism.ru http://www.info-mark.ru в мае 2005 года. Конфиденциальность персональных данных гарантируется.

Форма исследования
Исследование проводится в форме анкетирования. Анкету можно скачать отсюда: http://www.webprojects.ru/anketa_client.zip (zip-архив, 11 кб); http://www.webprojects.ru/anketa_client.doc (файл Microsoft Word, 100 кб), или же, заполнить анкету онлайн по адресу: http://www.webprojects.ru/anketa_promo/.

Подробная информация об исследовании: http://www.webprojects.ru/research/clients2005/. Предложение о сотрудничестве для оптимизаторов и дизайн-студий: http://www.webprojects.ru/research/clients2005/sotr/.

Контактная информация (оргкомитет исследования):

Севостьянов Иван
Специалист по интернет-рекламе и маркетингу "Webprojects.ru"
Email: ivan@webprojects.ru
URL: http://www.webprojects.ru
ICQ: 266762824

Роман Клевцов
Генеральный директор РА "Элемент"
Email: info@element.ru
URL: http://www.element.ru

Станислав Крамник
Генеральный директор информационно-маркетингового агентства "Инфо-Марк".
тел/факс: (812) 252-73-83
e-mail: kramnik@info-mark.ru
URL: http://www.info-mark.ru

Читать полный выпуск...»
11.02.05. Bыпуск #152
И снова здравствуйте, мои дорогие!
Мы можем бесконечно стремиться к профессиональному веб-дизайну, отслеживая новости о новых инструментах и технологиях, читая статьи и книги авторитетных веб-разработчиков, дизайнеров, программеров и аналитиков... Однако опыт, исключительно только опыт может стать той основой, на которой строится ваш личный профессиональный уровень. Сколько нужно нарисовать баннеров, для того, чтобы стать опытным баннермейкером? А востребованным? Сколько должно быть в портфолио дизайнера сайтов? 10, 100? Как оценить этот самый профессионализм?

Должен ли веб-дизайнер быть отличным технологом, владеть в совершенстве необходимыми инструментами - для работы с компьютерной графикой, с html- и java кодом? Должен он быть превосходным аналитиком, уметь проектировать информационную архитектуру? Должен он быть художником от бога, тонко чувствующем красоту и законы композиции? А в реальности оказывается, что нужно все, и нужно быть всем, и спроектировать навигацию по сайту невозможно до тех пор, пока нет анализа задач проекта, содержания и объема информации, а рисовать эскиз проекта безсмысленно, пока нет ясного видения того, как раскидаются навигационные блоки, сколько их будет на главной странице, какую графику и в каком объеме можно использовать.

Если навигация по сайту имеет иерархическую структуру - когда есть главное меню, каждый из элементов которого содержит меню второго уровня (дочерний элемент), перед дизайнером стоит задача спроектировать и реализовать навигацию по сайту таким образом, чтобы пользователь не потерялся и не запутался в иерархии разделов/подразделов. В некоторых случаях разработчики реализовывают "выпадающие" (всплывающие) подменю. Плюсы такого решения в том, что пользоваться выпадающим меню легко даже неискушенным в интернет-серфинге пользователям - в практически любом windows-приложении, редакторе и даже игрушке мы наблюдаем именно таким образом сформированную навигацию. Минусы - в сложности реализации (разработчики используют различные технологии, апплеты, скрипты, возможности css) - и очень неловко выходит, когда у посетителя сайта браузер не поддерживает css2, или отключено выполнение javascript, или сам же разработчик чего-то не довел до полной кроссбраузерности - и как следствие - посетитель не получает ссылку на интересующий его подраздел или искомый документ, сайт теряет посетителя (подписчика, партнера, покупателя...).

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

Очень сложные иерархические структуры с количеством вложенностей более двух можно представлять в виде каталогов. Типичный пример - каталог сайтов от Яки - http://yaca.yandex.ru/ - каждая главная рубрика разбивается на подрубрики, те в свою очередь так же имеют дочерние подрубрики... В подобном примере, когда количество вложенных рубрик от 4 и более - каталог дает возможность последовательно выбирая необходимые разделы/подразделы, получить список ссылок на необходимые ресурсы. Каталоги так же часто реализованы в электронных магазинах для структурирования информации о товарах, это облегчает возможность потенциальному покупателю найти нужную ему еденицу.

Другая ситуация - когда мы имеем большое количество однотипной информации, которая принадлежит одной тематической рубрике (подрубрике) - к примеру, на той же Яке мы можем открыть рубрику "Hi-Tech", в которой найти подрубрику "Интернет", в ней - подраздел "Создание сайтов", а уже в этом подразделе открыть "Web-дизайн" - мы получаем список из 871 (на сегодняшний день) элементов списка - ссылок на ресурсы по веб-дизайну, дизайн студии, авторские страницы дизайнеров и т.д... (кстати пример уже упоминавшейся нами в одном из прошлых выпусков "сквозной навигации" - крайне рекомендуемой модели навигации на проектах, которые имеют иерархию второго уровня и более). Посетителю информация выдается "дозированно" по 20 ссылок, а для перехода к дальнейшим элементам списка используется еще одна популярная навигационная модель - пейджинг. В простейшем случае пейджинг представляет из себя листалку из двух элементов - кнопки (ссылки) "вперед...»" и "«...назад" (они могут быть исполнены текстом или графическими знаками, стрелками...); в более продвинутом варианте пейджинг предоставляет возможность перейти на любую страницу не последовательно, а в произвольном порядке - показывая ссылки на все доступные страницы. В случае, если в выборке страниц получается чрезмерно много, хорошим тоном стало показывать только ближайшие 8-12 ссылок на странице (остальные появляются, когда вы подходите к крайней), и, кроме того, уведомлять пользователя, сколько вообще страниц (и сколько всего элементов) в выборке присутствует. Одна из удобных функций, которая, к сожалению, редко реализована в пейджинговых навигационных блоках - "перейти к последнему элементу". Любители читать журналы с последней страницы меня поймут :).

Еще одна форма навигационной модели, которая стала популярной в последнее время - новостийная крутилка. Представляет из себя список заголовков новостей (реже - с краткими их анонсами) из, к примеру, последних 3-8 опубликованных. Заголовок является ссылкой на текст новости. Сортируются по дате, т.е. верхняя ссылка - на самую свежую новость. Внизу блока - ссылка к странице со всеми новостями. Это позволяет посетителю уже с первой страницы сайта отслеживать самые актуальные сообщения, а владельцу сайта, если есть возможность разработать "информер", публиковать такую "новостийную крутилку" на партнерских ресурсах.

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

Есть прекрасный переводной материал на сайте "WebMascon.Com" - "Анализ популярных решений в web-дизайне" - в статье не только рассматриваются возможные примеры навигационных моделей, но и оцениваются наиболее часто используемые и рекомендуемые решения для сайтов коммерческой направленности.

Сейчас я хочу предоставить слово Ивану Севостьянову:

"Новинки на WebProjects.ru - о чем пишут на Западе"
Добрый день, уважаемые подписчики рассылки!
В сегодняшнем выпуске хочу представить вашему вниманию 2 переводные статьи.
1. Перевод статьи известного специалиста по юзабилити Якоба Нильсена (Jakob Nielsen)
  "Когда поисковые машины помогают найти ответы на вопросы" (http://www.webprojects.ru/publications/promo/36/)
  Описывается роль поисковых машин в посещаемости сайтов. Даются рекомендации по организации контента, способствующего привлечению активной аудитории.
2. Перевод статьи другого западного специалиста Майка Бэнкса Вэлентайна
  "Регистрация сайтов в условиях изменившегося мира поиска" (http://www.webprojects.ru/publications/promo/37/)
  Майк Бэнкс Вэлентайн дает советы по платной и бесплатной регистрации сайтов в англоязычных поисковых системах.
Все вопросы, пожелания, комментарии, принимаются и учитываются. Если у вас есть ссылки на интересные и еще пока не переведенные на русский язык статьи, присылайте. Если вы можете помочь в плане переводов статей с русского на английский, буду очень рад. Пишите: ivan@webprojects.ru. С уважением, Иван Севостьянов.

Кстати, если вам нравится наша рассылка - вы можете проголосовать за нее на еще не закрытом конкурсе "Глас Рунета", наша рассылка представлена в номинации "Веб-дизайн, компьютерная графика, программирование, СУБД". Каждый из вас может принять участие в голосовании, и, как вы понимаете, именно от вас зависит победа нашего проекта на конкурсе. Итак, голосование производится по адресу http://www.voxru.net/result/vote/1409.shtml - как вы можете сами увидеть, пятая в списке - наша рассылка под названием "Библиотека Вебстроительства - новости, статьи, обзоры". Даже если порядковый номер в списке номинантов может меняться, вы всегда сможете найти ее по названию. Удачного выбора!

Читать полный выпуск...»
06.02.05. Bыпуск #151

Бодрого времени суток, мои уважаемые!
Как быстро прошли новогодние праздники... и снова - в работу, рутину, объемы... планировать, проектировать, рисовать, продавать. А впереди - новые праздники, следовательно - новые заказы и проекты. Хочу обратить внимание дизайнеров на акцию от компании RLE, посвященную Дню Святого Валентина - особо одаренные могут поучавствовать в конкурсе баннеров (тема - естественно - 16 февраля) и выиграть солидные призы (подробности - в новостях - http://www.i2r.ru/news.shtml?count=30&&id=22059&begin=0&count=30)

Конкурс рассылок, о котором мы писали в последних выпусках, еще не закончен, голосование по прежнему проводится на сайте "Глас Рунета", наша рассылка представлена в номинации "Веб-дизайн, компьютерная графика, программирование, СУБД". Каждый из вас может принять участие в голосовании, и, как вы понимаете, именно от вас зависит победа нашего проекта на конкурсе. Итак, голосование производится по адресу http://www.voxru.net/result/vote/1409.shtml - как вы можете сами увидеть, пятая в списке - наша рассылка под названием "Библиотека Вебстроительства - новости, статьи, обзоры". Даже если порядковый номер в списке номинантов может меняться, вы всегда сможете найти ее по названию. Удачного выбора!

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

Планируя структуру навигационного меню - учитывайте известную статистику, которая утверждает, что средний пользователь должен найти конечный докумен за максимум (!) три шага (три клика), т.е. если вы используете т.наз. "последовательную навигацию" (когда пользователь, чтобы получить доступ к документу X, должен выбрать интересующий его раздел, далее - перейти к документу 2, потом - к документу... X-1) - ваш посетитель может никогда не добраться до нужной ему информации. Почему?

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

Если целевая аудитория вашего проекта - тинейджеры - не забудьте учесть особенности восприятия информации у детей и подростков. Как утверждает гуру веб-юзабилити Якоб Нильсен - недостаточные способности к чтению, упрощенные стратегии работы, а также драматически пониженный уровень терпения мешает подросткам отслеживать большие объемы текста - следовательно, информацию отдавайте порционно и снабжайте иллюстрациями (поскольку даже востребованная текстовая информация не может удерживать достаточно долго внимание молодого "читателя"), навигацию желательно снабжать графикой, а весь сайт - интерактивными элементами - тестами и опросами, играми и форумами... (ознакомиться с полным текстом статьи можно в авторской колонке Якоба Нильсена - Jakob Nielsen's Alertbox, Usability of Websites for Teenagers, http://www.useit.com/alertbox/20050131.html)

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

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

К стандартным (или, правильнее сказать, привычным для пользователя, а потому настоятельно рекомендуемым) решениям в оформлении элементов навигации следует отнести так же изменение курсора при наведении на ссылку, изменение картинки для графических кнопок, выделение цветом - для текстовых (при этом текстовая ссылка должна быть подчеркнутой, если не всегда, то при фокусе мыши на эту ссылку). Далее - если навигационная панель представлена в виде вертикального ненумерованного списка, то пользователь ожидает увидеть рядом с каждым элементом списка ссылок маркер, который может быть как стандартного типа (значения атрибута type ненумерованного списка ul - circle, disc, square), так и любого другого, это может быть любая иконка, нарисованная индивидуально для каждого элемента списка и обозначающая тему раздела, соответствующего этому элементу. При выборе маркеров и иконок для ссылок рекомендуют так же проявлять умеренную нестандартность, предлагать такое изображение, которое действительно поможет посетителю страницы быстро определить тему раздела, и не заставит его мучительно напрягаться, дабы разгадать суть такого элемента оформления. Подавляющему большинству пользователей интернета не нужно объяснять, что "вернуться на главную" страницу можно, нажав на иконку, изображающую домик, отправить e-mail - кликнув на стилизованное изображение письма, а распечатать документ (в случае, если есть "версия для печати" - кликать там, где живет картинка с принтером.)

Впрочем буквально эти рекомендации воспринимать не желательно :) поскольку талантливый дизайнер, конечно, способен изобразить простую и привычную форму (к примеру - тот же конвертик) необычно и креативно, однако никто не отрицает, что можно нарисовать и другой знак так успешно, что у посетителя не будет сомнений в функциональности этого элемента.

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

Читать полный выпуск...»

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

наверх