http://www.cossa.ru/articles/155/40512/
   О картах кликов в «Яндекс. Метрике»: http://help.yandex.ru/metrika/behavior/click-map.xml
   Советы по работе с Axure RP Pro: http://habrahabr.ru/post/101938/
   «Рейтинг решений для прототипирования и проектирования сайтов, используемых в веб-студиях и интернет-агентствах России»: http://2011.tagline.ru/prototype/
   «Рассылка SeoPult. Выпуск № 120: юзабилити сайта»: http://seopult.ru/subscribe.html?id=125
   «Рассылка Setup.ru. Выпуск № 53: создание прототипа»: http://www.setup.ru/client/subscription/114
   «Рассылка Setup.ru. Выпуск 44: A/B-тестирование»: http://www.setup.ru/client/subscription/93
   Стив Круг. Веб-дизайн, или Не заставляйте меня думать!: http://www.ozon.ru/context/detail/id/3795618/
   Влад Головач. Дизайн пользовательского интерфейса. Искусство мыть слона: http://uibook2.usethics.ru

Глава 3. Работа с фрилансерами: freelance, freelove

   Если вы сами не веб-программист с десятилетним стажем, то при выборе исполнителя, который будет создавать вам сайт, очутитесь на распутье: либо обратиться в веб-студию, либо довериться одному или нескольким фрилансерам. Какой вариант предпочесть, вопрос вполне обычный. Есть студии, которые честнее называть шарашками, и есть крепко спаянные «отряды» фрилансеров, способные заткнуть за пояс целый отдел компании, чье портфолио числом и достоинством наград соперничает с парадным кителем Брежнева. Бывают проекты, с которыми иначе как командным «навались!» не сладишь, но не редкость и те, что выгоднее поручить вольным стрелкам.
   Что касается работы с фрилансером, почти все ее риски и доходы зашифрованы в самом определении этого человеческого и профессионального типа. Фрилансер (англ. freelancer – «вольный наемник») – это внештатный специалист, как правило, трудящийся дистанционно и выполняющий единичные задачи для различных заказчиков, иногда – для круга постоянных подрядчиков. Он рассчитывает только на себя, что зачастую мешает другим безоговорочно рассчитывать на него.
   Однако не так уж мало независимых одиночек, чьи квалификация и ответственность сопоставимо высоки. Выбор фрилансера, к счастью, не покупка кота в мешке, а скорее головоломка «принцесса или тигр» (см. блок «Полезно знать»). Она сложная, но имеет решение, до которого можно дойти своим умом, без высшей управленческой математики.

Какие бывают фрилансеры

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

Когда обращаться к фрилансеру

   Кто бы что ни говорил, не всегда фрилансерам вы заплатите в совокупности меньше, чем веб-студии. При условии, что «умельцы-надомники» компетентны в своем деле и пунктуальны, а студия состоит не из 15-летнего кодера и его кота. Ценовой фактор в ваших глазах не должен превалировать над прочими. Умеючи вы даже сэкономите с помощью фриланса, даже не поддаваясь на посулы демпингующих новичков.
   Удобно сотрудничать с «играющими соло», если вы назубок знаете, что за технологии понадобятся при создании сайта, на какие части будет разделен проект, когда и в чем именно исполнителям понадобится взаимодействовать между собой. Иначе говоря, вы выступаете в качестве менеджера проекта и без робости дирижируете исполнителями.
