http://www.infodonsk.ru/dv/stati_publikacii/Проект Инфодонск - Разработка веб-сайтовru<p>Грустная статистика систем электронной коммерции &mdash; согласно последним исследованиям, по крайней мере 59,8% потенциальных покупателей покидают интернет-магазин на этапе оформления заказа и его оплаты. Так почему же почти 60% посетителей, положивших товар в корзину так и не оплачивают его? <em>Представляем вашему вниманию перевод статьи под названием "Fundamental Guidelines Of E-Commerce Checkout Design" от Christian Holst. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания Smashing Magazine.</em></p>Fri, 20 Jan 2012 01:29:00 +0400<p>Грустная статистика систем электронной коммерции &mdash; согласно последним исследованиям, по крайней мере 59,8% потенциальных покупателей покидают сайт на этапе оформления заказа и его оплаты (у разных исследований разные показатели &mdash; от 59,8% у <a href="http://www.marketingsherpa.com/">MarketingSherpa</a> до 83% у <a href="http://www.seewhy.com/">SeeWhy</a>). <br /> <br /> Основной вопрос заключается в том, <strong>почему пользователи так часто и массово покидают свою корзину, не закончив оформление заказа?</strong> Причина заключена в какой-то фундаментальной ошибке дизайнеров, создающих интернет-магазины? А быть может есть какие-то формальные правила, которые усложняют жизнь простым пользователям и мешают им покупать продукты? Существует ли какая-то возможность улучшить ситуацию и повысить конверсию электронных магазинов?<br /> <a name="habracut"></a><br /> Именно это мы и попытались узнать. В 2010 году мы наняли группу интернет-пользователей для проведения юзабилити-исследования, сконцентрировавшись только на этапах от добавления товара в корзину до окончательного оформления заказа. Исследование проводилось с использованием концепции &laquo;думай вслух&raquo; и документирования всего что происходило на экране компьютера. Затем мы анализировали поведение испытываемых, тщательно исследуя сделанные записи.<br /> <br /> <img src="http://habrastorage.org/storage/cbd83c69/69a2ad3e/b2c9c7b9/dc0fb80f.gif" alt="" /><br /> <em>Исследование показало, что обычно наиболее трудным является провести пользователя через последнею стадию покупки, когда остается всего-лишь заполнить данные кредитной карты.</em><br /> <br /> Мы исследовали 15 сайтов: 1-800-Flowers, AllPosters, American Apparel, Amnesty, Apple, HobbyTron, Levi&rsquo;s, Newegg, Nordstrom, Oakley, Perfume.com, PetSmart, Thomann, Walmart и Zappos. <br /> <br /> В общем, мы проверили на пользователях более 500 юзабилити-решений: от отвлекающей анимации до нелогичности процесса оформления заказа. Затем мы проанализировали эти решения и написали 63 принципа юзабилити при оформлении заказа, в отчете, названном &ldquo;<a href="http://baymard.com/checkout-usability">E-Commerce Checkout Usability</a>&rdquo;. В этой статье мы поделимся с вами <strong>11 фундаментальными принципами из этого отчета</strong>.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>1. Процесс оформления товара должен быть полностью линейным</h2> <p><br /> <strong>Факт:</strong> <em>Наличие вложенных шагов на этапе оформления заказа сбивает с толку и пугает пользователя, разрушая его представление о линейности процесса покупки товара.</em><br /> <br /> Нелинейность процесса заказа товара &mdash; это одна из самых грубых ошибок, которые нам удалось выявить в ходе исследования. Большинство исследованных сайтов имеют линейный процесс заказа (за исключением Walmart и Zappos).<br /> <br /> Типичный способ &laquo;<em>случайно</em>&raquo; получить нелинейный процесс оформления заказа &mdash; <strong>создание одних шагов внутри других</strong>. Это случается когда, например, на отдельной странице пользователь должен &laquo;<em>выбрать желаемый адрес доставки</em>&raquo; (Walmart) или &laquo;<em>создать аккаунт</em>&raquo; (Zappos), а потом его перенаправляют на предыдущий шаг в оформлении заявки.<br /> <br /> На рисунке вы можете видеть процесс оформления заказа в Walmart. Заметьте, этот процесс нелинеен, так как выбор желаемого адреса доставки перенаправляет пользователя на предыдущий шаг.<br /> <br /> <a href="http://habrastorage.org/storage/de36e4b3/ae02e0ac/016d8f09/83912202.png"><img src="http://habrastorage.org/storage/63a21629/95893f39/5dc15597/60c6f80c.gif" alt="" /></a><br /> <em>Нелинейный процесс оформления товара у Wallmart. Хотите <a href="http://habrastorage.org/storage/de36e4b3/ae02e0ac/016d8f09/83912202.png">большую картинку</a>?</em><br /> <br /> К счастью, создать линейный процесс заказа товара достаточно легко. Например, для обеспечения линейности создание нового аккаунта <strong>не должно перенаправлять пользователя на предыдущий шаг</strong> в процессе заказа, а наоборот, должно двигать пользователя на шаг вперед.<br /> <br /> Все это очень важно, так как у всех пользователей существует ментальная модель того, что процесс оформления товара линеен. Видя одну и ту же страницу дважды, большинство покупателей решат что на сайте случилась ошибка, т.к. именно так все происходит, если сайт не принял данные от пользователя.<br /> <br /> Как заявил один наш тестеров, &laquo;То, что я увидел одну и ту же страницу дважды, выглядит подозрительно. Я точно все правило сделал?&raquo;<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>2. Добавляйте описания к названиям форм и полей</h2> <p><br /> <em><strong>Факт:</strong> Без описаний многие формы могут быть двусмысленными.</em><br /> <br /> Во время покупки один из тестировщиков пробормотал: &laquo;<em>Что означает &laquo;Строка адреса №2&raquo;?</em>&raquo; Некоторых других испытываемых смутило название формы &laquo;<em>Адрес для выставления счета</em>&raquo; (Billing address).<br /> <br /> У подавляющего большинства тестеров возникали проблемы с пониманием названий полей. В нескольких случаях эти проблемы были критическими, а в одном случае девушка-тестер вообще отказалась от дальнейших попыток заказа, так как не могла понять, что же ей требовалось ввести в конкретное поле. В большинстве случаев тестеры отмечали необходимость дополнительного разъяснения назначения каждого из полей.<br /> <br /> Одна форма, которая смущала многих тестеров, была на сайте HobbyTron. Пользователям нужно было догадаться, что означает поле &laquo;Первый&raquo;:<br /> <img src="http://habrastorage.org/storage/87d6e05c/7d31f47d/8cc9f342/84b5ce4a.png" alt="" /><br /> <br /> На сайте Apple большинство тестеров в поле &laquo;Код зоны&raquo; (Area code) стали вводить свой почтовый индекс:<br /> <img src="http://habrastorage.org/storage/9aed9d27/ea8a2e97/cb3decb0/e24d15a2.png" alt="" /><br /> <br /> В случае, когда поля формы не имеют пояснений, пользователи не всегда понимают какую информацию от них хотят получить. Именно поэтому <strong>следует добавлять к полям небольшие описания и примеры</strong>. Так как не всем пользователям нужна помощь, вы можете спрятать подсказки за ссылками &laquo;<em>Что это?</em>&raquo; или просто уменьшить контрастность цвета или размер шрифта текста подсказки.<br /> <br /> <em>Вот пример того, как описание полей и форм помогает пользователям понимать что и куда нужно вводить:</em><br /> <img src="http://habrastorage.org/storage/6bf5ce23/9d472d86/ea5e1817/bfb806d4.png" alt="" /><br /> <br /> Исключение из этого правила можно сделать только для таких очевидных полей как поле ввода электронной почты. Само название поля является понятным описанием, однако многие пользователи хотят знать зачем от них требуется адрес почты и как вы собираетесь его использовать.<br /> <br /> А еще пользователи будут рады подсказкам-иллюстрациям (например, наглядному изображению места, где на кредитной карте находится дата окончания ее срока действия).<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>3. Не стоит употреблять неоднозначные слова (например &laquo;Продолжить&raquo;)</h2> <p><br /> <em><strong>Факт:</strong> Слова, зависящие от контекста (вроде &laquo;Продолжить&raquo;) сбивают с толку.</em><br /> <br /> Кнопка &laquo;<em>Продолжить покупку</em>&raquo; в корзине может иметь два значения:</p> <ul> <li><em>Продолжить выбирать покупки</em> (например, покупатель выбрал джинсы и хочет продолжить выбирать футболку к ним).</li> <li><em>Проследовать к процессу оформления покупки</em> (покупатель выбрал все что нужно и хочет только заплатить за товары).</li> </ul> <p><br /> <br /> &laquo;<em>Назад</em>&raquo; &mdash; еще один пример такого слова. Куда это &mdash; назад? Назад на предыдущую страницу? Назад к результатам поиска? А что насчет слова &laquo;<em>Дальше</em>&raquo;? <strong>Все эти слова зависят от контекста</strong> (страницы, на которой находится покупатель) и логики самого покупателя.<br /> <br /> HobbyTron.com &mdash; это один из сайтов, на котором пользователи нажимали на кнопку &laquo;Продолжить&raquo;, думая что они при этом проследуют к оформлению заказа:<br /> <br /> <a href="http://habrastorage.org/storage/2dc48db7/b1dde290/6a739a66/450388d4.png"><img src="http://habrastorage.org/storage/93acc00a/317f417e/ddb7d561/3c17fdab.gif" alt="" /></a><br /> <em>Кнопка Продолжить на сайте <a href="http://www.hobbytron.com/">HobbyTron</a>. <a href="http://habrastorage.org/storage/2dc48db7/b1dde290/6a739a66/450388d4.png">Большой скриншот</a></em>.<br /> <br /> Один из тестеров сказал: &laquo;<em>Когда а нажимал на кнопку, я не думал о том чтобы продолжить выбирать товары, я просто хотел оформить все что уже выбрал</em>&raquo;. Это хороший пример того, как слова, зависящие от контекста, могут смутить пользователя. <strong>Примерно половина всех тестировщиков хотя бы раз кликнула не туда из-за таких слов.</strong><br /> <br /> В подобных случаях следует использовать слова, свободные от вольных трактовок &mdash; например &laquo;Купить сейчас&raquo; или &laquo;Продолжить покупки&raquo;.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>4. Визуально подчеркивайте все важные поля на странице оплаты</h2> <p><br /> <em><strong>Факт:</strong> Пользователи могут задуматься, если страница ввода данных кредитной карточки не кажется безопасной.</em><br /> <br /> Многие тестеры не задумывались о безопасности до тех пор пока не потребовалось вводить данные своих кредитных карточек. Некоторые тестеры говорили об отдельных частях страницы оплаты, используя слова &laquo;безопасный&raquo; или &laquo;подозрительный&raquo;.<br /> <br /> Некоторые поля, имеющие иконку безопасности, строчки текста и другие визуальные признаки надежности <strong>выглядели </strong>безопаснее полей, лишенные таких элементов. Это особенно удивительно если учесть что и те, и другие поля располагались на одной странице и фактически были одинаково надежны. Однако покупатели не знакомы с принципами работы форм &mdash; <strong>все, что они знают о вашем сайте складывается из их впечатления</strong>.<br /> <br /> Одна девушка из тестировщиков отказалась покупать товар мотивируя это тем, что это не кажется ей достаточно безопасным. Ее реакция не была связана с техническими особенностями страницы, ее напугала визуальная ненадежность полей ввода.<br /> <br /> Для того, чтобы проиллюстрировать как можно сделать форму визуально безопасной, я создал два макета, правый из которых выглядит надежнее (B). Эффект безопасности создается с помощью иконки замка, измененного цвета фона, а также иконки <a href="http://www.geotrust.com/">GeoTrust</a>:<br /> <br /> <a href="http://habrastorage.org/storage/45af79d2/741e44cd/bcefdffb/f2bdb361.png"><img src="http://habrastorage.org/storage/dc80e8e3/1d00c869/7972278d/226af0f3.png" alt="" /></a><br /> <em>Набросок для визуального закрепления. <a href="http://habrastorage.org/storage/45af79d2/741e44cd/bcefdffb/f2bdb361.png">Большой скриншот</a>.</em><br /> <br /> Добавляя визуальные признаки безопасности (границы, цвет фона и различные иконки) на страницу оплаты банковской карточкой, вы можете значительно увеличить впечатление безопасности страницы у покупателей.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>5. Не используйте на страницах кнопку &laquo;Применить&raquo;</h2> <p><br /> <em><strong>Факт:</strong> Покупатели не понимают что делает кнопка &laquo;Применить&raquo; с различными полями ввода.</em><br /> <br /> Более половины тестеров смутились, увидев на страницах оплаты кнопку &laquo;Применить&raquo; (например, в разделе выбора метода доставки). <br /> Мы выявили, что на эти кнопки либо:</p> <ul> <li>Вообще не нажимают, даже если соответствующее поле ввода заполнено</li> <li>Нажимают, путая с основной кнопкой подтверждения. </li> </ul> <p><br /> <br /> Пользователи просто не понимали что делать с отдельно стоящей кнопкой &laquo;Применить&raquo;.<br /> <br /> На странице оплаты <a href="http://www.newegg.com/">Newegg.com</a> <strong>только половина</strong> тестировщиков, введя свой индекс нажимали на кнопку Go (см. проблему 1 выше).<br /> <br /> <a href="http://habrastorage.org/storage/04d29f0d/c9be4ed1/d4bdcfcb/13126106.png"><img src="http://habrastorage.org/storage/50089462/2fa59e62/e991f7d1/9d54fc20.gif" alt="" /></a><br /> <em>Кнопка Применить на Newegg. <a href="http://habrastorage.org/storage/04d29f0d/c9be4ed1/d4bdcfcb/13126106.png">Большой скриншот</a>.</em><br /> <br /> Из-за того, что покупатели <strong>путают </strong>кнопку &laquo;<em>Применить</em>&raquo; с основной кнопкой подтверждения, они перенаправляются на ту же страницу для того, чтобы выбор отобразился на странице. Покупатели хотят попасть на следующую страницу, а когда они снова оказываются на предыдущей, им кажется что произошла какая-то ошибка (мы говорили об этом в 1 главе). Такая ситуация произошла с двумя тестерами, которым оставалось только догадываться, какая же ошибка произошла, ведь сообщения об ошибке не возникло (так как технически не было никакой ошибки).<br /> <br /> На сайте AmericanApparel.com тестеры <strong>путали </strong>кнопку &laquo;<em>Apply</em>&raquo; с основной кнопкой подтверждения на странице (см. проблему 2 выше) и не могли завершить процесс покупки.<br /> <br /> <a href="http://habrastorage.org/storage/4856b476/df82ddd9/351f5c2e/4de1c8b7.png"><img src="http://habrastorage.org/storage/0a2e3837/77c49c9c/8cc5642c/1862306f.gif" alt="" /></a><br /> <em>Кнопка &laquo;Apply&raquo; на сайте <a href="http://www.americanapparel.com/">American Apparel</a>. <a href="http://habrastorage.org/storage/4856b476/df82ddd9/351f5c2e/4de1c8b7.png">Большой скриншот</a>.</em><br /> <br /> Таким образом, если вам действительно нужно подтвердить данные в некоторых полях перед тем, как перейти на следующий шаг покупки, используйте средства AJAX или другие подобные средства и не показывайте кнопку &laquo;Применить&raquo;.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>6. Формат даты окончания срока действия карты должен выглядеть точно так же, как он выглядит на самой карте</h2> <p><br /> <em><strong>Факт:</strong> Форму ввода даты окончания срока действия карты бывает сложно расшифровать, особенно если она не выглядит так же, как на самой карте</em><br /> <br /> Некоторые сайты показывают эту дату в виде названия месяцев, некоторые &mdash; в виде комбинации названий месяцев и цифр, другие используют только цифры. Какой из этих вариантов подходит лучше? Самым лучшим и самым логичным способом представить дату окончания срока действия карты является сделать ее таким, каким покупатель видит ее на своей карте (то есть только цифрами). Это позволяет свести к минимуму непонимание и ошибки, так как покупатель может легко сверить цифры в форме с цифрами на карте.<br /> <br /> Ниже представлены несколько примеров того, <strong>как не нужно представлять</strong> формат ввода даты окончания срока действия карты. В примере D месяц подставляется текстом, а год &mdash; цифрами. Это самый неудачный вариант из всех.<br /> <br /> <a href="http://habrastorage.org/storage/806cca34/cf146c2f/69c03bb7/5cc49df7.png"><img src="http://habrastorage.org/storage/1ed30d74/b8420914/f0385902/74b79c83.png" alt="" /></a><br /> <br /> Правильный способ представить <strong>месяц </strong>&mdash; предложить ввести месяц цифрами и ввести префикс для одноразрядных цифр (так, чтобы они появлялись так, как они впечатаны на карте &mdash; 3 превращалось в 03).<br /> <br /> Правильный способ представить <strong>год </strong>&mdash; использовать двухзначное поле для ввода года (например, предложить покупателю ввести 14 для 2014 года).<br /> <br /> Тестеры не испытывали проблем с вводом месяца, если текстовое название месяца шло после цифрового обозначения (например, 03 &mdash; Март), но когда все было наоборот (Март &mdash; 03), то это вызывало проблемы.<br /> <br /> А еще следует использовать слэш (/) для отделения месяца от года &mdash; для того, чтобы поля были похожи на то, что покупатель видит на кредитной карте (03/14 для обозначения марта 2014 года).<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>7. Используйте только одну колонку для полей ввода</h2> <p><br /> <em><strong>Факт:</strong> Если поля формы расположены в двух колонках, то покупателями трудно увидеть связь между ними</em><br /> <br /> Более половины наших тестировщиков испытывали серьезные проблемы с заполнением форм, сверстанных в <strong>две колонки</strong>. В таких случаях возникали два сценария:</p> <ul> <li>Покупатели забывают заполнить одну из двух колонок. Пользователи либо считали их не важными, либо просто не замечали.</li> <li>Пользователи заполняли поля, которые не нужно было заполнять, что привело к ошибкам.</li> </ul> <p><br /> <br /> Вот, к примеру, форма входа и регистрации на <a href="http://www.perfume.com/">Perfume.com</a>:<br /> <br /> <a href="http://habrastorage.org/storage/9db32070/8e065687/c65735a7/64127551.png"><img src="http://habrastorage.org/storage/4badf8fc/c759a0b3/fd4a6e49/9003a51e.gif" alt="" /></a><br /> <br /> Разные пользователи интерпретировали эту форму тремя способами:</p> <ul> <li>Для того, чтобы зарегистрироваться на сайте, нужно заполнить все поля. </li> <li>Для того, чтобы оформить заявку в качестве гостя, нужно заполнить поле &ldquo;E-mail&rdquo; и все поля в правой колонке.</li> <li>Нужно заполнить либо правую, либо левую колонку.</li> </ul> <p><br /> <br /> Другой пример это <a href="http://www.petsmart.com/">PetSmart</a>. Чаще всего тестеры <strong>пропускали </strong>поле №2 во второй колонке (Enter your Credit Card Identification Number), что приводило к сообщению об ошибке.<br /> <br /> <a href="http://habrastorage.org/storage/f6df6b56/cc8fbc60/220ef72b/caa409b1.png"><img src="http://habrastorage.org/storage/368a6f5d/19861807/45147165/5aa0a72f.gif" alt="" /></a><br /> <br /> В двух таких случаях тестеры <strong>бросали </strong>процесс оформления товара потому что они продолжали вводить неправильные данные в неправильные колонки.<br /> <br /> Наш совет &mdash; используйте только одну колонку. В подобных случаях ни один тестер не столкнулся с вышеописанными проблемами.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>8. Используйте по умолчанию адрес доставки в качестве адреса для выставления счета</h2> <p><br /> <em><strong>Факт:</strong> Большинство пользователей заказывают доставку товаров домой, а значит просить ввести и адрес доставки, и адрес регистрации не имеет смысла.</em><br /> <br /> <strong>Объединяя адреса</strong>, вы значительно сокращаете количество полей, которые требуется заполнить, делая процесс покупки менее утомительным. Это также помогает уменьшить вероятность ошибки со стороны покупателя, так как он заполняет адрес всего один раз. Покупатель не будет так спешить при заполнении формы, и если обнаружились ошибки, ему придется исправлять их только один раз.<br /> <br /> <a href="http://habrastorage.org/storage/0a1ed349/dc7d7bae/cfd74fe1/c32d4022.png"><img src="http://habrastorage.org/storage/59f68a74/90608bec/b4d7ea56/0321b04f.png" alt="" /></a><br /> <em>Оформление заказа на сайте NewEgg. <a href="http://habrastorage.org/storage/0a1ed349/dc7d7bae/cfd74fe1/c32d4022.png">Большой скриншот</a></em>.<br /> <br /> Более того, вам следует вообще спрятать поля адреса регистрации. Будет недостаточно просто сделать их неактивными &mdash; в нашем исследовании это смущало тестеров и они пытались кликать по полям в надежде заполнить их.<br /> <br /> Некоторые сайты имеют на страничке кнопочку, которая переносит данные из группы полей адреса доставки в поля адреса для выставления счета. В таком случае возникает существенная проблема &mdash; пользователи вместе с адресами копируют и ошибки. Разумеется, после исправления ошибки в одной из групп полей исправленные значения нужно скопировать в другую группу полей, однако <strong>все без исключения испытываемые</strong> забыли это сделать.<br /> <br /> <a href="http://habrastorage.org/storage/da8cd3fb/78eb70bc/4c7b44ed/2d608af8.png"><img src="http://habrastorage.org/storage/56c66f62/0fe8588e/89463fbf/c2e043f9.png" alt="" /></a><br /> <em>Кнопка переноса адресов на сайте <a href="http://www.apple.com/">Apple</a>. <a href="http://habrastorage.org/storage/da8cd3fb/78eb70bc/4c7b44ed/2d608af8.png">Большой скриншот</a>.</em><br /> <br /> Кнопку порой бывает трудно заметить &mdash; это зависит от дизайна сайта. Например, на сайте Apple ее не увидела половина пользователей. В итоге им пришлось все вводить вручную два раза.<br /> <br /> Лучшим решением для таких случаев будет использовать <strong>чекбокс </strong>(или нечто подобное), который говорит, что адрес для выставления счета и адрес доставки одинаковы. В таком случае ошибки нужно исправлять только один раз. Сайт Amnesty International &mdash; хороший пример использования такого решения:<br /> <br /> <a href="http://habrastorage.org/storage/400aba35/44cea06f/30af7736/280c742c.png"><img src="http://habrastorage.org/storage/8a01428b/5e9894c2/7589c7c0/686bec47.gif" alt="" /></a><br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>9. Используйте понятные сообщения об ошибках</h2> <p><br /> <em><strong>Факт:</strong> Покупатели часто не видят сообщения об ошибках и поэтому не исправляют их</em><br /> <br /> <strong>У половины наших испытателей</strong> были серьезные проблемы с сообщениями об ошибках &mdash; они либо не видели их, либо не могли понять что от них хотят.<br /> <br /> Если покупатель испытывает проблемы с заполнением форм, то это приводит к значительному увеличению вероятности отказа от покупки. Если покупатель видит сообщение об ошибке больше чем один раз, он уходит с сайта (ему кажется что покупка заблокирована или на сайте завелись баги).<br /> <br /> Вот четыре примера недостаточно заметных сообщений об ошибке:<br /> <br /> На сайте <strong>American Apparel </strong>сообщение об ошибке возникает в желтой плашке вверху (в сообщении говорится о том, что покупатель неправильно заполнил поле с номером телефона).<br /> <img src="http://habrastorage.org/storage/0e012429/15d89238/bdbbf1e2/f3ddec13.png" alt="" /><br /> <br /> На сайте <a href="http://www.walmart.com/">Walmart</a> мы видим две маленькие красные стрелочки (справа от Ship to home и Site-re-store). Это и есть сообщения об ошибке.<br /> <img src="http://habrastorage.org/storage/37bded96/8b16902d/5d9090f1/dbec56d1.png" alt="" /><br /> <br /> А на сайте PetSmart красный цвет названия поля State/Province не является ошибкой, это всего-лишь стиль выделения этого заголовка.<br /> <img src="http://habrastorage.org/storage/1def55ac/933d32f7/179f3196/1a41d655.png" alt="" /><br /> <br /> У Perfume.com красный цвет поля означает ошибку.<br /> <img src="http://habrastorage.org/storage/57c71df8/85cbc3ab/b0446ecf/f85f155e.png" alt="" /><br /> <br /> Если сообщения об ошибках были расположены <strong>слишком далеко</strong> от полей, в которых эти ошибки были допущены, наши тестеры их не замечали. Многие сайты показывают сообщения об ошибке только вверху страницы, а не рядом с полем. Из-за этого такие сообщения бывает сложно понять. Многие тестеры, не видя ничего подозрительного рядом с полями, в которых они допустили ошибки, пытались снова и снова нажать на кнопку подтверждения, предполагая, что страница загрузилась неправильно с первого раза. Разумеется, все, что они видели в итоге &mdash; это та же страница с сообщением об ошибке.<br /> <br /> Если покупатель не заметит или не поймет предупреждения, он не сможет исправить ошибку и продолжить процесс заказа. В таком случае ему останется только бросить все и уйти с сайта. <strong>Поэтому вам нужно уделить особое внимание продумыванию сообщений об ошибках и написанию текста для них</strong>.<br /> <br /> <strong>Убедитесь в том, что ваши сообщения:</strong></p> <ul> <li>Располагаются рядом с тем местом, где допущена ошибка (а не вверху страницы)</li> <li>Поняты и лаконичны</li> <li>Заметны покупателям (сделайте их контрастнее, используйте стрелочки или другие визуальные индикаторы)</li> </ul> <p><br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>10. Регистрация не должна быть обязательной</h2> <p><br /> <em><strong>Факт:</strong> Покупателям сильно не нравится необходимость регистрироваться на сайте</em><br /> <br /> Покупателям не хочется тратить время на то, чтобы заводить еще один аккаунт на еще одном сайте. Во время наших исследований <strong>у всех тестеров пропадал запал</strong>, когда их заставляли регистрироваться, а 30% из них в итоге вообще отказывались от покупки. <br /> <br /> Это происходит по нескольким причинам.<br /> <br /> Прежде всего, у любого пользователя сети уже есть сотня учетных записей и паролей к ним, и они не хотят заводить еще одну только ради того, чтобы просто купить пару вещей в интернет-магазине.<br /> <br /> <img src="http://habrastorage.org/storage/23c4e77b/4c8f39e6/426b8331/71af8bdd.png" alt="" /><br /> <br /> Помимо этого, <strong>40% наших тестеров заявили что боятся быть заспамленными</strong>, даже если они ясно отказались от рассылки при оформлении заказа. <br /> У многих покупателей в голове есть мысленная установка &laquo;<strong>Аккаунт = Новостная рассылка</strong>&raquo;. Один из тестеров описал это так: &laquo;Если я создам сейчас аккаунт, то они будут спамить меня вечно&raquo;. Вероятно, к такому мнению они пришли из-за сайтов, которые по умолчанию подписывали пользователей на рассылку и скрывали опцию отказа от нее.<br /> <br /> <strong>Также посетители скорее всего считают что вы будете хранить их информацию вечно</strong>. И хотя компании хранят информацию о клиентах в своих базах данных независимо от того, создал ли клиент аккаунт на их сайте или нет, большинство пользователей не понимают этого. Здесь дело в восприятии, и некоторым пользователям просто не нравится думать, что сайт сохраняет их личную информацию.<br /> <br /> <strong>Кроме того, регистрация требует времени</strong>. Во время регистрации нужно пройти больше шагов и заполнить больше полей. Еще одна причина для пользователей не любить регистрацию.<br /> <br /> Ну, и наконец &mdash; <strong>многие покупатели просто не понимают зачем им нужно заводить аккаунт, если они просто хотят купить товар</strong>. Как сообщила одна испытательница, &laquo;Меня же никто не просит заводить аккаунт, когда я покупаю парфюм в обычном магазине!&raquo;<br /> <br /> Большинство покупателей нормально относятся к возможности зарегистрироваться, но они находят нелогичным что их заставляют делать это. <strong>Несколько пользователей сказали, что завели бы аккаунт, если бы покупали на сайте регулярно.</strong><br /> <br /> Если вы хотите <strong>ненавязчиво </strong>предложить вашим покупателям зарегистрироваться, вам стоит просто спросить их в конце процедуры оформления заказа (&laquo;А не хотите ли завести аккаунт? Для этого просто придумайте пароль и ведите его сюда&raquo;) В таком случае вы сможете использовать адрес электронной почты в качестве логина и самостоятельно заполнить все поля регистрации из данных, которые покупатель ввел при оформлении товара. В таком случае никто не заставляет покупателя заводить новый аккаунт, однако он имеет возможность легко сделать это после покупки. (Не забудьте разъяснить покупателю преимущества наличия аккаунта.)<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>11. Не требуйте информации, которая, по мнению пользователей, вам не нужна</h2> <p><br /> <em><strong>Факт:</strong> Когда вы просите покупателей сообщить вам информацию, которая по их мнению вам не нужна, покупатели расценивают это как вторжение в свою личную жизнь.</em><br /> <br /> На предложение сообщить номер своего мобильного телефона на одном из сайтов наш тестер воскликнул: &laquo;<em>Эй, зачем им номер моего мобильника? Как они будут его использовать? Он им не нужен!</em>&raquo; На всех исследованных сайтах кто-либо из тестеров заявлял что сайт требует от него слишком много персональной информации.<br /> <br /> Попытка узнать номер телефона в случае, когда магазину известна электронная почта удивляет и раздражает покупателей. Если у магазина уже есть один способ связи с покупателем, зачем ему еще один?<br /> <br /> <img src="http://habrastorage.org/storage/235d5e6e/ba726334/7da6708b/ad692187.gif" alt="" /><br /> <em>Оформление заказа в Apple.</em><br /> <br /> <strong>Если информация действительно необходима, то потрудитесь объяснить почему</strong>. То, что очевидно вам, &mdash; не всегда очевидно покупателям. Они привыкли ожидать худшего, когда совершают покупки онлайн (спам на e-mail и рекламные звонки на телефон).<br /> <br /> <strong>Тестеры спокойно вводили всю информацию в случае, когда на сайте было объяснено, зачем она нужна</strong>. Вот вам совет: не прячьте пояснения, пишите их прямо рядом с полем ввода информации. На самом деле, тестер, цитату которого мы приводили выше, спокойно ввел свой номер телефона на другом сайте, так как там было четко объяснено &mdash; это нужно для того, чтобы решить проблемы с доставкой, если такие возникнут.<br /> <br /> <strong>Чем дороже покупка, тем больше информации о себе согласится дать пользователь</strong>. Если покупатель заказывает ноутбук, то он хочет быть уверенным в том, что магазин сможет связаться с ним. Однако это имеет место только в случае, если подобная информация необходима чтобы сделать заказ. На сайтах, где эти поля были опциональными, покупатели остерегались вводить свой номер телефона и оставляли поле незаполненным. Это также означает, что нужно делать обязательные и опциональные поля четко различимыми.<br /> <br /></p> <hr /> <p><br /> <br /></p> <h2>Улучшение впечатления пользователя при заказе товара</h2> <p><br /> При создании хорошего впечатления от оформлении заказа нужно учесть множество мелочей, но тем не менее эти 11 принципов имеют основное значение. И если вы будете применять наши принципы, то процесс покупки на вашем сайте станет гораздо лучше.<br /> <br /> В своем исследовании, проведенном более 10 лет назад, гуру юзабилити Якоб Нильсен писал о том, что <strong>крупные электронные магазины грубо нарушают даже самые базовые юзабилити-принципы</strong>. С тех пор немногое изменилось &mdash; достаточно посмотреть на сайты Walmart и AllPosters.<br /> <br /> Многие большие сайты гордятся такими невероятными возможностями, как геотаргетинг и автоопределение адреса, но <strong>они не додумываются следовать базовым принципам юзабилити, в результате чего сильно теряют в доходах</strong>.<br /> <br /> С последними достижениями в веб-технологиях и мощными современными браузерами потенциал создания хорошего впечатления пользователя вырос многократно. Однако <strong>не стоит фокусироваться на последних технологиях до тех пор, пока базовые принципы юзабилити не соблюдены</strong>. Мы внедряем самые крутые технологии потому что они такие новые и крутые и в то же время пассивно смотрим как 59,8% покупателей уходят с сайта в процессе оформления заказа.<br /> <br /> Линейный подход (глава 1), хорошие тексты (главы 2 и 3), простой и понятный дизайн форм (4, 5, 5, 7, 8, 9), рассмотрение проблемы личной информации (10 и 11) помогут создать действительно хорошую систему оформления заказа.<br /> <br /></p> <h4>Окажите услугу себе и своим покупателям &mdash; последуйте этим принципам. Когда вы приведете в порядок азы, то смело сможете испытывать другие продвинутые способы влияния на впечатления пользователей.</h4>http://www.infodonsk.ru/dv/stati_publikacii/princip_dizajna_stranic_oplaty_dlya_internetmagazinov/http://www.infodonsk.ru/dv/stati_publikacii/princip_dizajna_stranic_oplaty_dlya_internetmagazinov/<p>Такой вопрос часто задают клиенты, которые разрабатывают веб-сайт в первый раз. Именно для начинающих клиентов и подготовлен этот обзор.</p>Wed, 18 Jan 2012 17:08:00 +0400<p></p><div> <p>Такой вопрос часто задают клиенты, которые разрабатывают веб-сайт в первый раз. Почти 70% клиентов, заказывающих веб-сайт в веб-студии "Инфодонск", делают это в первый раз. Именно для начинающих клиентов и подготовлен этот краткий обзор.</p> </div> <p>Для того, чтобы получился веб-сайт, необходимо выполнить следующие работы:</p> <div>1. Разработка карты сайта</div> <div>2. Сбор контента, согласно карте сайта</div> <div>3. Разработка прототипа главной и основных страниц сайта</div> <div>4. Разработка дизайн макета по вашему прототипу&nbsp;</div> <div>5. Разработка логотипа (если нужен)</div> <div>6. Покупка движка, хостинга, домена</div> <div>7. Верстка страниц</div> <div>8. Установка движка на хостинг</div> <div>6. Программирование веб-сайта, подключение модулей</div> <div>9. Подготовка контента (описание товаров фото+текст) по ТЗ (это может делать Заказчик)</div> <div>10. Размещение контента на сайте</div> <div>11. Подключение &nbsp;платежных систем (для интернет-магазинов)</div> <div>10. Тестирование</div> <div>11. Первичная SEO-оптимизация (установка счетчиков, размещение ключевых слов, регистрация в каталоге Яндекс, Mail.ru).</div> <h3>Условные обозначения и пояснения терминов:</h3> <p><br><strong>Браузер</strong> - программное обеспечение для просмотра веб-страниц. Популярные браузеры: Opera, Mozilla, Internet Explorer, Google Chrom. Распространяется бесплатно.<br><strong>Веб-сайт -</strong>&nbsp;совокупность электронных документов (файлов) объединенных одним доменным именем. Все веб-сайты в совокупность объеденины во Всемирную паутину (интернет)<br><strong>Верстка страниц</strong> - процесс формирования веб-страниц в текстовом (например Notepad) редакторе или&nbsp;WYSIWYG-редакторе (например компьютерная программа Dreamweaver). Верстка страниц производится на основе дизайн-макета в формате psd. Результатом верстки являются страницы с разрешением html: index.html, catalog.html. Сверстанную страницу можно открыть в интернет-браузере.&nbsp;<br><strong>Движок</strong> (оно же CMS, оно же система администрирования) -&nbsp;&nbsp;(англ.&nbsp;<em>Content management system</em>, CMS) - информационная система или компьютерная программа, используемая для редактирования и управления контентом. При помощи CMS можно изменить тексты на сайте, добавлять новые страницы, размещать фото, видео и т.д. Нельзя: изменять ширину блоков на странице, дизайн, программные модули. <a href="http://infodonsk.ru/dv/stati_publikacii/cms_2011/" target="_blank">Обзор популярных CMS в России тут</a>.<br><strong>Дизайн-макет:</strong> графического представление внешнего вида веб-сайта в формате psd<br><strong>Домен </strong>(оно же доменное имя):&nbsp;символьное имя веб-сайта. Состоит из 2 частей - уникального имени и доменной зоны, разделенные точкой. Например: website.ru - это уникальное имя, а&nbsp;.ru - доменная зона обозначающая размещение в Российской федерации. <a href="http://infodonsk.ru/dv/stati_publikacii/domen_dlya_saita/" target="_blank">Подробнее о выборе доменного имени можно прочитать тут</a>.<br><strong>Карта сайта:</strong> перечень всех страниц и разделов сайта.<br><strong>Ключевые слова</strong> (они же keywords) - meta-тег для определения релевантности страницы поисковому запросу. По набору ключевых слов поисковая система "понимает", что эту страницу сайта необходимо показывать в поисковой выдаче по указанному слову.<br><strong>Контент:</strong> информация, которая размещена на страницах сайта: тексты, фото, видео. О том <a href="http://infodonsk.ru/dv/stati_publikacii/kontent/" target="_blank">как правильно подготовить контент для веб-сайта, читайте тут</a>.<br><strong>Логотип:</strong> оригинальное начертание полного или сокращенного названия организации или товара<br><strong>Платежные системы</strong> - программное обеспечение для осуществления финансовых операций по покупке/продажи товаров и услуг в интернете. Популярные платежные системы в России: Яндекс.Деньги, QIWI, Visa, MasterCard, WebMoney.<br><strong>Прототип (он же layout, он же template, он же лейаут):</strong> предварительный набросок сайта, компоновка информационных блоков на странице. Протип еще не дизайн, но наглядное представление о том, каким получится веб-сайт.<br><strong>Счетчик</strong> (он же счетчик посещений) - сторонний сервис, предназначенный для подсчета посетителей на сайте. Популярные счетчики: Яндекс.Метрика, Google Analitics, Hotlog, Mail.Ru Liveinternet. Современные счетчики показывают не только количество посетителей в сутки/неделю/месяц, но и определяют из какого региона пришел посетитель, как долго он пробыл на сайте, сколько и какие страницы посмотрел, по каким ссылкам пришел на веб-сайт.<br><strong>SEO-оптимизация </strong>(оно же SEO, оптимизация) - комплекс мер по поднятию позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. &nbsp;Самое простое - чтобы ссылка на сайт выдавалась на первой позиции Яндекс, Google по запросу "название фирмы", которая владеет сайтом.&nbsp;<br><strong>Хостинг:</strong> обычно под понятием "услуги хостинга" подразумевают как минимум услугу размещения файлов сайта на сервере, который постоянно подключен к сети интернет и обеспечивает круглосуточный доступ пользователей к веб-сайту. Услуга хостинг стоит от 1500-3000 руб/год, оплачивается раз в год.<br><strong>Хостинг-провайдер </strong>- компания, которая предоставляет услуги хостинга. Выбор хостинг-провайдера и хостинга обычно ложится на плечи разработчиков сайта и зависит от движка и объема контента.&nbsp;</p> <p>Если у вас еще остались вопросы, вы можете их задать по электронной почте web@infodonsk.ru</p> <p><br><br>&nbsp;</p><p></p>http://www.infodonsk.ru/dv/stati_publikacii/kakovy_etapy_rabot_po_razrabotke_vebsajta/http://www.infodonsk.ru/dv/stati_publikacii/kakovy_etapy_rabot_po_razrabotke_vebsajta/<p>Рейтинг Теглайн опубликовал результаты&nbsp;исследованиия в котором приняли участие 341 человек. Представителям студий и агентств было предложено ответить на ряд вопросов, связанных с использованием CMS (систем управления контентом) при разработке проектов.&nbsp;</p>Fri, 30 Dec 2011 11:53:00 +0400<div class="sharers"> <div class="sharerbutton"> <p>В исследовании принял участие 341 человек. Представителям студий и агентств было предложено ответить на ряд вопросов, связанных с использованием CMS (систем управления контентом) при разработке проектов.</p> <ul> <li>95% компаний используют CMS при разработке своих проектов (&ndash;1%)</li> <li>5% студий CMS не используют (+1%)</li> </ul> <h2>Доля использования сторонних коробочных решений:</h2> <ul> <li>15% студий используют только свою собственную CMS для разработки сайтов (&ndash;6,6%)</li> <li>42,2% студий используют только сторонние коробочные CMS (+2,6%)</li> <li>42,8% студий используют свою собственную CMS и сторонние решения (+4%)</li> </ul> <p>По сравнению с прошлым годом, когда наблюдался внушительный рост использования студиями коробочных решений (вместо или вместе с использованием собственных разработок студии), в этом году процент использования коробочных CMS повысился ненамного, и, вместе с тем, не так сильно упала доля использования студиями только своих собственных CMS, из чего можно сделать вывод о формированиии данной расстановки решений на рынке на ближайшие годы.</p> <p>&nbsp;</p> </div> </div> <div id="otherform"> <table class="task" cellpadding="8"> <tbody> <tr valign="top"> <td> <table cellpadding="8"> <tbody id="sorttable"> <tr class="tab3"> <td><a href="http://www.1c-bitrix.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/bitrix.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">1</td> <td class="personname makelink"><a href="http://www.1c-bitrix.ru/" target="_blank">1С-Битрикс</a></td> </tr> <tr class="tab3"> <td><a href="http://www.umi-cms.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/umi.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">2</td> <td class="personname makelink"><a href="http://www.umi-cms.ru/" target="_blank">UMI.CMS</a></td> </tr> <tr class="tab3"> <td><a href="http://joomla.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/joomla.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">3</td> <td class="personname makelink"><a href="http://joomla.ru/" target="_blank">Joomla!</a></td> </tr> <tr class="tab3"> <td><a href="http://www.netcat.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/netcat.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">4</td> <td class="personname makelink"><a href="http://www.netcat.ru/" target="_blank">NetCat</a></td> </tr> <tr class="tab3"> <td><a href="http://ru.wordpress.org/" target="_blank"><img src="http://2011.tagline.ru/files/cms/wordpress.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">5</td> <td class="personname makelink"><a href="http://ru.wordpress.org/" target="_blank">WordPress</a></td> </tr> <tr class="tab3"> <td><a href="http://modx.com/" target="_blank"><img src="http://2011.tagline.ru/files/cms/modx.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">6</td> <td class="personname makelink"><a href="http://modx.com/" target="_blank">MODx</a></td> </tr> <tr class="tab3"> <td><a href="http://drupal.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/drupal.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">7</td> <td class="personname makelink"><a href="http://drupal.ru/" target="_blank">Drupal</a></td> </tr> <tr class="tab3"> <td><a href="http://hostcms.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/host.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">8</td> <td class="personname makelink"><a href="http://hostcms.ru/" target="_blank">HostCMS</a></td> </tr> <tr class="tab3"> <td><a href="http://www.amiro.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/amiro.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">9</td> <td class="personname makelink"><a href="http://www.amiro.ru/" target="_blank">Amiro.CMS</a></td> </tr> <tr class="tab3"> <td><a href="http://dle-news.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/datalife.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">10</td> <td class="personname makelink"><a href="http://dle-news.ru/" target="_blank">DataLife Engine</a></td> </tr> <tr class="tab3"> <td><a href="http://www.sbuilder.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/sbuilder.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">11</td> <td class="personname makelink"><a href="http://www.sbuilder.ru/" target="_blank">S.Builder</a></td> </tr> <tr class="tab3"> <td><a href="http://www.webasyst.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/webasyst.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">12</td> <td class="personname makelink"><a href="http://www.webasyst.ru/" target="_blank">WebAsyst (включая Shop-script)</a></td> </tr> <tr class="tab3"> <td><a href="http://oscommerce.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/oscommedce.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">13</td> <td class="personname makelink"><a href="http://oscommerce.ru/" target="_blank">osCommerce</a></td> </tr> <tr class="tab3"> <td><a href="http://www.djem.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/djem.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">14</td> <td class="personname makelink"><a href="http://www.djem.ru/" target="_blank">DJEM</a></td> </tr> <tr class="tab3"> <td><a href="http://www.cmsmadesimple.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/madesimple.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">15</td> <td class="personname makelink"><a href="http://www.cmsmadesimple.ru/" target="_blank">CMS Made Simple</a></td> </tr> <tr class="tab3"> <td><a href="http://abocms.ru/" target="_blank"><img src="http://2011.tagline.ru/files/cms/abo.png" border="0" alt="" width="185" height="47" /></a></td> <td class="personname personcounter">16</td> <td class="personname makelink"><a href="http://abocms.ru/" target="_blank">ABO.CMS</a></td> </tr> </tbody> </table> </td> <td class="taskright cmsright"> <p>&nbsp;</p> </td> </tr> </tbody> </table> </div> <h2 id="market_share" class="task">Рейтинг-распределение коробочных CMS</h2> <p><img title="Рейтинг коробочных CMS, Тэглайн-2011" src="http://2011.tagline.ru/i/cms.png" alt="Рейтинг коробочных CMS, Тэглайн-2011" /></p> <p class="task">* Серым цветом отмечены бесплатные коробочные CMS<br />** Изменение доли CMS на рынке по сравнению с&nbsp;<a href="http://2010.tagline.ru/results/cms.html" target="_blank">рейтингом 2010 года</a>&nbsp;указано в процентных пунктах<br />*** Многие компании используют более одного стороннего решения, поэтому общая сумма процентов превышает 100%. Рядом с названием CMS указано изменение позиции CMS по сравнению с 2010 годом.</p> <p>Внутри &laquo;большой тройки&raquo; коммерческих CMS произошло существенное изменение: с третьего места коммерческую CMS NetCat вытеснила бесплатная Joomla!. При этом на рынке снизилась как доля NetCat (&ndash;15,6%), так и доля заменившей ее в тройке лидеров Joomla (&ndash;9,2%). Доли 1С-Битрикс и UMI.CMS на рынке почти не изменились.</p> <p>Также хотелось бы отметить, что 24% (&ndash;5,5%) студий используют 3 и более коробочных CMS в своей работе, 44% (&ndash;3,6%) &mdash; 1 CMS, 32% (+9,2) &mdash; 2 CMS. Таким образом, по сравнению с прошлым годом несколько понизилась доля тех студий, которые используют большой набор CMS.</p> <p class="task">&nbsp;</p> <table class="task" cellpadding="8"> <tbody> <tr valign="top"> <td><ol> <li><a href="http://www.1c-bitrix.ru/" target="_blank">1C-Битрикс</a>&nbsp;&mdash; 56,6% (+0,9)</li> <li><a href="http://www.umi-cms.ru/" target="_blank">UMI.CMS</a>&nbsp;&mdash; 31,4% (+0,5)</li> <li><a href="http://joomla.ru/" target="_blank">Joomla!</a>&nbsp;&mdash; 13,4% (-9,2)</li> <li><a href="http://www.netcat.ru/" target="_blank">NetCat</a>&nbsp;&mdash; 12,4% (-15,6)</li> <li><a href="http://ru.wordpress.org/" target="_blank">WordPress</a>&nbsp;&mdash; 10,3% (-11,3)</li> <li><a href="http://modx.com/" target="_blank">MODx</a>&nbsp;&mdash; 7,6% (-2,2)</li> <li><a href="http://drupal.ru/" target="_blank">Drupal</a>&nbsp;&mdash; 6,6% (-8,4)</li> <li><a href="http://hostcms.ru/" target="_blank">HostCMS</a>&nbsp;&mdash; 3,8% (-1,4)</li> <li><a href="http://www.amiro.ru/" target="_blank">Amiro.CMS</a>&nbsp;&mdash; 2,1 (-1,2)</li> <li><a href="http://www.sbuilder.ru/" target="_blank">S.Builder</a>&nbsp;&mdash; 1,7% (-1,2)</li> <li><a href="http://www.webasyst.ru/" target="_blank">WebAsyst</a>&nbsp;&mdash; 1,7% (+0,8)</li> <li><a href="http://dle-news.ru/" target="_blank">DataLife Engine</a>&nbsp;&mdash; 1,4% (+0,8)</li> </ol></td> <td class="taskright cmsright"> <p>&nbsp;</p> </td> </tr> </tbody> </table> <p class="task">* В скобках указано изменение доли CMS на рынке по сравнению с&nbsp;<a href="http://2010.tagline.ru/results/cms.html" target="_blank">рейтингом 2010 года</a>&nbsp;в процентных пунктах</p> <h2 id="quality" class="task">Рейтинг CMS по ключевым параметрам (качеству)</h2> <p>В 2011 году агентством Тэглайн были получены дополнительные параметры оценки CMS студиями (см. ниже) и на основе этих данных был построен общий рейтинг по качеству CMS.</p> <p>В рейтинге в качестве балла указана итоговая сумма 13 параметров CMS.</p> <p>&nbsp;</p> <table class="task" cellpadding="8"> <tbody> <tr valign="top"> <td> <table cellpadding="8"> <tbody id="sorttable"> <tr id="tophead"> <td class="tab5">#</td> <td class="tab5">Название</td> <td class="tab5">Балл</td> </tr> <tr class="tab2"> <td>1</td> <td><a href="http://www.umi-cms.ru/" target="_blank">UMI.CMS</a></td> <td>112,65</td> </tr> <tr class="tab2"> <td>2</td> <td><a href="http://www.1c-bitrix.ru/" target="_blank">1C-Битрикс</a></td> <td>101,54</td> </tr> <tr class="tab2"> <td>3</td> <td><a href="http://www.netcat.ru/" target="_blank">NetCat</a></td> <td>101,49</td> </tr> <tr class="tab2"> <td>4</td> <td><a href="http://ru.wordpress.org/" target="_blank">WordPress</a></td> <td>91,83</td> </tr> <tr class="tab2"> <td>5</td> <td><a href="http://joomla.ru/" target="_blank">Joomla!</a></td> <td>91,38</td> </tr> <tr class="tab2"> <td>6</td> <td><a href="http://modx.com/" target="_blank">MODx</a></td> <td>90,66</td> </tr> <tr class="tab2"> <td>7</td> <td><a href="http://drupal.ru/" target="_blank">Drupal</a></td> <td>88,38</td> </tr> </tbody> </table> </td> <td class="taskright cmsright"> <p>&nbsp;</p> </td> </tr> </tbody> </table> <p id="13ratings" class="task">Также мы представляем первый в истории рынка подробный сравнительный анализ качественных характеристик CMS.</p> <table class="task" cellpadding="8"> <tbody id="sorttable"> <tr id="tophead"> <td class="tab5">&nbsp;</td> <td class="tab5">UMI.CMS</td> <td class="tab5">1С-Битрикс</td> <td class="tab5">NetCat</td> <td class="tab5">WordPress</td> <td class="tab5">Joomla!</td> <td class="tab5">MODx</td> <td class="tab5">Drupal</td> <td class="tab5">HostCMS</td> </tr> <tr class="tab2"> <td>Удобство для контент-менеджера</td> <td class="cmsalign cmsplace1">9,0</td> <td class="cmsalign">7,5</td> <td class="cmsalign cmsplace2">8,3</td> <td class="cmsalign cmsplace3">8,3</td> <td class="cmsalign">7,0</td> <td class="cmsalign">7,8</td> <td class="cmsalign">7,6</td> <td class="cmsalign">7,6</td> </tr> <tr class="tab2"> <td>Удобство для разработчика</td> <td class="cmsalign cmsplace1">8,6</td> <td class="cmsalign">7,4</td> <td class="cmsalign">7,8</td> <td class="cmsalign">7,6</td> <td class="cmsalign">7,8</td> <td class="cmsalign cmsplace2">8,3</td> <td class="cmsalign">7,4</td> <td class="cmsalign cmsplace3">7,9</td> </tr> <tr class="tab2"> <td>Функциональность</td> <td class="cmsalign cmsplace3">8,5</td> <td class="cmsalign cmsplace1">8,6</td> <td class="cmsalign">7,7</td> <td class="cmsalign">7,3</td> <td class="cmsalign">8,2</td> <td class="cmsalign">7,7</td> <td class="cmsalign cmsplace2">8,6</td> <td class="cmsalign">8,2</td> </tr> <tr class="tab2"> <td>Итоговая цена владения сайтом</td> <td class="cmsalign cmsplace1">8,9</td> <td class="cmsalign">7,8</td> <td class="cmsalign">7,9</td> <td class="cmsalign">8,1</td> <td class="cmsalign">8,1</td> <td class="cmsalign cmsplace3">8,4</td> <td class="cmsalign">8,2</td> <td class="cmsalign cmsplace2">8,5</td> </tr> <tr class="tab2"> <td>Надежность</td> <td class="cmsalign cmsplace1">8,9</td> <td class="cmsalign cmsplace3">8,5</td> <td class="cmsalign">8,0</td> <td class="cmsalign">7,2</td> <td class="cmsalign">7,1</td> <td class="cmsalign">7,7</td> <td class="cmsalign">7,2</td> <td class="cmsalign cmsplace2">8,5</td> </tr> <tr class="tab2"> <td>Скорость работы</td> <td class="cmsalign cmsplace2">8,5</td> <td class="cmsalign">6,5</td> <td class="cmsalign cmsplace3">8,5</td> <td class="cmsalign">8,1</td> <td class="cmsalign">6,4</td> <td class="cmsalign">7,9</td> <td class="cmsalign">6,9</td> <td class="cmsalign cmsplace1">8,9</td> </tr> <tr class="tab2"> <td>Качество поддержки</td> <td class="cmsalign cmsplace2">8,4</td> <td class="cmsalign cmsplace3">7,6</td> <td class="cmsalign">7,6</td> <td class="cmsalign">5,9</td> <td class="cmsalign">6,4</td> <td class="cmsalign">5,3</td> <td class="cmsalign">4,4</td> <td class="cmsalign cmsplace1">8,6</td> </tr> <tr class="tab2"> <td>Безопасность</td> <td class="cmsalign cmsplace1">9,0</td> <td class="cmsalign">8,7</td> <td class="cmsalign">7,9</td> <td class="cmsalign">6,3</td> <td class="cmsalign">6,4</td> <td class="cmsalign">7,1</td> <td class="cmsalign">7,1</td> <td class="cmsalign cmsplace3">8,4</td> </tr> <tr class="tab2"> <td>Качество работы производителя CMS с партнерами</td> <td class="cmsalign cmsplace1">9,1</td> <td class="cmsalign">8,4</td> <td class="cmsalign cmsplace3">8,4</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign cmsplace2">8,6</td> </tr> <tr class="tab2"> <td>Ассортимент шаблонов дизайна</td> <td class="cmsalign">7,4</td> <td class="cmsalign">7,1</td> <td class="cmsalign">4,7</td> <td class="cmsalign cmsplace2">8,9</td> <td class="cmsalign cmsplace1">9,0</td> <td class="cmsalign">5,8</td> <td class="cmsalign cmsplace3">7,6</td> <td class="cmsalign">5,8</td> </tr> <tr class="tab2"> <td>Возможности интеграции</td> <td class="cmsalign cmsplace1">8,8</td> <td class="cmsalign cmsplace2">8,3</td> <td class="cmsalign">7,9</td> <td class="cmsalign">7,4</td> <td class="cmsalign cmsplace3">8,0</td> <td class="cmsalign">7,8</td> <td class="cmsalign">6,3</td> <td class="cmsalign">8,0</td> </tr> <tr class="tab2"> <td>Совместимость с хостингами</td> <td class="cmsalign">8,3</td> <td class="cmsalign">6,7</td> <td class="cmsalign cmsplace3">8,6</td> <td class="cmsalign">8,5</td> <td class="cmsalign cmsplace2">9,1</td> <td class="cmsalign">8,2</td> <td class="cmsalign cmsplace1">9,1</td> <td class="cmsalign">7,6</td> </tr> <tr class="tab2"> <td>Общая оценка этой CMS-системы</td> <td class="cmsalign cmsplace1">9,0</td> <td class="cmsalign">8,3</td> <td class="cmsalign">8,1</td> <td class="cmsalign cmsplace3">8,3</td> <td class="cmsalign">7,9</td> <td class="cmsalign cmsplace2">8,7</td> <td class="cmsalign">8,0</td> <td class="cmsalign">8,1</td> </tr> </tbody> </table> <p class="task">* В таблице указан средний балл, который каждая CMS получила по тому или иному параметру по итогам опроса респондентов.</p> <table class="task" cellpadding="8"> <tbody id="sorttable"> <tr id="tophead"> <td class="tab5">&nbsp;</td> <td class="tab5">UMI.CMS</td> <td class="tab5">1С-Битрикс</td> <td class="tab5">NetCat</td> <td class="tab5">WordPress</td> <td class="tab5">Joomla!</td> <td class="tab5">MODx</td> <td class="tab5">Drupal</td> <td class="tab5">HostCMS</td> </tr> <tr class="tab2"> <td>Удобство для контент-менеджера</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">8</td> <td class="cmsalign">4</td> <td class="cmsalign">6</td> <td class="cmsalign">5</td> </tr> <tr class="tab2"> <td>Удобство для разработчика</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">8</td> <td class="cmsalign">4</td> <td class="cmsalign">6</td> <td class="cmsalign">5</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace3">3</td> </tr> <tr class="tab2"> <td>Функциональность</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">6</td> <td class="cmsalign">8</td> <td class="cmsalign">4</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">5</td> </tr> <tr class="tab2"> <td>Итоговая цена владения сайтом</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">8</td> <td class="cmsalign">7</td> <td class="cmsalign">6</td> <td class="cmsalign">5</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">4</td> <td class="cmsalign cmsplace2">2</td> </tr> <tr class="tab2"> <td>Надежность</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">4</td> <td class="cmsalign">7</td> <td class="cmsalign">8</td> <td class="cmsalign">5</td> <td class="cmsalign">6</td> <td class="cmsalign cmsplace2">2</td> </tr> <tr class="tab2"> <td>Скорость работы</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">4</td> <td class="cmsalign">8</td> <td class="cmsalign">5</td> <td class="cmsalign">6</td> <td class="cmsalign cmsplace1">1</td> </tr> <tr class="tab2"> <td>Качество поддержки</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">4</td> <td class="cmsalign">6</td> <td class="cmsalign">5</td> <td class="cmsalign">7</td> <td class="cmsalign">8</td> <td class="cmsalign cmsplace1">1</td> </tr> <tr class="tab2"> <td>Безопасность</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">4</td> <td class="cmsalign">8</td> <td class="cmsalign">7</td> <td class="cmsalign">5</td> <td class="cmsalign">6</td> <td class="cmsalign cmsplace3">3</td> </tr> <tr class="tab2"> <td>Качество работы производителя CMS с партнерами</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">4</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign">&mdash;</td> <td class="cmsalign cmsplace2">2</td> </tr> <tr class="tab2"> <td>Ассортимент шаблонов дизайна</td> <td class="cmsalign">4</td> <td class="cmsalign">5</td> <td class="cmsalign">8</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">6</td> </tr> <tr class="tab2"> <td>Возможности интеграции</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">5</td> <td class="cmsalign">7</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">6</td> <td class="cmsalign">8</td> <td class="cmsalign">4</td> </tr> <tr class="tab2"> <td>Совместимость с хостингами</td> <td class="cmsalign">5</td> <td class="cmsalign">8</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">4</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">6</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">7</td> </tr> <tr class="tab2"> <td>Общая оценка этой CMS-системы</td> <td class="cmsalign cmsplace1">1</td> <td class="cmsalign">4</td> <td class="cmsalign">5</td> <td class="cmsalign cmsplace3">3</td> <td class="cmsalign">8</td> <td class="cmsalign cmsplace2">2</td> <td class="cmsalign">7</td> <td class="cmsalign">6</td> </tr> </tbody> </table> <p class="task">* В таблице указано место каждой CMS в рейтинге по определенному параметру.</p> <p class="task">Среди других коробочных CMS при обработке данных респондентов рассматривались:&nbsp;<a href="http://www.cetera.ru/products/cms.html" target="_blank">Cetera CMS</a>,&nbsp;<a href="http://www.concrete5russia.ru/" target="_blank">Concrete5</a>,&nbsp;<a href="http://www.kentico-cms.ru/" target="_blank">Kentico CMS for ASP.NET</a>,&nbsp;<a href="http://www.lemoncmf.ru/" target="_blank">Lemon-CMF</a>,&nbsp;<a href="http://www.lightweb.ru/" target="_blank">LightWeb</a>,&nbsp;<a href="http://livestreet.ru/" target="_blank">LiveStreet</a>,&nbsp;<a href="http://www.nopcommerce.su/" target="_blank">nopCommerce</a>,&nbsp;<a href="http://www.rus-phpfusion.com/" target="_blank">PHP-Fusion</a>,&nbsp;<a href="http://www.phpshop.ru/" target="_blank">phpshop</a>,&nbsp;<a href="http://sharepoint.microsoft.com/ru-ru/Pages/default.aspx" target="_blank">Microsoft SharePoint</a>,&nbsp;<a href="http://simplacms.ru/" target="_blank">Simpla</a>,&nbsp;<a href="http://symphony-cms.com/" target="_blank">Symphony</a>,&nbsp;<a href="http://www.unlabeled.ru/" target="_blank">Unlabeled CMS</a>,&nbsp;<a href="http://x3m.by/" target="_blank">x3m.cms</a>,&nbsp;<a href="http://www.x-cart.com/" target="_blank">X-Сart</a>,<a href="http://cms.atilekt.com/" target="_blank">АТИЛЕКТ.CMS</a>,&nbsp;<a href="http://site-manager.ru/" target="_blank">Сайт-Менеджер</a>.</p> <p class="task">Источник: <a href="http://2011.tagline.ru/cms/" target="_blank">теглайн</a></p>http://www.infodonsk.ru/dv/stati_publikacii/cms_2011/http://www.infodonsk.ru/dv/stati_publikacii/cms_2011/<p>Каждый веб-сайт имеет имя вида www.site.ru, имя для сайта называется "домен". В этой статье мы расскажем какие домены бывают и как подобрать домен для вашего сайта.</p>Fri, 30 Sep 2011 23:56:00 +0400<p>Каждый веб-сайт имеет имя вида www.sait.ru, или "доменное имя". В этой статье мы расскажем какие домены бывают и как выбрать удачный домен для вашего сайта.</p> <p>Для начала разберемся из каких частей состоит доменное имя (сокращенно "домен")<br /><strong>www или http</strong> -&nbsp; перед именем сайта обозначает, что домен находится в сети интернет, а не в локальной сети, например.<br /><strong>само имя сайта</strong> - может состоять из латинских букв, цифр или знака&nbsp; тире "-". В имени сайта не могут находится другие знаки - такие как "точка", "запятая", "вопросительный знак", "пробел".</p> <p>Например имена:&nbsp; site-dlya-firm или sait-2&nbsp; допустимые имена<br />site_dlya_firm или chtoeto?&nbsp; - не допустимые имена.</p> <p>ВАЖНО! регистр букв в имени сайта значения не имеет, написание сайта возможно в любом варианте: SAIT=Sait=sait. Однако в интернете принято писать адрес сайта маленькими буквами - www.sait.ru</p> <p><strong>Третья часть имени&nbsp; сайта- его доменная зона</strong>. Это буквенное обозначение страны или тематики сайта. Самые популярные зоны: ru, su, net, com, info, tv, рф. Имя сайта и доменная зона отделяются "точкой".<img style="float: left; border: 0pt none; margin: 2px;" src="/autothumbs.php?img=/images/Ctatii/vash_sait_350_90.jpg" alt="" width="350" height="90" /></p> <p>Таким образом, при выборе доменного имени перед будущим владельцем встает два вопроса: В какой доменной зоне регистрировать сайт? Какое имя для сайта подобрать?</p> <p>В подборе доменного имени вам помогут специальные сервисы подбора доменных имен в различных зонах. Например на веб-сайте www.nic.ru.&nbsp;&nbsp;</p> <p>Подбирая доменное имя, учитывайте, что в популярных доменных зонах зарегистрировано несколько миллионов доменных имен, и желаемое имя для сайта может быть занято другой компанией. Проверим такое имя для сайта как "volgodonsk". При проверке, имя сайта указывается без доменной зоны, как это показано на рисунке ниже:</p> <p><img src="/autothumbs.php?img=/images/Ctatii/volgodonsk_500_254.jpg" border="0" alt="" width="500" height="254" /></p> <p>Нажимаем на кнопку "проверить" и на следующей странице сервиса можно увидеть, в каких доменных зонах имя сайта занято, а в каких свободно:</p> <p><img src="/autothumbs.php?img=/images/Ctatii/volgodonsk_domen_500_388.jpg" border="0" alt="" width="500" height="388" /></p> <p>Если доменное имя свободно, его можно тут же зарегистрировать за собой. Если имя занято, можно воспользоваться дополнительными сервисами подбора, таким как: <a href="https://www.nic.ru/cgi/na.cgi?step=n_a.plain_dom_list&amp;na=promo_block" target="_blank">проверка имен списком</a>,&nbsp; или <a href="https://www.nic.ru/cgi/na.cgi?step=n_a.dom_combine" target="_blank">подбор доменного имени по ключевым словам</a>.</p> <p>Какую же доменную зону выбрать?<br />зона RU - специально для российских сайтов, насчитывает более 3 млн. зарегистрированных имен www.sait.ru;<br />зона SU -&nbsp; зона была создана для Советского Союза, в соновном используется на постсоветском пространстве www.sait.su;<br />зона COM - международная зона для коммерческих предприятий. Часто используется в паре с доменом зоны RU www.sait.com, www.имясайта.com;<br />зона РФ - зона для кирилических имен, написание www.имясайта.рф, появилась в 2010 году, в августе 2011 года зарегистрировано уже более 800 тысяч имен в этой зоне.</p> <p>Разработчикам сайтов часто задают вопрос - какую зону лучше выбрать RU или РФ? С одной стороны - большинство пользователей привыкло к написанию www.sait.ru, с другой стороны, сайт.рф проще произнести и запомнить. В зоне RU сложно подобрать короткое название, например 3-х буквенных имен уже нет, в зоне РФ выбор имен больше, но зайти на сайт из-за границы или стран СНГ будет невозможно из-за отсутствия кириллической клавиатуры.</p> <p>Стоимость доменного имени колеблется от 450 до 650 рублей/год. Домен выкупается на 1 год на имя юридического или физического лица. Ежегодно нужно оплачивать продление доменного имени. Нельзя заплатить сразу за 2-3 года вперед. Если срок оплаты домена будет пропущен, он поступает в свободную продажу и его может выкупить любой человек.</p> <p>Потеря доменного имени из-за неправильного оформления документов или пропуска срока оплаты бывает у 20-30% владельцев сайтов. Будьте внимательны и обращайтесь за услугой по покупке доменов к проверенным компаниям или в сертифицированное агентство.</p> <p>Веб-студия "Инфодонск" с 2007 года является сертифицированным парнером регистратора доменных имен RU-CENTR. Подберем и зарегистрируем доменное имя, переоформим доменное имя с одного владельца на другого, добавим домен РФ к уже существующему домену RU.<br />Обращатся по телефонам: (8639) 257634, 960-44-33-332</p>http://www.infodonsk.ru/dv/stati_publikacii/domen_dlya_saita/http://www.infodonsk.ru/dv/stati_publikacii/domen_dlya_saita/<p>На любом веб-сайте вы найдете фотографии и картинки. Фотографии привлекают внимание, их просматривают намного чаще, чем читают тексты. Именно от качетсва фотографий зависит, заинтересует ли посетителя информация на сайте компании. Рассмотрим 11 наиболее распространенных приемов обработки фотографий для сайта.</p>Sat, 28 May 2011 22:11:00 +0400<div> <p>На любом веб-сайте вы найдете фотографии и картинки. Фотографии привлекают внимание, их просматривают намного чаще, чем читают тексты. Именно от качетсва фотографий зависит, заинтересует ли посетителя информация на сайте компании. Рассмотрим 11 наиболее распространенных приемов обработки фотографий для сайта.</p> <p><strong>1. Уменьшение размера фотографии.&nbsp;</strong><br />Фотография, скопированная с фотоаппарата обычно имеет размер от 1,5 до 5 Мб. &nbsp;В интернете принято, чтобы фото или картинка "весила" 30-100Kb. Уменьшить фото можно при помощи бесплатных программ Paint.net, XnView и других.<br /><br /></p> <p><strong>2. Изменение разрешения фотографии.</strong><br />Если типографии требуют фото в разрешении 300dpi, то для интернете принят стандарт разрешения изображений в 72dpi. &nbsp;Изменить разрешение можно в тех же графических программах в свойствах или через специальную функцию "Сохранить для web".</p> <p><strong>3. Изменение формата.</strong><br />Графических форматов много, но не все могут быть отображены браузерами в интернете. Браузеры отображают ТОЛЬКО РАСТРОВЫЕ ИЗОБРАЖЕНИЯ<br />Общепринятым стандартом, корректно отображаемым во всех браузерах считается - <strong>jpg, png, gif.</strong><br />Так что если ваше фото или изображение в формате:<br />&nbsp;- psd, tiff (Adobe Photoshop), <br />&nbsp;- ai (Adobe Illustrator) <br />&nbsp;- cdr (CorelDraw) <br />&nbsp;- dwg (Autocad) <br />&nbsp;- bmp (Windows)<br />&nbsp;- <a href="http://ru.wikipedia.org/wiki/RAW_(%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85)" target="_blank">raw-форматы</a> (формат съемки фотографий, зависит от фотокамеры)&nbsp;<br />&nbsp;- и другие..<br />То необходимо экспортировать исходный графический файл в один из стандартных графических форматах для отображения в брауезерах. Это по прежнему&nbsp;<strong>jpg, png, gif.<br /><img style="margin: 2px;" src="/images/Ctatii/03-05.gif" alt="" width="450" height="373" />&nbsp;</strong></p> <p><strong>4. Кадрирование.</strong><br />Или как из большой фотографии сделать много маленьких. <br /><img style="float: left; margin: 2px;" src="/images/Ctatii/krovat_zhozefina_kremona.jpg" alt="" width="330" height="200" /><img style="float: left; margin: 2px;" src="/images/Ctatii/01_komod.jpg" alt="" width="118" height="200" /><img style="float: left; margin: 2px;" src="/images/Ctatii/03_komod.jpg" alt="" width="112" height="200" /></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><br />Часто для сайта требуется привести все фото к одному размеру: для фотогалереи, каталога товаров, портфолио.<br />&nbsp;- небольшие фото будут иметь размер 100-200px в ширину;&nbsp;<br />&nbsp;- средний размер фото - 300-400px;&nbsp;<br />&nbsp;- большие фото - от 500 px в ширину<br /><img src="/images/Ctatii/razmery_foto.png" alt="" width="495" height="600" />&nbsp;</p> <p><strong>5. Ретушь простая:</strong> удаление даты съемки, посторонних объектов в кадре, цветокоррекция.</p> <p><img style="margin: 2px;" src="/images/Ctatii/s5009774.jpg" alt="" width="223" height="200" /><img style="margin: 2px;" src="/images/Ctatii/1qo-.png" alt="" width="222" height="200" /><br /><br /></p> <p><strong>6. Ретушь сложная:</strong> удаление фона, наложение нового фона, добавление объектов в кадр, ретушь лиц, причесок.&nbsp;<br />Такая ретушь обячно применяется при создании каталогов продукции: мебель, детали оборудования, автомобили и т.д. Обычно товар размещается на светлом фоне с поясняющей надписью.&nbsp;</p> <p><img style="float: left; margin: 2px;" src="/images/Ctatii/10308261.jpg" alt="" width="267" height="200" /><img style="float: left; margin: 2px;" src="/files/stol-1_1.jpg" alt="" width="269" height="200" /><br /><br /></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><strong>7. Наложение логотипа или адреса сайта на фото, так называемый watermark</strong>.<br />Сделать "водяной знак" можно при помощи программы Photoshop, формат watermark-а только - &nbsp;png (он поддерживает прозрачность изображения). Наложить знак на фото можно при помощи просмотрщика &nbsp;XnView или специальной программы для установки "водяных знаков".<br /><img style="float: left; margin: 2px;" src="/images/Ctatii/0017.jpg" alt="" width="167" height="250" /><img style="float: left; margin: 2px;" src="/images/Ctatii/2011-05-28_2314.png" alt="" width="150" height="250" />&nbsp;<img src="http://www.agrotehnology.ru/autothumbs.php?img=/images/agrotehnology-pages/kombikormovoe_oborudovanie_253_166.jpg" alt="" width="253" height="166" />&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><strong>8.Выравнивание</strong> горизонтально и вертикально ориентированных фото в одном ряду. Фото можно выровнять по высоте, или по ширине, но в этом случае дополнительно придется изменить размер холста.</p> <p><strong>9. Добавление рамок</strong>, размытий по краям.</p> <p><strong>10. Добавление подписи</strong> к фото или картинке.</p> <p><strong>11. Нанесение поясняющих стрелок</strong>, надписей.</p> <p>&nbsp;</p> </div>http://www.infodonsk.ru/dv/stati_publikacii/foto_dlya_sajta_11/http://www.infodonsk.ru/dv/stati_publikacii/foto_dlya_sajta_11/<p>Information is King или информация правит миром. Любой сайт, даже самый красивый и технически совершенный, привлечет посетителей только полезной и интересной информацией. Этап сбора и обработки информации при создании сайта важен как для разработчика, так и для Заказчика. Рассмотрим несколько простых приемов, которые сэкономят время и деньги обеим сторонам.</p>Sat, 28 May 2011 00:00:00 +0400<div> <p>Information is King или Информация правит миром. Любой сайт, даже самый красивый и технически совершенный, привлечет посетителей только полезной и интересной информацией. Этап сбора и обработки информации при создании сайта важен как для разработчика, так и для Закачика. Рассмотрим несколько простых приемов, которые сэкономят время и деньги обеим сторонам.</p> <p><strong>КОНТЕНТ</strong>&nbsp;&mdash; информационно значимое наполнение Интернета &mdash; тексты, графика, мультимедиа; существенными параметрами контента являются его объем, актуальность и релевантность. (<a href="http://slovari.yandex.ru/~%D0%BA%D0%BD%D0%B8%D0%B3%D0%B8/%D0%AD%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9%20%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D1%82/" target="_blank">Яндекс.Словари</a>)</p> </div> <p>Основые технические требования к контенту: <strong>размер-имя-формат</strong>.</p> <p>Рассмотрим отдельно требования к подготовке текстов, графики и мультимедиа.</p> <p><strong>1. Требования к подготовке текстов.</strong></p> <p>1.1. &nbsp;Уникальность текстов. Исключения допускаются для описания типовых товаров, нормативных документов. Трудно придумать уникальное описание доски обрезной или технических характеристик фотоаппарата.<br />&nbsp;Недопустимо копирование текстов с сайтов конкурентов.&nbsp;<br />1.2. Объем текста на 1 странице не должен превышать 2/3 страницы А4. Так сложилось, что в интернете пользователи не читают длинные тексты. Если требуется разместить большой объем текста, следует разбить его на несколько страниц, и проставить ссылки на продолжение с каждой страницы.<br />1.3. Для каждой страницы сайта следует подготовить отдельный текстовый файл. Это позволит избежать путанницы с размещением информации на сайт, особенно когда страниц много.<br />1.4. Имена текстовых файлов следует давать понятные, в соответствии с наименованием разделов сайтов. &nbsp;</p> <p><strong>2. Требования к подготовке графики.</strong></p> <p>2.1. Фотографии. Красивая фотография или иллюстрация - не только украшение любого сайта, но и объект авторского права. Поэтому, для иллюстрации страниц корпоративного веб-сайта лучше заказать профессиональную фотосъемку или сделать снимки хорошим фотоаппаратом самостоятельно. Если нет возможности сделать фото, можно купить иллюстрации на одном из фотобанков. Стоимость 1 фотографии обычно составляет 30-100 рублей.<br />2.2. Графики, диаграммы, блок-схемы можно подготовить при помощи стандартных диаграм Microsoft Office, или заказать дизайнеру отрисовку графиков в фирменных цветах веб-сайта или фирменных цветах компании. Стилизованные диаграммы смотрятся намного эффектнее, но их стоимость может составлять от 500 рублей за 1 иллюстрацию.<br />2.3. Рисунки, &nbsp;иллюстрации, тематические пиктограммы. Очень эффектный способ привлечь внимание к отдельным разделам сайта. Можно использовать бесплатные наборы иконок или иллюстраций, или заказать дизайнеру.&nbsp;<br />2.4. &nbsp;Фотографии, иллюстрации, графики и пиктораммы следует подготовить для размещения на сайт. Подробнее о <a href="http://www.infodonsk.ru/dv/stati_publikacii/foto_dlya_sajta_11/" target="_blank">способах подготовки фотографии</a>, в отдельной статье.&nbsp;<br />2.5. Все графические материалы должны правильно поименованы, и переведены в формат файлов, пригодных для размещения в интернет. &nbsp;Общепринятым стандартом, корректно отображаемым во всех браузерах, считается -&nbsp;<strong>jpg, png, gif.&nbsp;</strong></p> <p><strong>Правильно поименованные файлы - logo_company.jpeg, grafik_rosta.png<br /><span style="color: #ff0000;">Неправильно поименованные файлы - 1.jpeg, IMG120011.jpeg</span></strong></p> <p><strong>3. Требования к подготовке мультимедиа: аудио, видео, презентаций, флеш-баннеров</strong><br />3.1. Видео файлы. Требуемый формат видеофайлов - avi, mpg, mpeg, mov. Просмотр видеофайлов в интернете возможен после загрузки видео на специальные видеохостинги и вставки кода видео на сайт.<br />3.2. Аудиофайлы. Формат аудиофайлов для прослушивания - mp3. Для прослушивания аудиофайлов с сайта требуется вставка аудиопроигрывателя на сайт или загрузка аудиофайла на специальные аудиохостинга.<br />3.3. Презентации. Формат файлов - ppt, pptx. Отображение презентаций через слайд-шоу возможно через специальные сервисы. &nbsp;Перед размещением презентации, обязательно проверьте общий размер файла, большое количество фото может сделать презентацию "тяжелой" и она будет долго загружаться. Оптимальный размер презентации - до 3Мб.<br />3.4. Флеш-баннеры и флеш-презентации. Формат файлов - swf. Флеш баннеры и презентации имеют векторный формат и могут "растягиваться" до любых размеров. Для размещения флеш-баннеров необходимо указывать размер по высоте и ширине. Рекламные флеш-баннеры часто имеют ссылку на одну из страниц сайта. Ссылку на сайт следует прилагать к флеш-баннеру в текстовом файле.</p> <p>&nbsp;</p> <p>При перепечатке материалов ссылка на сайт <a href="http://www.infodonsk.ru" target="_blank">www.infodonsk.ru</a> обязательна.<br /> 2011</p>http://www.infodonsk.ru/dv/stati_publikacii/kontent/http://www.infodonsk.ru/dv/stati_publikacii/kontent/<p><strong>Интернет в России и Волгодонск в Интернете, обзор</strong></p> <p>В одном из последних пресс-выпусков ВЦИОМ привел данные об использовании и распространенности Интернета в России.</p> <p>Согласно этим данным, пользуются Интернетом 32% россиян. Ежедневно к нему обращается 15 % граждан, и это число растет &ndash; в 2006 г. таких было 5 %, еще 8 % обращается к нему несколько раз в неделю &ndash; и число это за последние годы практически не менялось. Только четверть пользователей в регионах имеет подключение Интернет из дома, 75% пользуются Интернетом на работе.*</p>Tue, 19 Jan 2010 18:06:00 +0300<p><strong>Интернет в России и Волгодонск в Интернете, обзор</strong></p> <p>В одном из последних пресс-выпусков ВЦИОМ привел данные об использовании и распространенности Интернета в России.</p> <p>Согласно этим данным, пользуются Интернетом 32% россиян. Ежедневно к нему обращается 15 % граждан, и это число растет &ndash; в 2006 г. таких было 5 %, еще 8 % обращается к нему несколько раз в неделю &ndash; и число это за последние годы практически не менялось. Только четверть пользователей в регионах имеет подключение Интернет из дома, 75% пользуются Интернетом на работе.*</p> <p>Самый популярный сайт в России &ndash; <a href="http://www.vkontakte.ru/">www.vkontakte.ru</a> (57 млн. регистраций), он же занимает 30-е место в рейтинге самых популярных сайтов мира (по статистике www.alexa.com)</p> <p>Какие же сайты пользуются популярностью в Волгодонске и каков портрет нашего города из инетрнета?</p> <p>Количество подключений к Интернет в 2008 году (по данным местных Интернет-провайдеров) составляло 18 тысяч подключений. За прошедший 2009 год тарифы на безлимитный интернет опустились в среднем до 300 руб/мес и появился новый инетрнет-провайдер &laquo;Спарк&raquo;. По неуточненным данным, количество Интернет-подключений может достигать 22 тысяч.</p> <p>По слову &laquo;Волгодонск&raquo; поисковая система Яндекс выдает ссылки на тройку лидеров &ndash; страничку Волгодонска в Викиледии, сайт интернет-провайдера Синтерра ЮГ <a href="http://www.volgodonsk.ru/">www.volgodonsk.ru</a> и официальный сайт Администрации г.Волгодонска <a href="http://www.volgodonskgorod.ru/">www.volgodonskgorod.ru</a></p> <p>При этом количество запросов &laquo;Волгодонск&raquo;, &laquo;город Волгодонск&raquo; в декабре 2009 года составляет 76&nbsp;000 запросов в месяц (Яндекс) и увеличилось почти на 40% по сравнению с январем 2009 года. Чаще всего интересуются Волгодонском жители Ростова (31%), самого Волгодонска (25%) и Москвы (12%). Меньше всего интересен Волгодонск жителям Витебска и Алма-Аты.</p> <p>Так же в десятке лидеров поисковые запросы по словам &laquo;мебель Волгодонска&raquo;, погода Волгодонска&raquo;, &laquo;расписание автобусов&raquo;. Если производители мебели Волгодонска активно представлены в интернете подробными каталогами мебели (<a href="http://www.triya.ru/">www.triya.ru</a>, <a href="http://www.dedal-service.ru/">www.dedal-service.ru</a>,&nbsp; <a href="http://www.almaz-mebel.ru/">www.almaz-mebel.ru</a>) то расписание автобусов Волгодонск-Москва узнать через интернет невозможно.</p> <p>Самая читаемая информация в российском Интернете &ndash; новости. В Волгодонске местные новости можно получить из трех источников &ndash; официальные новости из всех сфер городской жизни на сайте городской Администрации <a href="http://www.volgodonskgorod.ru/">www.volgodonskgorod.ru</a> , сайт городского еженедельника &laquo;Правда, что?&raquo; с архивом до 2008 года <a href="http://www.pravdachto.ru/">www.pravdachto.ru</a> и появившийся в конце 2009 новостной сайт <a href="http://www.vdnews.ru/">www.vdnews.ru</a> , где&nbsp; новостные видеосюжеты предоставляет телекомпания АНК.</p> <p>Что касается справочной информации о городе, то помимо подробной странички в Википедии, карту Волгодонска привыкли скачивать с <a href="../../../../../../">www.infodonsk.ru</a>, еще одна карта, в формате on-line появилась в 2009 году на <a href="http://www.onlinevdonsk.ru/">www.onlinevdonsk.ru</a>. Телефонный справочник организаций так же предпочитают скачивать с infodonsk.ru, &nbsp;телефонный справочник частных и юридических лиц TEL5 был убран авторами из Интернета как сильно устаревший.</p> <p>Информационные сайты теснят интернет-сообщества. В Волгодонске много молодежи общается и обменивается информацией через специализированные ресурсы. Это группы о Волгодонске <a href="http://www.vkontakte.ru/">www.vkontakte.ru</a> (2,6 тысяч участников), &nbsp;<a href="http://www.odnoklassniki.ru/">www.odnoklassniki.ru</a> (9 тысяч участников), знакомятся на <a href="http://www.love.mail.ru/">www.love.mail.ru</a> 6000 человек.</p> <p>Музыкальная жизнь города так же активно представлена в интернете. Больше всего активистов собралось &laquo;вконтакте&raquo; чтобы послушать и обсудить Радио Рекорд &ndash; 4,5 тысячи человек. Обсуждают ди-джеев и вечеринки города на <a href="http://www.dvigai.ru/">www.dvigai.ru</a>, собственные сайты имеют и местные клубы КС <a href="http://www.kc-club.ru/">www.kc-club.ru</a> &nbsp;и Марко-Поло <a href="http://www.marcopoloclub.ru/">www.marcopoloclub.ru</a> &nbsp;</p> <p>На популярных форумах &nbsp;<a href="http://forum.volgodonsk.ru/">http://forum.volgodonsk.ru/</a> (чуть более 1600 пользователей) <a href="http://www.forum.vdonsk.ru/">www.forum.vdonsk.ru</a> (2200 пользователей) обсуждается все, от городских событий до поиска работы. Кстати специализированного волгодонского ресурса по поиску работы в городе до сих пор нет. Работодатели и соискатели пользуются российскими ресурсами типа <a href="http://www.superjob.ru/">www.superjob.ru</a> или www.rabota.ru</p> <p>Многих киноманов в 2009 году порадовало появление веб-сайтов с расписанием фильмов в кинотеатрах Синемапарк www.trcvolgodonsk.ru и Комсомолец <a href="http://www.komcom.ru/">www.komcom.ru</a></p> <p>Из-за того, что на многих волгодонских сайтах не стоят счетчики посещаемости, оценить количество посетителей и составить рейтинг сайтов сложно. Поэтому воспользуемся оценкой поисковика Яндекс, так называемым индексом цитируемости тИЦ, который показывает насколько сайт популярен в Интернете (учитывает &laquo;вес&raquo; и количество ссылок на оцениваемый сайт в российском Интернете.</p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="470" height="353" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="wmode" value="window" /> <param name="allowFullScreen" value="true" /> <param name="src" value="http://video.rutube.ru/9cb0c68f276f9237c053013a1084f2aa" /> <param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="470" height="353" src="http://video.rutube.ru/9cb0c68f276f9237c053013a1084f2aa" allowfullscreen="true" wmode="window"></embed> </object> </p> <p>Видеосюжет телекомпании АНК (г.Волгодонск)</p> <p>Итак, десятка самых цитируемых сайтов Волгодонска в российском Интернете:</p> <table class="mytable"> <tbody> <tr> <td valign="top"> <p>&nbsp;</p> </td> <td valign="top"> <p>Адрес сайта</p> </td> <td valign="top"> <p>Название</p> </td> <td valign="top"> <p>тИЦ</p> </td> </tr> <tr> <td valign="top"> <p>1.</p> </td> <td valign="top"> <p>www.vdonsk.ru</p> </td> <td valign="top"> <p>ООО НПЦ Микроэлектроника, интернет-провайдер</p> </td> <td valign="top"> <p>500</p> </td> </tr> <tr> <td valign="top"> <p>2.</p> </td> <td valign="top"> <p>vnpp.rosenergoatom.ru</p> </td> <td valign="top"> <p>Ростовская (Волгодонская) АЭС</p> </td> <td valign="top"> <p>475</p> </td> </tr> <tr> <td valign="top"> <p>3.</p> </td> <td valign="top"> <p>npk-etalon.ru</p> </td> <td valign="top"> <p>Компания Эталон</p> </td> <td valign="top"> <p>220</p> </td> </tr> <tr> <td valign="top"> <p>4.</p> </td> <td valign="top"> <p>www.volgodonsk.ru</p> </td> <td valign="top"> <p>Группа компаний &laquo;Синтерра-Юг&raquo;, интернет-провайдер г.Волгодонска</p> </td> <td valign="top"> <p>200</p> </td> </tr> <tr> <td valign="top"> <p>5.</p> </td> <td valign="top"> <p>www.elektrod-serv.ru</p> </td> <td valign="top"> <p>Компания Электрод-Сервис</p> </td> <td valign="top"> <p>160</p> </td> </tr> <tr> <td valign="top"> <p>6.</p> </td> <td valign="top"> <p>www.spelectrod.ru</p> </td> <td valign="top"> <p>Компания Спецэлектрод</p> </td> <td valign="top"> <p>140</p> </td> </tr> <tr> <td valign="top"> <p>7.</p> </td> <td valign="top"> <p>www.infodonsk.ru</p> </td> <td valign="top"> <p>Электронная карта-справочник Инфодонск</p> </td> <td valign="top"> <p>130</p> </td> </tr> <tr> <td valign="top"> <p>8.</p> </td> <td valign="top"> <p>www.ierei-korenev.ru</p> </td> <td valign="top"> <p>Православие Волгодонска</p> </td> <td valign="top"> <p>100</p> </td> </tr> <tr> <td valign="top"> <p>&nbsp;</p> </td> <td valign="top"> <p>www.dinastycats.com</p> </td> <td valign="top"> <p>Клуб любителей кошек &laquo;Династия&raquo;</p> </td> <td valign="top"> <p>80</p> </td> </tr> <tr> <td valign="top"> <p>&nbsp;</p> </td> <td valign="top"> <p><a href="http://www.elektrodi.net/">www.elektrodi.net</a></p> <p>edu.of.ru/volsch31</p> </td> <td valign="top"> <p>Донспецэлектрод</p> <p>Средняя школа №31</p> </td> <td valign="top"> <p>60</p> </td> </tr> </tbody> </table> <p>Исследование сайтов Волгодонска проведено Проект Инфодонск.</p> <p><em>*Инициативный всероссийский опрос ВЦИОМ проведён 5-6 сентября 2009 г. Опрошено 1600 человек в 140 населенных пунктах в 42 областях, краях и республиках России. Статистическая погрешность не превышает 3,4%.</em></p>http://www.infodonsk.ru/dv/stati_publikacii/internet_v_rossii_i_volgodonsk_v_internete_obzor_po_2009_godu/http://www.infodonsk.ru/dv/stati_publikacii/internet_v_rossii_i_volgodonsk_v_internete_obzor_po_2009_godu/<p>Обычно сайты работают 24 часа в сутки. Только почему то не все и не всегда. Точнее сайт вроде бы есть, но о нем даже сотрудники компании говорят как-то скомкано и с недовольством.</p> <p>На самом деле хитростей, которые заставят работать веб сайт &ndash; немного.</p>Fri, 13 Nov 2009 18:29:00 +0300<p>Обычно сайты работают 24 часа в сутки. Только почему то не все и не всегда. Точнее сайт вроде бы есть, но о нем даже сотрудники компании говорят как-то скомкано и с недовольством.</p><div> <p>На самом деле хитростей, которые заставят работать веб сайт – немного.</p> <p>Во первых - из дизайна сайта должно быть понятно чем занимается компания. Это может быть фото продукции или поясняющая надпись в шапке сайта.</p> <p>Во вторых – контактная информация на сайте должна быть (Адрес, телефон с кодом города, адрес электронной почты). И еще она должна быть достоверной, недопустимо оставлять неверные телефоны или указывать почту, которую никто не проверяет.</p> <p>В третьих – прайс-лист на продукцию. Если целью сайта являются продажи – список продукции и ее стоимость должны быть указаны и быть достоверными.</p> <p>И последнее – ведите учет. Статистика первый шаг – чтобы достоверно оценить посещаемость на сайте. Установите бесплатные счетчики на главной странице, например счетчик mail.ru</p> <p>&nbsp;<br><strong>10 самых распространенных заблуждений относительно разработки веб-сайта</strong></p> <p>&nbsp;<br>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; У нас на предприятии есть программист (1С-программист, системный администратор) он сделает сайт. К сожалению это не так. Язык программирования, на котором пишется веб-сайт довольно специфичен. К тому у программиста вряд ли есть навыки дизайнера и маркетолога, который проектирует сайт.</p> <p>2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Разработчики сайта точно знают, чем занимается компания-Заказчик и легко отличают фото турбогенератора от ретранслятора. К сожалению это не так, для того, чтобы информация на сайте располагалась правильно, Заказчику необходимо потратить время на ее сортировку и обработку.</p> <p>3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; В стоимость разработки сайта входит подготовка информации на сайт: написание текстов, поиск фотографий продукции, сканирование, фотографирование и т.д. Это не так. Всем этим должны заниматься люди с соответствующей квалификацией. Только представьте, какой текст «о компании» способен написать программист, скорее это работа журналиста, которая оплачивается отдельно.</p> <p>4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Слова «Сделайте нам хороший дизайн» являются достаточными для разработки сногсшибательного дизайна. Это не так. Каким бы ни был профессиональным дизайнер, для работы ему необходим качественный фотоматериал, предпочитаемая цветовая гамма, логотип предприятия и примеры сайтов, которые нравятся Заказчику.</p> <p>5.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Просто скопируйте этот сайт. Казалось бы – нет ничего проще, выбрать сайт, который понравился и просто скопировать его под своей маркой. К сожалению это не просто. Большие сайты - каталоги с номенклатурой в несколько сотен товаров –&nbsp; и это сложный программный продукт. Максимум что можно будет скопировать – описания товаров. Да и то, с оглядкой на закон об авторском праве.</p> <p>6.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Первая страница Яндекса. Стоит набрать в поисковой строке нужные слова, и только что разработанный сайт окажется на первой странице. Это не так. Разработка сайта и его продвижение - это два совершенно разных вида работ: такие же, как выращивание яблонь и изготовление яблочного сока.</p> <p>7.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; «Сделайте сайт, а мы его потом наполним сами». Все ничего, если только речь не идет о 100 страничном каталоге. Из практики, обработка и размещение 1 страницы каталога – 1 ч 30 мин, 100 страниц – 150 часов. Сразу подумайте, сможете ли выделить сотрудника, который целиком рабочий месяц будет заниматься наполнением сайта.</p> <p>8.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Скорость разработки сайта зависит от разработчиков. Это не так. Из практики Заказчик может утверждать дизайн макет от 3 дней до 3 месяцев, предоставлять информацию для наполнения сайта от 1 до 12 месяцев.</p> <p>9.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; «Сделайте сайт полностью, а мы если что скажем что нужно исправить». Это дорого стоит. Переделки возможны на стадии макета. Когда сайт уже сделан и размещен в сети, переделки дизайна влекут переделку 70% работ заново.</p> <p>10.&nbsp; Разработка сайта означает, что он сразу будет приносит доход (клиентов, новые контакты). К сожалению это не так. Для привлечения людей на сайт необходим целый комплекс еженедельных работ. В рунете более 1 млн сайтов, ваш будет просто 1 млн первый.</p> </div><p></p>http://www.infodonsk.ru/dv/stati_publikacii/kak_rabotayut_vebsajty/http://www.infodonsk.ru/dv/stati_publikacii/kak_rabotayut_vebsajty/<p>При поддержке Администрации г.Волгодонска, сотрудниками Проекта Инфодонск был проведен бесплатный семинар "Веб-сайты производственных предприятий как инструмент увеличения продаж". Присутствующие узнали о том, как растет интернет, на что обращают внимание посетители сайта, что привлекает покупателей на веб-сайте.</p>Sun, 19 Apr 2009 19:35:00 +0400<p>Ниже представлена презентация, для тех, кто не смог посетить семинар лично.</p> <p><iframe frameborder="0" src="https://docs.google.com/present/embed?id=ddzc32mz_28gxfxqxsj&amp;size=m" width="555" height="451"></iframe></p> <p><br /> <a href="http://fotki.yandex.ru/users/infodonsk/view/197471/"><img src="http://img-fotki.yandex.ru/get/4302/infodonsk.0/0_3035f_cbc9c557_M.jpg" border="0" alt="" /></a>&nbsp;<a href="http://fotki.yandex.ru/users/infodonsk/view/197477/"><img src="http://img-fotki.yandex.ru/get/4300/infodonsk.0/0_30365_9bde1e48_M.jpg" border="0" alt="" />&nbsp; </a><br />Фото <a href="http://fotki.yandex.ru/users/infodonsk/view/197477/">семинара "Веб-сайт производственного предприятия как инструмент увеличения продаж"<br /></a></p>http://www.infodonsk.ru/dv/stati_publikacii/seminar_vebsajty_proizvodstvennyh_predpriyatij_kak_instrument_uvelicheniya_prodazh/http://www.infodonsk.ru/dv/stati_publikacii/seminar_vebsajty_proizvodstvennyh_predpriyatij_kak_instrument_uvelicheniya_prodazh/<p>Хотим мы этого или не хотим, интернет прочно вошел в деловую жизнь мира. Истории о том, как новый интернет-ресурс позволил в несколько увеличить продажи, пока звучат с названиями иностранных компаний. Российские бизнесмены, в основном относятся к веб-сайту своей компании скорее как к досадной необходимости тратить свое время на всякую ерунду. Впрочем, компания которая хоть раз получила приличный заказ через интернет,&nbsp; на вопрос &laquo;продает интернет или не продает&raquo; уверенно отвечает что &laquo;продает&raquo;. <br /><br /></p>Thu, 18 Sep 2008 00:00:00 +0400<p>Хотим мы этого или не хотим, интернет прочно вошел в деловую жизнь мира. Истории о том, как новый интернет-ресурс позволил в несколько увеличить продажи, пока звучат с названиями иностранных компаний. Российские бизнесмены, в основном относятся к веб-сайту своей компании скорее как к досадной необходимости тратить свое время на всякую ерунду. Впрочем, компания которая хоть раз получила приличный заказ через интернет,&nbsp; на вопрос &laquo;продает интернет или не продает&raquo; уверенно отвечает что &laquo;продает&raquo;. <br />Как же привлекать клиентов через веб-сайт? Почему одни сайты приносят своим владельцам доход, а другие нет? На самом деле все довольно просто &ndash; успешный, хорошо продающий сайт должен быть спроектирован маркетологом, нарисован веб-дизайнером, сверстан веб-программистом и размещен на рекламных интернет-площадках. Кроме этого информация на сайте должна регулярно обновляться и быть достоверной.<br />Когда клиент после поискового запроса видит ссылку на ваш веб-сайт на первой странице Яндекса, заходит, его встречает приятный глазу дизайн. Далее он видит полную информацию о товаре, его стоимости и несколько способов связаться и уточнить детали &ndash; вероятность покупки очень высока. <br />Когда на страницах веб-сайта последняя новость датирована 2005 годом, для выяснения цены предлагают связаться о телефону, а глаз бодрит ядреный зеленый цвет на котором трудно разобрать буквы &ndash; ждать первой покупки придется очень долго.<br />Проект Инфодонск уже более 2,5 лет помогает предприятиям Волгодонска, Ростова и Москвы представлять свою продукцию в интернет. В основном наши клиенты &ndash; производственные предприятия, которые размещают в интернет каталог продукции или презентационную информацию о своем предприятии &ndash; так называемый сайт-визитка.<br />Процесс разработки сайта занимает от 3 до 5 недель и на всех этапах разработки маркетолог или менеджер проекта подскажут как лучше разместить информацию, помогут написать недостающие тексты, организуют фотосъемку, словом сделают все, чтобы процесс разработки сайта был простым и понятным для заказчика.<br />Чтобы помочь Заказчику еще больше, на сайте Проекта Инфодонск выложен ряд информационных статей, подробно рассказывающих о возможностях веб-сайтов, нюансах разработки. Часть этих статей опубликована&nbsp; в федеральных журналах, посвященных маркетингу, что говорит о высоком качестве работы и обслуживании.<br />Если вы серьезно намерены продвигать свою продукцию через интернет &ndash; в первую очередь обратитесь за консультацией в Проект Инфодонск. Даже если вы не знаете с чего начать, не беда, опытные консультанты предложат вам на выбор несколько вариантов с оптимальным соотношением цена/качество.<br /><br /></p>http://www.infodonsk.ru/dv/stati_publikacii/infodonsk_vebsajty_yandeks1/http://www.infodonsk.ru/dv/stati_publikacii/infodonsk_vebsajty_yandeks1/