Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Веб-дизайн: лаборатория мастера


Информационный Канал Subscribe.Ru


 Веб-дизайн: лаборатория мастера

Выпуск номер 2 от 26 декабря 2002 года
 :: 
От автора

Начнём сначала
Доброго вам времени суток, коллеги. Прежде всего хочу поздравить всех с наступающим Новым Годом.
Хочу пожелать вам в Новом Году счастья, удачи, благополучия и исполнения всех желаний.

Произнесу тост
про то, чему надо и чему не надо учится (из серии одесских):

Идет одессит по Одессе, идет, натурально, по Дерибасовской, подходит к самому синему, Черному морю, у них там в Одессе, море почти рядом протекает.
Ну вот, видит, раздевается у моря иностранец, англичанин, и прыг прямо в самое синее Черное море, он видете ли, поплавать решил. У них там в Англии туманы или еще что ...
Плавает англичанин в море и вдруг чувствует, что тонет, может, он только дома в ванной плавать привык, а тут море да еще Черное. Ну, в общем, тонет.
Тонет он себе тонет, ручками машет, и SOS кричит, это если кто не знает, на их, на английском языке - "Тону ! Спасите !" значит. Вот так он себе кричит и потихоньку тонет, а в это время, натурально, одессит на набережной стоит и в море смотрит. Видит, англичанин в море тонет, ручками машет и "SOS" кричит. Это на их, на английском языке, - "Тону! Спасите !" значит. Покричал англичанин, покричал, да и утонул себе.
Сплюнул одессит в море и сказал :
- "Дурак, ты, англичанин. Надо было учиться плавать, а не английскому языку !"
Так выпьем же за то, чтобы мы всегда учились тому, чему надо!

Учитесь дизайну, господа!

В Новый Год с новой рассылкой!
Хочу вам напомнить, что рассылка "Веб-дизайн:лаборатория мастера" открылась 17 декабря 2002 года. Как вы уже успели заметить - это её второй выпуск. Коллеги, если у вас есть друзья, которым интересены вопросы обсуждаемые в рассылке, расскажите им об этом. Мы надеемся - это будет для них также неплохим подарком на Новый Год. Сделаем нашу рассылку популярнее и интереснее!
Подписаться можно на http://subscribe.ru/catalog/inet.webbuild.designmaster, ведь чем больше у нас аудитория - тем больше круг возможностей для обсуждения. В проекте находятся форум для вебмастеров, вопросы и ответы и ещё куча полезных сервисов.
Для их осуществление необходима только реакция подпищиков. Рассказав о нашей рассылке вы тем самым сделаете её более интересной и содержательной!

Сегодня в рассылке
В "Вебмастеринге"
наиактуальнейшая статья Артемия Лебедева "Рабочий стол и инструментарий". Я думаю из названия понятно, о чём она. Так что описывать ничего не буду =))
Раздел "Программные средства"в этом выпуске подробнее описывает лучший визуальный редактор страниц Macromedia DreamWeaver.
Начало читайте в первом номере. Архив рассылки.
"Реклама" в этом выпуске содержит статью: "Основные фазы взаимодействия пользователя с рекламой" - в дальнейшем это вам очень пригодится, советую читать внимательно и вдумчиво.

Основные разделы рассылки:
- программные средства - описание и обсуждение программ, необходимых при создании сайта;
- вебмастеринг - вопросы технического создания страниц, полезные сервисы и многое другое;
- дизайн - разработка логотипов, создание рекламы и, конечно, дизайн сайта;
- реклама - раскрутка сайта, создание баннеров, технические решения;
- программирование - разработка скриптов на языках JavaScript, DHTML, создание программ на PHP и Perl (гостевые книги, каталоги, форумы, чаты и многое другое).

Примечание. В одной рассылке могут находиться статьи не по всем вышеприведённым темам.

Редакционная политика
Если Вы уже имеете достаточный опыт в вебмастеринге, дизайне или рекламе и можете (а самое главное хотите) поделиться своими знаниями и к тому же заработать на этом - напишите свою статью и вышлите по адресу: mailtojam@front.ru. Через некоторое время Вам будет выслано ответное письмо, в котором будет подтверждение или отказ в публикации.
В качестве вознаграждения мы будем рады предоставить Вам рекламный блок на нашем сайте для своих нужд. Вы даже можете использовать его для раскрутки своего сайта!