Обратите внимание
   Менеджера проекта по созданию вашего сайта тоже можно нанять как фрилансера. Иногда это спасает ситуацию.
   «Сроки горят» – это еще один повод постучаться в Skype скорее к фрилансеру, чем к менеджеру студии, с одной лишь маленькой, но важной оговоркой: к давно знакомому ответственному фрилансеру, с которым вы успели пуд соли съесть. Контора по разработке сайтов, как и любой бизнес, инертная структура, невзирая на то, что интернет-отрасль до сих пор одна из наименее бюрократизированных.
   Почему-то необходимо сделать маленький, но изящный фотохостинг на редкой CMS и с авангардным оформлением и потом его поддерживать? Компании, чей бизнес – производство сайтов, обычно не могут себе позволить иметь в штате умельцев на все случаи жизни, и проще подобрать фрилансера, который знает толк в адаптивном дизайне, кожей и зрительной корой головного мозга чувствует милую вашему сердцу эстетику веб-хулиганов из Looo.ch и успел сделать аж четыре фотохостинга с базой данных на NoSQL – точь-в-точь таких, о каких мечтаете вы.
   Живой контакт с исполнителем тоже дорогого стоит. С одной стороны, аккаунт-менеджер в веб-студии экранирует вас от надчеловеческой логики и нечеловеческого языка программистов, с другой – каждое дополнительное звено в коммуникации затягивает согласования.
   Нужно «натянуть» дизайн блога на готовый движок, прикрутить систему комментирования Disqus, настроить счетчики и в дальнейшем периодически добавлять сравнительно простые скрипты? Вам и здесь прямая дорога к фрилансеру. Студии распыляться на столь мелкие заказы попросту невыгодно.
   А еще при хорошем контакте с наемником-одиночкой вам не составит труда при необходимости попросить его о дополнительной внеурочной работе за небольшую плату. Впрочем, таким «ускорением» лучше не злоупотреблять.

Фрилансер мечты

   При воспоминании о сотрудничестве с фрилансерами кто-то плюется, а кто-то удовлетворенно хмыкает. Первых больше, и к тому есть предпосылки. Риск нарваться на неквалифицированного «дизайнера-надомника» или «программиста из 8 А класса» выше, чем если, например, вы выбираете веб-студию из числа участвующих в каком-нибудь авторитетном отраслевом рейтинге. Не останавливаясь на какой бы то ни было отдельной профессии, попробуем составить фоторобот идеального фрилансера.
   • «Фриланс – это судьба». Не имеет штатной работы и живет на вольных хлебах не первый год. «Тру-фрилансер» трезво оценивает свои силы, ввиду опыта умеет определять сроки выполнения задач, научился не взваливать на себя неподъемную ношу (сделать туристический портал с геолокационными сервисами за полтора месяца, притом что параллельно пытается клепать три принципиально разных интернет-магазина). Совместители, днем трудящиеся в офисе, а вечерами халтурящие, в среднем менее надежны, слабее мотивированы денежным вознаграждением за сдельную работу и более склонны срывать дедлайны[5]. Хрестоматийный диалог с «полуфрилансером»:
   – Вячеслав! Вы третий день не выходите на связь. Прототип вы должны были показать мне еще в прошлую среду.
   – У нас весь отдел отправили на двухнедельную стажировку в Microsoft, я физически не мог заниматься вашим сайтом. Все наверстаю.
   – Но мне надо открывать магазин в начале следующего месяца! У нас только по детским книжкам предзаказ – на двадцать семь тысяч с гаком. Думаю, будет справедливо удержать у вас 5 % гонорара. Мы эту меру обговаривали.
   – Послушайте, не надо меня шантажировать деньгами. У меня есть постоянная работа, от 5 % я не обеднею, но как-то мелочно с вашей стороны, уж простите. Сказал – сделаю. Если честно, вы меня сейчас почти лишили мотивации заниматься проектом дальше.
   • Владеет азами тайм-менеджмента[6]. Толковый фрилансер ни в коем случае не возьмет работы больше, чем ему удастся выполнить за оговоренные сроки. Желательно, чтобы большую часть дня в оговоренный период он занимался вашим проектом. И конечно, он должен находиться на связи либо на протяжении всего рабочего времени в будни, либо в часы, которые вы вместе с ним утвердили как отчетные.
   • Обладает опытом для выполнения необходимых вам задач. Бесспорно, заслуживает уважения разработчик, который сделал великолепный отказоустойчивый сервис аренды автомобилей. Но что вам толку в его достижениях, если он никогда не создавал интернет-магазины на Drupal 7, а вам в лучших традициях дедлайн-триллеров нужно было довести до ума кривую работу однокурсника – угораздило же довериться ему – еще вчера? Разумнее взять в оборот веб-мастера, не хватающего звезд с неба, но настроившего штук двадцать торговых площадок на вышеупомянутой CMS.
