Текст книги "Создание сайтов"

После первичной переписки, «принюхивания» вы – хоть режьте нас – должны увидеть сайтостроителя (так сказать, «вольного каменщика») воочию. Например, в режиме видеочата Skype. Визуальный контакт, помимо всего прочего, позволит вам отсеять школьников и маргиналов. Или, наоборот, разглядеть школьников с задатками Марка Цукерберга и симпатичных вам маргиналов – в зависимости от ваших предпочтений. Если вы живете с фрилансером в одном городе, рекомендуем назначить встречу в офлайне: рожденные в XX веке все-таки в массе своей безотчетно уверены, что коммуникации вне цифровой среды обязывают к большему.

Мы не устанем повторять чуть ли не в каждой главе, а если устанем, то стиснем зубы и заставим себя: техническое задание прежде всего. Как его составлять, рассказано в главе «Техзадание: последний раз себя спрашиваю!». Скорее всего, вам понадобится написать отдельное ТЗ – или дополнение к базовому – для фрилансера, регламентирующее круг его обязанностей и критерии выполнения заданий, включая количество вариантов материала (например, эскизов дизайна), которые вы вправе требовать от исполнителя, а также объем и масштаб исправлений, не подлежащих дополнительной оплате, и т. д.

Не лукавьте, преуменьшая масштаб проекта в духе: «И всего-то нужно, что сделать сайт на двадцать страничек» (зато каждая из двадцати требует головоломных алгоритмов, обрабатывающих на лету данные из веб-форм). Не придумывайте витиеватых формулировок, которые все как одна сводятся к следующему: «Это демопроект, поработайте за гроши, и я дам вам другой, на сорок тысяч евро». Перспектива – прекрасный манок для вольного наемника, но деньги ему нужны здесь и сейчас, и сиюминутная скаредность клиента для него нагляднее, чем нарисованные им далекие горизонты. Хотя психологические манипуляторы на что только не подвигнут. Вспомним Generation «П» Виктора Пелевина: «…у Татарского возникло вялое чувство, что его опять дурят. Перспективы работы на Пугина прорисовывались смутно – хотя работа была вполне конкретной, было неясно, как и когда за нее будут платить. В качестве пробного шара Пугин дал задание на разработку эскизной концепции для “Спрайта” – сначала он хотел дать еще и “Мальборо”, но внезапно передумал, сказав, что Татарскому рано за это браться. <…> Весь его скепсис в отношении Пугина мгновенно растаял от обиды, что тот не доверил ему “Мальборо”».

Давать ли фрилансеру тестовое задание? Применительно к одним профессиям – обязательно: так, два описания реальных товаров для интернет-магазина не иссушат рук и мозга копирайтера. Но если вы задумали стресс-тест для программиста в режиме реального времени, то либо вы сами должны разбираться в предмете (иначе как поймете, изящно или криво испытуемый реализовал на PHP динамические зависимые выпадающие списки на основе информации из базы данных MySQL?), либо слезно просите выступить в качестве инквизитора знакомого эксперта, например технического директора IT-компании, досконально разбирающегося в веб-технологии, владение которой надо проверить.

Как только достигнуты первичные договоренности на предмет суммы вознаграждения, технического задания и сроков, а компетенции вашего собеседника подтверждены, расставьте все точки над i в том, что касается порядка оплаты. Чаще всего разгорается спор о том, рассчитываться ли с исполнителем строго постфактум, и если нет, то на какие транши разбивать гонорар. С одной стороны, аванс – в размере 20–50 %, мы рекомендуем приблизительно 35 %, – доказывает серьезность ваших намерений (да-да, недобросовестных заказчиков не меньше, чем фрилансеров-мошенников!) и мотивирует исполнителя взяться за дело. С другой – при первом опыте сотрудничества с новым фрилансером имеет смысл попробовать расплачиваться за большие фиксированные фрагменты работы: сделана титульная страница – микротранш, запрограммирована работа с «Корзиной» – еще микротранш и т. д. Кроме того, возможна – хотя в российском Интернете мало распространена – и почасовая оплата: работу по такой схеме обеспечивает, например, западная биржа фриланса oDesk; еще одна ее полезная функция – регулярная проверка того, чем занимается исполнитель.

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

Допустим, процесс пошел. Главное правило непосредственно в работе с фрилансером – общаться. Регулярно. Но без фанатизма: для профессионалов, чья работа требует высокой концентрации (а все задачи в веб-разработке именно таковы), несказанно важно такое понятие, как «поток». Это своего рода рабочий континуум, с комфортом как в физическом, так и в информационном пространстве, который позволяет до предела сосредоточиться на интеллектуальном труде. Упрощенно: «Чтобы не дергали каждые пятнадцать минут». Поэтому постарайтесь достигнуть компромисса с фрилансером: столько-то раз в день, а возможно, в точные часы вы с ним выходите на связь. Или пусть раз в три часа меняет в мессенджере[7]7
  Мессенджер (от англ. messenger) – программа или сервис для отправки мгновенных текстовых сообщений. Один их самых популярных в мире коммуникационных сервисов Skype имеет такую функцию.


