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

Средств для создания прототипов великое множество. Чтобы ответить на вопрос «Какое предпочесть?», нужно сперва понять, кто будет делать прототип и в каких целях. Весомая доля веб-разработчиков использует Axure RP Pro. Немало дизайнеров отдает предпочтение Adobe Fireworks. Популярен и Balsamiq (рис. 4). Большая часть онлайновых сервисов такого рода дает возможность загрузить прототип на сервер, с помощью пароля преградив доступ к нему случайным «прохожим», и провести испытания в обстановке, приближенной к боевой.

^{Рис. 4. Интерфейс сервиса для создания прототипов Balsamiq}

axure.com

adobe.com

flairbuilder.com

foreui.com

guimachine.ru

proto.io

pidoco.com

protoshare.com

balsamiq.com

mockupbuilder.com

gomockingbird.com

iphonemockup.lkmc.ch

«Прототип: бумажный или интерактивный?»: 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]5
  Дедлайн (от англ. deadline) – крайний срок выполнения задачи или завершения проекта.


[Закрыть]. Хрестоматийный диалог с «полуфрилансером»:

– Вячеслав! Вы третий день не выходите на связь. Прототип вы должны были показать мне еще в прошлую среду.

– У нас весь отдел отправили на двухнедельную стажировку в Microsoft, я физически не мог заниматься вашим сайтом. Все наверстаю.

– Но мне надо открывать магазин в начале следующего месяца! У нас только по детским книжкам предзаказ – на двадцать семь тысяч с гаком. Думаю, будет справедливо удержать у вас 5 % гонорара. Мы эту меру обговаривали.

– Послушайте, не надо меня шантажировать деньгами. У меня есть постоянная работа, от 5 % я не обеднею, но как-то мелочно с вашей стороны, уж простите. Сказал – сделаю. Если честно, вы меня сейчас почти лишили мотивации заниматься проектом дальше.

• Владеет азами тайм-менеджмента[6]6
  Тайм-менеджмент (от англ. time management) – методика рациональной организации времени и повышения личной эффективности.


[Закрыть]. Толковый фрилансер ни в коем случае не возьмет работы больше, чем ему удастся выполнить за оговоренные сроки. Желательно, чтобы большую часть дня в оговоренный период он занимался вашим проектом. И конечно, он должен находиться на связи либо на протяжении всего рабочего времени в будни, либо в часы, которые вы вместе с ним утвердили как отчетные.

• Обладает опытом для выполнения необходимых вам задач. Бесспорно, заслуживает уважения разработчик, который сделал великолепный отказоустойчивый сервис аренды автомобилей. Но что вам толку в его достижениях, если он никогда не создавал интернет-магазины на Drupal 7, а вам в лучших традициях дедлайн-триллеров нужно было довести до ума кривую работу однокурсника – угораздило же довериться ему – еще вчера? Разумнее взять в оборот веб-мастера, не хватающего звезд с неба, но настроившего штук двадцать торговых площадок на вышеупомянутой CMS.

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

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

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

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

• «Не великие таланты, но понятны и просты». Вам нужен не гуру, а тот, кто успешно выполнит поставленные вами задачи. Добросовестный фрилансер не пытается заумно, используя технический жаргон, маскировать свои слабые места и умеет говорить простыми словами о сложном. Навязывает вам в первом же разговоре мысль о сакральном смысле префиксов переменных в языке Delphi? Давай, до свидания!

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

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

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

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

Второй по популярности канал, по которому ищут разовых, да и постоянных исполнителей на интернет-проекты, – профильные сайты: Fl.ru (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).

• При работе через биржи фриланса наотрез отказывается использовать опции типа «Безопасной сделки», страхующие риски заказчика.

• У фрилансера – что особенно значимо для дизайнеров и иллюстраторов – имеется блог, который он давно ведет и в котором высказывается на профессиональные темы, привлекая коллег по цеху и живо дискутируя с ними в комментариях. Оформление и качество исполнения блога, случается, говорят о фрилансере больше, чем портфолио. Если вам не по нраву личный сайт или блог потенциального «соавтора» вашего проекта, то было бы странно очертя голову бросаться в его объятия.

• Регулярно работает в тандеме с фрилансером другого профиля (например, пара «дизайнер – веб-программист» или «дизайнер – верстальщик»), но не навязывает его услуг в дополнение к своим.

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

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

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