Служба Рассылок Городского Кота (business.ismb) : Рассылка : Subscribe.Ru

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

ИМ(с)Б Интернет для малого (и среднего) бизнеса

Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

← Май 2000 →
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Автор

Людмила Лунькова

Статистика

5.073 подписчиков
0 за неделю

← Все выпуски →

Служба Рассылок Городского Кота

Служба Рассылок Городского Кота

рассылка для веб-мастеров и их клиентов

ИМ(с)Б Интернет для малого (и среднего) бизнеса

Как разрабатывался
сайт журнала
"Где взять и куда
вложить деньги"

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

     Иначе говоря, читатель может пользоваться книгой так, как ему покажется удобным.
Милорад Павич "Хазарский словарь"

        Действующий адрес [http://gde-kuda.ru/]
        Первоначальный вариант [http://gde-kuda.ipc.ru/]
        Журнал "Где взять и куда вложить деньги" - новое издание, направление которого видно из его названия. Он посвящен всевозможным способам и вариантам добывания и инвестирования денег. Кроме того, издание задумано как место встреч инвесторов и предпринимателей, имеющих идеи, требующие финансовых вливаний.
        Издатели с самого начала уделили большое внимание электронной версии издания. Из первого номера на сайте было опубликовано около 80% всего отобранного для бумажной публикации материала.
        Главный редактор, Виктор Юрьевич Максименко, имеет большой опыт редактирования Интернет-издания, и вообще человек достаточно просвещенный в Сетевых технологиях.
        Высокие гонорары и квалификация редакторов обеспечила подбор сильных статей для первого номера.
        Таким образом, сайт является серьезным проектом и по финансированию, и по контенту, и по отношению руководства.
Задачи

        Аудитория издания распадается на две группы. Назовем их:
        "Широкая группа" - массовые читатели, люди, ищущие заработок, планирующие создание своего дела или обдумывающие такую возможность, мелкие предприниматели.
        "Узкая группа" - предприниматели и инвесторы, ищущие деловых контактов.
        Сайт должен служить дополнением журналу во всех его функциях, а именно:

Привлечение (удержание) широкой группы аудитории

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

Привлечение (удержание) узкой группы (в первую очередь инвесторов)

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

Рекламная площадка для рекламодателей

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

Средство диалога с читателями

        Еще одна функция, для которой Интернет приспособлен больше. Хотелось реализовать на нем все мыслимые формы диалога.
Проработка концепции
          Сайт является, прежде всего, инструментом работы с широкой аудиторией. Это должен быть информационный ресурс. Общая идея сайта может быть выражена как "Методические материалы и справочная информация по добыванию денег".
        Ядро и движущая сила этого сайта - информативный, уникальный и постоянно обновляемый контент.
        Общий объем элементов каждой страницы желательно удержать в пределах 25-50 Kb.
        Размер и количество изображений предполагается свести к минимуму. Графические материалы, построенные средствами HTML также должны быть сдержанными и ни в коем случае не затруднять восприятие текста.
        Шрифт преимущественно мелкий (-1), рубленый, гарнитура "Arial" ("Geneva", "Helvetica"). Страница, набранная мелким шрифтом представляется более содержательной.
        Основной текст набирается черным по белому, так как это наиболее удобная для восприятия комбинация цветов.
        Поскольку контент-ресурс должен максимально использовать возможности аппаратуры читателя, было решено основные страницы содержания строить на основе "резиновых" таблиц, заполняющих окно любого размера.
        Элементом "фирменного стиля" в бумажной версии журнала является "Бегущая строка" - узкая колонка на полях страницы, на которой помещаются сверхкомпактные материалы: анекдоты, афоризмы, цитаты типа "знаете ли вы, что...", а также ссылки на другие материалы журнала и т.п. Было решено сохранить это элемент и на сайте, в виде колонки с двух сторон от большинства страниц.
        В центре экрана должен располагаться основной текст в одну или две колонки.
        От традиционной навигационной панели слева было решено отказаться, разместив навигационную панель горизонтально вверху и внизу экрана. В тех случаях, где логика страницы позволяет разбиение на несколько блоков, между блоками помещается промежуточная панель, содержащая только (c) и почтовые адреса.
        Первоначально было задумано аннотировать все статьи и снабжать аннотации ссылками на соответствующие фрагменты текста. Такое решение увеличило бы удобство восприятия материала в вебе. Однако, от этого пришлось отказаться ввиду чрезмерной трудоемкости этой операции.
        Вместо этого было решено вынести "подводки" к статьям в отдельную таблицу, чтобы они загружались прежде основного материала.
Реализация
Объем

        Концепция сверхлегкого дизайна была реализована успешно.
        Средний размер страницы со статьей первого номера составил 35Kb, из 15 статей только 4 имеют объем больше 40Kb, только две - больше 50Kb.
        При этом страницы не выглядят чрезмерно сухими. Статьи проиллюстрированы фотографиями и рисунками, замечательные авторские работы художника Ф.Терлецкого придают сайту колоритный индивидуальный стиль.
        Экономия объема была достигнута, прежде всего, за счет сведения к минимуму графических элементов в стандартном аппарате страницы. Меню созданы исключительно текстовыми средствами. Единственный постоянный графический элемент - это логотип журнала ("Шагающий рубль"), размером 1,38Kb.
        Ну и, естественно, мы не жалели сил на оптимизацию дизайна по объему.

Особенности

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

Диалог

        Реализованы следующие виды диалога с читателем:
        Отзывы. На каждую статью и на весь сайт в целом созданы гостевые книги.
        Торговые ряды. Как уже говорилось, журнал задуман как место встреч инвесторов и предпринимателей. Совершенно необходимо и естественно на сайте иметь развитую доску объявлений, где помимо разделов "Требуются инвестиции" и "Предлагаю инвестиции" заведены и традиционные разделы "Куплю", "Продам", "Услуги" и "Ищу партнера".
        В первоначальном варианте, чтобы сохранить полный контроль над содержанием сайта было решено отказаться от автоматически работающих досок объявлений и форумов. Общение с читателями производится через формы "FormMail".
        На той же технологии сделан универсальный купон для занесения сведений в базу инвестиционных проектов.
        На редакционной страничке для сотрудников помимо почтовых адресов указанны номера ICQ и помещены статусные кнопки ICQ, показывающие находится ли человек в данный момент в online.
        Планируется голосование.

Пульс

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

Навигация

        Компактное основное меню содержит 13 пунктов. Само название журнала тоже является ссылкой на три раздела "Где взять" "Куда вложить" и "Деньги".
        Такое разветвленное меню позволяет реализовать избыточную навигацию. Так ссылки на каждую статью текущего номера можно найти на странице "Содержание", на странице соответствующего раздела и на странице "Архив". При этом основные статьи (гвозди номера) вынесены и на первую страницу.
        Недостатком навигации можно признать то, что в основном меню не делается разницы между ссылками на рубрики журнала, содержащие статьи, и ссылками на страницы, имеющие принципиально иное назначение ("Торговые Ряды", "Редакция" и др.). Однако, такие "функциональные" ветви собраны одной части меню - конец второй строчки. Кроме того, их назначение достаточно ясно видно из названия.

Цветовая гамма

        Цветовая гамма была составлена из основных цветов верстки бумажного варианта (дизайн студии "Метаграфика")
Положение дел
          Мы участвовали в проекте только на стадии его разработки и первоначального насыщения. Однако хочется верить, что те позитивные решения которые были заложены при создании сайта, принесут свои плоды, а то, что было неудачно - будет благополучно скорректировано.
        Передавать сопровождение сайта клиенту - это все равно, что следить за ребенком, который начинает самостоятельную жизнь. Понимаешь, что этот момент неизбежен, но хочешь его оттянуть, сколь это возможно.
        Электронная версия журнала доступна по адресу [http://gde-kuda.ru/].
        Бумажный вариант в продаже с 25 апреля.
        Позвольте пожелать удачи.

'Dr.Vo'

vo@i.am

рассылка для веб-мастеров и их клиентов

http://subscribe.ru/
E-mail: ask@subscribe.ru

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}