[Закрыть] статус с «Не беспокоить!» на «Доступен», что будет приглашением к коммуникации, если в ней на данный момент есть надобность.

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

Следите за тем, чтобы в пылу антидиверсионных мер не перегнуть палку. Так, большинство программистов и веб-мастеров встречают в штыки – и совершенно справедливо! – ультимативное требование вести работы над сайтом на сервере заказчика.

Не забывайте хвалить фрилансера, когда его труд того заслуживает. Искренне, не по Дейлу Карнеги: разве каждый правильный шаг вашего сайтостроителя не приближает долгожданный релиз?

При оценке сроков выполнения задач задействуйте «коэффициент растяжимости», ведь сроки – понятие именно что растяжимое: умножайте приемлемое время, требующееся на достижение цели, в среднем на 1,2–1,4. Дедлайны срываются, программисты и их семьи болеют, жесткие диски и вправду иногда ломаются в реальном мире, а не только в подвиде поэтического эпоса под названием «отмазка».

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

«Охота на программиста: семь советов по поиску фрилансеров»: http://prograbli.ru/business_experience/the_hunt_for_the_programmer_seven_tips_for_finding_freelancers_alexey_talan/

Раздел «Статьи» на бирже фриланса Fl.ru: https://www.fl.ru/articles/

«Рассылка Trustlink. Выпуск № 31: работа с аутсорсерами»: http://www.trustlink.ru/subscribe/show/36

О головоломке «принцесса или тигр»: http://golovolomka.hobby.ru/books/smullian/tiger/content.shtml

Глава 4. Работа с веб-студиями: понукая трамвай

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

Обращаясь в «сайтостроительную контору», вы не избавляетесь одним махом от всех мыслимых забот. Проведем аналогию из области транспорта. Фрилансер – все равно что водитель-частник. Голосуя на обочине, вы можете остановить как глохнущий рыдван, чей владелец ужасающе неопрятен и ожесточенно торгуется, сколько ему ни предложи, так и комфортабельный кроссовер с вежливым, неалчным, прекрасно знающим мегаполис водителем. Насколько быстро и с какими финансовыми и моральными издержками вы доберетесь до пункта назначения, зависит главным образом от вашей способности разбираться в частных извозчиках: например, первый может оказаться бывшим таксистом, способным проехать через ваш город хоть с закрытыми глазами, а второй – маньяком.

Веб-студия – скорее трамвай. Он сравнительно медленный, движется по расписанию, но с остановками. Зато почти наверняка доедет, хотя, возможно, с опозданием: если какой-нибудь лихач, наплевав на правила дорожного движения, вздумает разворачиваться на путях, ваш вагон никуда не свернет с рельсов. Хотя иные веб-студии уместнее сравнить с корпоративным такси класса люкс. А отдельные недобросовестные – с микроавтобусом ГУП «Ритуал». Но давайте не о грустном, а о конструктивном.

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

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

• Системный подход. У веб-студии, которая не первый год в отрасли, стандартные процедуры веб-разработки и коммуникации между подразделениями четко регламентированы – и большинство предписаний выстрадано бессонными ночами, так же каждая буква в уставе караульной службы или армейской разведки написана кровью. Часто внутри отдела программирования ведется общая wiki-энциклопедия по разработке: с документацией, справками на разные случаи жизни и кодинга, инструкциями и ссылками на источники. Точно так же нормой является использование систем управления проектами, сервисов для отслеживания ошибок (bug tracking), инструментария для контроля за выполнением задач (task tracking). Курирует ведение проекта отдельный менеджер, задача которого – сглаживать острые углы в коммуникации и делать так, чтобы все участники процесса говорили на одном языке. Собственно, менеджер в веб-студии для вас ключевая фигура, и успех предприятия зависит в первую очередь от него.

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

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

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

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

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

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

• Навязывание дополнительных услуг. Обходительно или, наоборот, прямолинейно, но многие веб-студии в надежде увеличить свой доход начинают предлагать клиенту услуги, без которых он, по крайней мере теоретически, мог бы обойтись или заказать в другом месте: SEO-продвижение, подготовка контента и т. д. Это нормальная бизнес-практика. При условии, что такие возможности обсуждены заранее и деньги из вас не пытаются вытрясти шантажом («Да, мы не упомянули это, составляя ТЗ, но без данного пласта работ по-настоящему хороший сайт будет сделать трудно, да, очень трудно»). Перед началом сотрудничества следует точно узнать, какие услуги студия выполняет по умолчанию, без дополнительной оплаты.

• Неоднородность компетенций в разных сферах. Не каждая веб-студия одинаково сильна в SEO-аудите и верстке, в дизайне и программировании. Иногда арт-директору удается собрать под своим началом классных дизайнеров, притом что в соседнем отделе – сплошь программисты-середнячки. Или наоборот, компания крепка департаментом веб-разработки, но из-за болезни роста у нее текучка «рисовальщиков». Когда вы нанимаете фрилансеров, у вас при наличии опыта есть шанс выбрать и дизайнера, и программиста, и верстальщика, оптимально подходящих под ваш проект.

Обратите внимание