С наилучшими пожеланиями, Константин (ведущий рассылки).


 :: 
Вебмастеринг

Рабочий стол и инструментарий

Вот... поговорим теперь о конкретном. О рабочем столе. Что на нем должно быть и как за ним работать.

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

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

При создании страниц я рекомен do you удержаться от использования таких программ, как FrontPage(r), HomePage(r), PageMill(r), SiteMill(r) и т. п. Если вы одной рукой мешаете в кастрюле борщ, другой утомительно замачиваете белье, а третьей собираетесь делать сайт, то это ваши программы (они для домохозяек).

 Чем плохи программы типа FrontPage(r) по сравнению с текстовыми редакторами? Между ними примерно такая же разница, как между духовой печью и микроволновой. Духовка прекрасно обращается с продуктами — хорошо прогревает их, создает тепло дома, делает нежную корочку, поджаривает хлеб. А микроволновка тупо греет воду в любом продукте, совершенно не заботясь о вкусе. Даже тарелки холодными после нее остаются. А самое гнусное — это гренки в микроволновке. С растаявшим сыром на хлебе, который сгибается пополам, как часы на картинах Дали.
Страницы, вышедшие из FrontPage(r), — это как раз такие гренки. Их видно за километр, и они неудобоваримы.

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

 Чем отличается текстовый редактор от текстового процессора? Тем, что первый редактирует, а второй — процессирует? Ну да. Текстовому редактору не нужны разные шрифты, поддержка графики, таблицы, чертежи. Он мал и неприхотлив. Он быстро обрабатывает тексты любого размера. Это то, что нужно для HTML. Если вы работаете на Макинтоше, лучшее, что можно себе представить — редактор BBEdit. Он подкрашивает таги, запоминает положение и размер окна, умеет редактировать файлы прямо на сервере (у него FTP встроен), имеет расширенные возможности поиска и вообще всячески скрашивает жизнь.

<так, для полноценной работы над страницами понадобятся: текстовый редактор, графический редактор, графический конвертер, конвертер для русских текстов, FTP-клиент, разные браузеры. Ну, и еще много чего по мелочам — таблица безопасных цветов, конвертер RGB -> HEX, TELNET-клиент и т.д>

Артемий Лебедев http://www.artlebedev.ru/kovodstvo/


 :: 
Программные средства

Визуальные редакторы - Macromedia DreamWeaver(начало в выпуске №1) - подробности

Интегрированный текстовый редактор
В дополнение к Инспектору HTML, который представляет концепцию Roundtrip HTML, новый интегрированный текстовый редактор Dreamweaver 4 делает более удобной обработку кода. Текстовый редактор вызывается с помощью Code View, а также из Инспектора HTML (Inspector HTML). Представление Split View позволяет видеть одновременно исходный HTML-код страницы и ее изображение, т. е. теперь можно просматривать проект при редактировании HTML-кода. В Code View также доступны системное меню Dreamweaver 4 и панель объектов (Object Panel).
Code View позволяет автоматически добавить отступы, выделить цветом HTML-код и JavaScript, проверить сбалансированность пунктуации, выровнять выделенную группу строк. Все это делается так же удобно, как и при работе в Design View.
Файлы, которые не содержат кода HTML, например, файлы JavaScript или XML, не изменяются при их открытии в Dreamweaver 4 - они автоматически открываются в представлении Code View.

Отладчик JavaScript
Новый отладчик JavaScript использует web-браузер для поиска ошибок в клиентской части кода JavaScript. Можно проследить, каким образом сценарий JavaScript выполняется в Netscape Navigator или Internet Explorer. Отладчик JavaScript может значительно сократить время поиска и устранения ошибок в программном коде.
Если отладчик находит ошибку, установите контрольную точку, затем проверьте объекты и свойства, которые были определены в JavaScript. Пошаговое выполнение позволяет достаточно точно локализовать ошибку в программе.
При пошаговом выполнении программного кода можно проверять значения переменных, используя список переменных (watch list) в нижней половине окна отладчика. Это поможет обнаружить проблемы в сценарии JavaScript.