Обратите внимание
   Наш совет – лучше прослыть косным консерватором, чем подвергнуть риску будущее своего проекта, доверив его фрилансеру младше 19–22 лет. Тем самым вы упустите из виду единицы гениев Веба, не окончивших вуз, но успевших утвердиться в профессии, зато отсечете десятки и сотни неумех, которым ваш интернет-магазин или портал будет нисколько не жалко и которые лишь захотят набить на нем руку. Если вы делаете не первый свой сайт, то можете не учитывать эту рекомендацию.
   • Проводит четкую ценовую политику. При наличии детально обрисованных задач ответит, за какую сумму ориентировочно готов их выполнить, или по меньшей мере обозначит ценовой диапазон. Не пытается выделиться из сонма конкурентов за счет более низкой стоимости своих услуг. Регулярно сверяется со среднерыночными расценками на работу специалистов своего класса. Без обиняков обсуждает, сколько приблизительно будет брать сверху за незапланированные изменения той или иной степени сложности, если таковые потребуются, и в зависимости от каких факторов может меняться величина его гонорара.
   • Заинтересован в судьбе проекта. Степень вовлеченности исполнителя в создание сайта зависит не только от денег. В веб-разработке велик удельный вес рутинных задач, но ими процесс не исчерпывается. Фрилансер, сохранивший горячее сердце, чистые руки и нормальный обмен веществ, посодействует вам в составлении технического задания и задаст вопросы о задачах, которые (возможно, вы сами это чувствовали) описаны недостаточно ясно.
   • «Не великие таланты, но понятны и просты». Вам нужен не гуру, а тот, кто успешно выполнит поставленные вами задачи. Добросовестный фрилансер не пытается заумно, используя технический жаргон, маскировать свои слабые места и умеет говорить простыми словами о сложном. Навязывает вам в первом же разговоре мысль о сакральном смысле префиксов переменных в языке Delphi? Давай, до свидания!
   • Имеет юридический статус и стремится работать «по-белому». Пункт спорный, но стремление вести дела в правовом поле говорит в пользу работника, пусть даже для вас он исполнитель разового заказа. Если он выступает в качестве индивидуального предпринимателя или действует через ООО, имеет банковский счет как юрлицо, то, скорее всего, с ним будет проще достигнуть прозрачных подробных договоренностей, зафиксировать их согласно букве закона и при нарушении договора цивилизованно расстаться, не потеряв ни копейки.
 
   С фрилансерами обычно заключается договор подряда (программирование, дизайн, верстка) или договор возмездного оказания услуг (SEO-продвижение, консалтинг и пр.).