Веб-студии тоже часто нанимают аутсорсеров[8]8
  Аутсорсер (от англ. outsourcer) – сторонняя компания или лицо, которому организация перепоручает по специальному договору выполнение того или иного задания.


[Закрыть], особенно для выполнения непрофильных для себя и редких задач, зато взаимодействие с ними – это не ваша головная боль.

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

На вопрос «Сколько это будет стоить?» мы попытаемся ответить сразу, поскольку независимо от искушенности заказчика эта фраза звучит в самом начале переговоров с веб-студией в девяти случаях из десяти. Так сколько же? Зависит от сложности проекта, от «звездности» студии, ее статуса в индустрии и географической принадлежности, от конъюнктуры рынка. Цена очень широко варьируется – $4–20 тысяч на конец 2013 года. Во избежание кривотолков уточним: бывает как дороже, так и дешевле. Некоторым студиям попросту невыгодно браться за заказы с чеком меньше 500–600 тысяч рублей. Между тем отдельные конторы в провинции, которым рано еще разевать рот на лакомых столичных клиентов, сознательно демпингуют даже по меркам своего региона, создавая себе реноме и набирая опыт, поэтому готовы смастерить сайт за 60–90 тысяч рублей. Но нужно уметь отличать молодых и голодных асов от профнепригодных неудачников.

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

• Какие бизнес-задачи призван решать ваш сайт?

• Можно ли отнести сайт строго к одному распространенному типу: интернет-магазин, сайт-визитка, промосайт, информационный портал и т. д.? Если нет, то в чем его особенности?

• Какова его целевая аудитория (ЦА)?

• Какие потребности ЦА должен удовлетворять сайт и за счет каких механизмов и сервисов? К совершению каких действий должны побуждаться посетители сайта?

• Будут ли использовать сайт сотрудники вашей собственной компании, и если да, то для чего именно?

• Каковы главные конкурентные преимущества вашей компании, которые должен отражать сайт?

• Как кратко сформулировать основные качества и показатели ваших товаров и услуг?

• Если сайт продвигает продукт или услугу, то почему посетители захотят их купить?

• Как позиционирует себя ваша компания на рынке?

• Чем вы выделяетесь в своей сфере и кто ваши главные конкуренты?

• Какие сайты конкурентов вам нравятся и почему?

• Какие сайты конкурентов вам не нравятся и почему?

• Есть ли у вас готовый фирменный стиль, брендбук и/или дизайнерские или технические решения, которые должны быть реализованы на сайте?

• Есть ли у вас собственные мысли на предмет дизайна сайта? Какая информация должна быть на нем размещена и откуда ее предполагается взять?

Чем четче вы артикулируете свой взгляд на предназначение сайта, чем яснее и подробнее говорите, что хотите, тем быстрее и эффективнее будет взаимодействие с веб-студией. Принято говорить, что разработчики не телепаты и не умеют угадывать ваши потребности, мы же вам откровенно скажем: иногда – умеют (жизнь заставляет! опыт огромный!), но не обязаны. О, вы готовы сразу показать техническое задание, хотя бы черновик? Отлично.

От вас как заказчика должен выступать один человек-коммуникатор: либо вы сами, либо ваше доверенное лицо, например руководитель IT-отдела, директор по маркетингу и т. д. Нет ситуации хуже, чем когда никому не понятно, кто должен сказать последнее слово и подписать «окончательную бумажку».

Еще один подводный камень: если у вас действующий офлайн-бизнес и открытию сайта сопутствует его «цифровизация», то – сознательно ли, безотчетно ли (к счастью, чаще второе) – часть сотрудников может мягко саботировать партнерство с веб-студией в надежде сохранить все как есть. Хотя бы затягивая процесс бесконечными согласованиями и совещаниями. Это дополнительный довод в пользу того, чтобы краеугольные решения, касающиеся создания сайта (прием прототипа, сдача промежуточных результатов и т. д.), принимало с вашей стороны либо ответственное лицо, в чьей здравости суждений и лояльности общему делу вы не сомневаетесь, либо вы сами. Главное – не допустить размывания ответственности. Нет вернее способа закопать удачный эскиз или прототип, чем вынести продукт-сырец на суд всех ваших топ-менеджеров и их замов, а то и вообще всех до единого сотрудников на летучке.

Обратите внимание

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

Непременно оговаривайте еще до подписания договора, какие материалы и в какие сроки вы обязуетесь предоставить со своей стороны, например финальную версию ТЗ, ваш корпоративный гайдлайн (см. главу 12 «Фирменный стиль: умная одежка») для дизайнеров веб-студии, тексты и иллюстрации, технические характеристики товаров и т. д. Если контента для сайта у вас нет, заранее узнайте, готова ли студия заняться его созданием. Готова? Уточните, на каких условиях и какая информация потребуется от вашей компании.

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

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

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

Как и в случае с фрилансером, разумно договориться со студией на предоплату ее услуг: поточность поточностью, зарплата зарплатой, а менеджер проекта будет «монетарно простимулирован», скорее всего, частью вашего аванса, что, бесспорно, повлияет на скорость и качество работы.