Режим компоновки
Для компоновки страницы дизайнеры всегда использовали HTML-таблицы, но это никогда не было простой задачей. Уникальное представление Layout View упрощает процесс компоновки, позволяя использовать таблицы как основу проекта, избегая при этом распространенных ошибок компоновки. Например, можно сначала нарисовать ячейки на странице, а затем переместить их в другое место и поменять их параметры. Можно задать фиксированную ширину ячеек или позволить ей изменяться при изменении размеров страницы. Независимо от того, ведется ли работа с готовыми таблицами или создается новая компоновка, Layout View всегда создает корректные таблицы, которые правильно отображаются в любом web-браузере.
Возможность применения вложенных таблиц поможет избежать некоторых проблем, связанных с табличной компоновкой. Так, если размеры ячейки увеличиваются, например, под влиянием изменения динамических данных, то это увеличение затронет и другие ячейки таблицы, нарушая параметры компоновки. Группируя ячейки при помощи вложенных таблиц, их можно защитить от влияния других ячеек и, тем самым, сохранить общую компоновку страницы.

Текст и кнопки Macromedia Flash
Программа Macromedia Flash проста в использовании, a Flash-графику способны отображать большинство браузеров и web-приложений. Теперь, используя средства Macromedia Flash Buttons и Macromedia Flash Text, можно достаточно просто добавить Flash-графику к web-страницам, созданным в Dreamweaver 4. Macromedia Flash Buttons и Macromedia Flash Text позволяют создавать доступную для редактирования векторную графику в Dreamweaver 4. Векторные объекты Macromedia Flash 5, заменяющие растровые изображения кнопок и текста, легко поддаются масштабированию, сокращают размеры файла и лучше выглядят при печати.
Эти новые возможности позволяют для создания графических текстовых объектов и кнопок в Dreamweaver 4 привлечь специалистов-дизайнеров, работающих с Macromedia Flash, или бесплатно загрузить оформление кнопок с сайта Macromedia Exchange. Архитектура Macromedia Flash Objects является расширяемой, поэтому разработчики могут создавать новые объекты для Dreamweaver 4, например, график, диаграмму и даже "бегущую строку" новостей.


 :: 
Реклама

Как пользователь взаимодействует с рекламой в сети (глава 1)

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

Стадия:Задачи:
Осведомленность пользователи -> осведомленные пользователи
Привлечениеосведомленные пользователи -> реакция (клики)
Контакт реакция (клики) -> посетители сайта
Действие посетители сайта -> участники (покупатели)
Повторение участники (покупатели) -> повторное участие

Для каждой из стадий вовлечения пользователей возможна разная степень контроля за эффективностью ее выполнения. Коротко рассмотрим все эти фазы. Осведомленность

На этой стадии работает только внешняя, пассивная, реклама, взаимодействие с рекламой или сайтом не происходит. Критерием эффективности является индекс осведомленности: AW = осведомленные пользователи / целевая аудитория.

На параметры осведомленности влияют такие факторы, как:

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

Для чего рекламодателю нужна AW (осведомленность)?

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

Для небольших или неизвестных компаний Сеть - реальная возможность создать свой интернет-брэнд, способный конкурировать с именами больших компаний. Например, сервер Auto.ru известен в сети гораздо лучше, чем сервер крупнейшего дилера Вольво - компании "Независимость". Создание брэнда для молодых компаний может быть просто необходимым. Например, для интернет-магазинов очень важен кредит доверия в глазах потенциальных покупателей.При выборе интернет-площадок для рекламодателя не менее важно имя и известность сервера. Примеры можно множить

Зная о существовании Вашего сайта, пользователь может посетить его, когда у него возникнет такая необходимость и посоветовать посетить его знакомым. О том, насколько эффективен брэндинг в Сети и каким образом можно измерить эффект имиджевой рекламы, будет рассказано в Главе 8.