www.fl.ru, ранее был известен как Free-lance.ru), Weblancer.net (www.weblancer.net) и иже с ними. Их владельцы и администрация кровно заинтересованы в оперативном сведении заказчика и исполнителя, подходящих друг другу, чему и служат такие инструменты, как рейтинги (рис. 5), система профессиональных аккаунтов, портфолио дистанционных работников и отзывы на них.
   Рис. 5. Рейтинг исполнителей в категории «Разработка сайтов» на сайте Fl.ru
 
   Важное достоинство вышеупомянутого Fl.ru – наличие опции «Безопасная сделка» (ранее «Сделка без риска», сокращенно СБР; с тех пор как ее использование вновь было сделано необязательным, она может быть действительно расценена как достоинство), которая позволяет заказчику застраховать свои финансовые риски на случай обмана со стороны фрилансера и прочих непредвиденных обстоятельств. Цена вопроса – 7 % от бюджета. Оптимально будет зайти с двух сторон: не только зарегистрироваться как работодатель (предпочтительно с продвинутым, PRO-аккаунтом) и опубликовать заявку со сжатым и внятным описанием проекта, но и самостоятельно прошерстить базу работников.
   Нельзя не отметить, что у Fl.ru (то же касается его аналогов и клонов) при всех его достоинствах размыт фокус: здесь ищут и веб-программистов, и переводчиков, и копирайтеров, и бухгалтеров. Наряду с «общечеловеческими» существуют и узконаправленные «IT-центрические» фриланс-сайты, как то: Brainstorage.me (рис. 6), ITMozg.ru и т. д.
   Рис. 6. Поиск программиста с нужным навыком на Brainstorage.me
 
   Но зацикливаться на биржах фриланса не следует. Часто поднаторевшие в своем ремесле внештатные исполнители-одиночки получают клиентов только по сарафанному радио, благодаря своей репутации, и у них нет отбоя от заказчиков.
   Если вы определились, на каком языке или на какой CMS будет создаваться ваш сайт, тем более если предполагается использование какой-то связки технологий (допустим, веб-сервер nginx, язык программирования PHP, система управления базами данных MySQL), дерзните забраться на профессиональные форумы, где собираются разработчики с нужной вам специализацией. Присмотритесь к завсегдатаям площадки. Партизанскими методами попробуйте разведать, кто из них фрилансит, и установите за объектами наблюдение. Адекватность, предметность и доброжелательность ответов, внушающая доверие метрика «Репутация», количество оставленных комментариев, дата регистрации на форуме, отношение остальных участников – характеристики, которые косвенно, но часто с высокой точностью указывают на компетентность или некомпетентность работника. Завяжите контакт с теми, кто произвел на вас благоприятное впечатление, напишите им письмо – прощупайте почву, но не навязывайтесь: старайтесь обращаться к тем, кто явно ищет проектную работу. Еще лучше, если на форуме предусмотрен раздел для заказчиков.
   Нечто среднее между двумя предыдущими вариантами позволяет сделать «Хабрахабр» (www.habrahabr.ru) – «социальное медиа» для IT-профессионалов. Во-первых, эта площадка объединяет множество блогов с заметками о самых разных аспектах веб-разработки, и эти записи охотно комментируют мастера своего дела (дизайнеры, кодеры, верстальщики и пр.), в том числе предпочитающие работать как фрилансеры, и среди них можно отыскать подлинных асов. Во-вторых, к проекту также примыкают профильная биржа Freelansim.ru и фриланс-сайт Brainstorage.me, открытые той же компанией, что поддерживает «Хабрахабр».
   Нелишним будет просмотреть – при наличии доступа к базе резюме – и самые посещаемые в Рунете сайты по поиску работы, такие как HH.ru и Superjob.ru. Многие фрилансеры зарегистрированы на них и прямо указывают, какой формат сотрудничества их устраивает.
Обратите внимание
   Необязательно нанимать русскоязычного специалиста. Если вы свободно или почти свободно владеете английским языком и неплохо ориентируетесь за пределами Рунета, то вам открыт весь мир, а значит, вы можете найти дизайнера– или программиста-фрилансера, чья «профессиональная конфигурация» будет удовлетворять вас полностью, а не на уровне «лучше синица в руках». И не исключено, что вам удастся сэкономить. (См., например, Elance.com.)

Критерии доверия к фрилансеру и тревожные звоночки

   В начале главы мы быстрыми штрихами нарисовали портрет фрилансера, каким мы хотели бы его видеть. Конечно, это абстракция. Конкретизируем и перечислим, на какие особенности в поведении потенциального исполнителя надо сделать ставку. Есть отдельные признаки, заметив которые в человеке предпочтительно сразу отказываться от его услуг. Другие критичными не являются, их уместно рассматривать в комплексе с другими.

Тревожные признаки

   • Претендуя на реализацию крупного проекта (полгода труда, общий гонорар – около $20 тысяч), наотрез отказывается от простейшего теста – написать десятистрочный скрипт на языке программирования, который, по его собственным словам, знает «на ять».
   • Плохо владеет русским языком, несмотря на то что является его носителем. Не смертельно, но печально. Среди дизайнеров часто встречаются люди могучего дарования, страдающие дислексией в тяжелой форме. Иные программисты допускают на абзац техзадания столько орфографических и синтаксических ошибок, сколько не делали за год в своем коде. Но при прочих равных умение грамотно и лаконично излагать свои мысли – не самая мелкая гирька на весах, измеряющих профессионализм.
   • Он напрочь ungooglable: говоря по-русски, о нем не удается найти толком никакой информации через поисковые системы. При выборе дизайнера это должно настораживать больше, чем при выборе веб-программиста. Другие поводы задуматься из той же категории – закрытые, «наглухо заколоченные» от посторонних аккаунты в социальных сетях с минимумом друзей, а также наличие только одного способа коммуникации (как правило, через e-mail на бесплатном общеизвестном почтовом сервере, таком как Mail.ru).
   • При работе через биржи фриланса наотрез отказывается использовать опции типа «Безопасной сделки», страхующие риски заказчика.

Косвенные положительные признаки

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

Как вести себя с фрилансером

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