Привлечение

Часто лишь осведомленности пользователей о компании или веб-сайте бывает недостаточно для рекламодателя.
Вы можете быть информированы о существовании сайта, но не посетить его ни разу. Я, например, знал довольно давно про сайт www.nanya.ru, но посетил его только при подготовке книги. С другой стороны, невозможно посетить сайт, не зная о его существовании.

Пользователи, которым была продемонстрирована реклама, могут:

  • не придать ей значения или вообще не заметить;
  • запомнить ее и на какое-то время стать "осведомленным пользователем". Для закрепления этого эффекта желательно производить повторные показы (effective frequency);
  • отреагировать на нее (как правило, кликнуть на рекламу мышкой и перейти на сайт рекламодателя за более подробной информацией, поучаствовать в конкурсе, заполнить заявку, совершить покупку и т.д.)

Следует заметить, что, начиная с последего момента, реклама становится активной, то есть с ней начинает взаимодействовать сам пользователь по своей собственной воле.

Наиболее точной характеристикой привлечения посетителей является CTR (click trough ratio) - отношение количества пользователей, которые кликнули на рекламу, к общему числу пользователей, которым она была продемонстрирована. Хотя, разумеется, здесь есть и ряд погрешностей - например, если на баннере есть URL, пользователь может набрать адрес сайта в браузере, а не кликать по ссылке мышкой.

На значение CTR влияет множество факторов:

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

Контакт

Не все привлеченные рекламой пользователи станут посетителями Вашего сайта. Нажав на ссылку или набрав URL в окне браузера, пользователи могут:

  • не дождаться загрузки сайта при низкой скорости соединения или плохой скорости загрузки сайта с сервера;
  • столкнуться с некорректной работой службы редиректа на сайт рекламодателя (такое бывает с баннерными сетями);
  • отвлечься от посещения сайта, который загрузится, но пользователь его так и не увидит.

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

На своей практике я наблюдал значительное (до 50%) расхождение между количеством кликов на рекламу и количеством привлеченных с ее помощью посетителей. Очевидно, что для предотвращения подобных потерь необходимы следующие условия:

  • надежная связь сервера рекламодателя с Интернетом;
  • не перегруженные графикой или reach media страницы сайта рекламодателя;
  • устойчивая связь с Сетью у пользователя;
  • соответствие ожиданиям пользователя (если на баннере пользователю обещали фото топ-моделей, не рассчитывайте, что он с большим интересом будет изучать корпоративный сайт);
  • соответствие качества сайта качеству баннеров.

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

Действие

После попадания пользователя на сайт рекламодателя мы ожидаем от него определенных действий. Как минимум - ознакомление с содержимым сайта. Можно просчитать, сколько времени пользователь провел на сервере, сколько страниц он просмотрел, какие конкретно страницы и разделы сервера он смотрел, скачивал ли прайс-лист или word-документы.

Высокая степень интереса говорит о попадании рекламы в целевую аудиторию. В этом случае у Вас есть хорошие шансы на то:

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

Среди других действий, поддающихся учету, можно выделить:

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

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

Рис 1-2

На сайте поставщика стоматологического оборудования компании Дентекс (www.dentex.ru) потенциальным дилерам предлагается заполнить заявку. Весь путь пользователя от демонстрации рекламы до заполнения заявки можно отследить.


  • Продажи on-line

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

Повторение

Повторные действия пользователей в большей степени зависят от качества сайта/продукции/сервиса, которыми они уже воспользовались. Никакая реклама не способна заставить пользователя повторно заказать товар, которым он остался недоволен.

Но все же на долю повторных действий влияет и рассматриваемое нами "качество" привлеченной аудитории. Ибо в этом случае мы имеем дело не со случайными посетителями, совершившими действие из любопытства, а с действительно заинтересованными клиентами, читателями, подписчиками и т.д.
Среди повторных действий можно выделить:

  • Повторные посещения

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

  • Повторные покупки

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

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

"Энциклопедии интернет-рекламы" - www.promo.ru

 
Copyright © 2002 by DesignMasterАрхив рассылки

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное