Дизайн

Как сделать прибыльной разработку дизайна сайтов #3

Статья, написанная Абызовым Игорем и опубликованная на портале Хабрахабр об основных правилах прибыльной разработки сайтов. Статья написана в 5 частях, публикуем третью (первая часть, вторая часть).


В предыдущих статьях мы рассмотрели проблемы повседневности и их решение для темы «встреч». Сегодня рассмотрим решение следующей проблемы.

Тема сегодня «Постановка задачи»

Я бы с тобой согласился, но тогда мы оба будем неправы.

Напомню суть проблемы. У вас есть подписанный договор. В голове у вас мысли, напоминающие взбаламученную бурей воду. Много идей, что можно нарисовать. Множество мыслей, как удивить будущего посетителя нового ресурса, чтобы он зашел и сказал «WOW, its cool», и разослал знакомым или поставил лайк. У вас уже пошли мысли, как вам вручат награду thefwa, awwwards или cssdesignawards (.com). Иногда видится даже такой момент, когда выходишь с договором в руке и предоплатой на банковском счету: звучит музыка, светит солнце, тебе все вокруг улыбаются.

Разбор задачи

Приезжаешь в офис (дом/контору), и тут наступает момент осознания того, сколько всего нужно сделать. Садишься и начинаешь думать: с чего начать?, как бы все не забыть?, «а вот это мы обсуждали … или забыли?», и др. Нужно все рассказать дизайнеру (руководителю / исполнителям). Подзываем и начинаем рассказ: «нам нужно сделать проект …». Все слушают, затем вставляют свои «5 копеек», иногда слушают и записывают, иногда просто слушают и кивают. Бывает, зацепятся за что-то и тема уходит не туда, прибавляется юмор. Итог на следующий день — никто толком не помнит, что нужно сделать. В лучшем случае, на следующий день или через день дизайнер принесет первые идеи и спросит: «а что там на следующих страницах?».

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

Давайте прекратим повторять структуру проекта, какие страницы в него входят, какие из них нужно нарисовать. Конечно, есть места, которые просто необходимо обсудить и переобсудить. Например, главная страница или страница сервиса, которая должна быть всем понятна и продавать — ключевые страницы сервиса.

Структурируйте работу с первой минуты

Что вам нужно? Пообщались с клиентом — заведите сразу Google.документ. Да, кому-то нужно с ним разобраться. Но те 30 мин, что вы потратите (сделайте это прямо сейчас), окупятся с первым же клиентом. Регистрация аккаунта Google, создание документа, присвоение названия документу, выставление 9-го кегля, единичные отступы по периметру, формат А4 — все это можно легко и быстро сделать. Не забывайте проставлять нумерацию страниц, это позволит вам сократить время, когда вы захотите сослаться на документ: «вот ссылка docs.google… вы писали в комментарии на 3й странице …». Также научитесь пользоваться короткими ссылками и дайте клиенту короткий URL (https://goo.gl). (_!_) Отправьте ссылку клиенту или попросите у него gmail почту, а если клиент вредный, откройте сразу документ на доступ по ссылке. Не забывайте пользоваться комментариями.

«Если человек не может написать то, что ему нужно — он не знает, что ему нужно» — так я всегда говорю открыто клиентам и это работает, это задевает человека и он идет на принцип (если эту фразу до меня сказал кто то еще напишите мне).

Далее: вам нужно перебороть себя и научиться писать в этом документе ВСЁ, что хотите сделать для клиента. И заставляйте вашего клиента писать ВСЁ, что он хочет, в нем. Давайте вспомним статью из (часть2) и то, что нам нужно экономить свое время и время клиента. Этот файл не ограничивает клиента, он не подталкивает его прямо сейчас что-то сказать вам, прямо сейчас вам дать ответ. Человек может днем получить ссылку, вечером прочитать и утром написать ответ. Преимущества, широчайшие возможности, поддержка на всех устройствах, групповая работа и автообновление — все эти преимущества google.документа вы можете загуглить. Вам не нужно пересылать или писать письма, следить за версиями … и вообще что-либо делать — дайте ссылку, и клиент будет рад. Вспомним еще момент из (часть2): клиент сразу видит, что вы владеете передовыми инструментами. Ему все равно, какая у вас версия Photoshop или количество оперативной памяти — он видит вашу осведомленность, которая передается через инструменты взаимодействия с ним.

Что нам дает «общий документ»

Свободу! Вы можете пустить в него клиента, его помощников, своих сотрудников еще до начала работы над проектом. Составляйте его сразу правильно. Не делайте из него свалку мусора. Следите за оформлением. Клиент не понимает правила оформления текста. Оформляйте за ним, он это увидит и оценит. Если у вас даже в документе порядок — значит и работа у вас вся отточена. Не допускайте не малейшего шанса усомниться в этом.

Дальше вам карты в руки … Как мы ведем свои документы? По-разному. Но есть в них и что-то общее:
— Блок информация — в нем мы размещаем ссылки на все ресурсы, фото и документы, что дает нам клиент. Для этого можно создать папку с именем проекта в Google диске и закинуть в нее все материалы, открывая к ним различную степень доступа. Вплоть до того, что в ней могут быть ссылки на договоры и счета (но доступы только у тех, кому нужно). В этом блоке стоит указать, кто каким цветом пишет;
— Блок структура проекта. Структурированное расписание всего проекта, всех страниц и подстраниц;
— Блок обсуждаемый. Важный блок. Взяв выдержки из него, можно составить ТЗ, проектную документацию, приложение к договору (также экономит время оставление этих документов в Google docs; бухгалтер или юрист быстро напишет вам свои комментарии);
— Блок вопросов. Отделите блок сумбурных вопросов от сути, обсуждаемой выше.
— Блок сметы. Каждый ведет этот блок по-своему.

Подобную свободу дают другие сервисы, которые мы рассмотрим позже, например (m) maquetter, Mock Flow.

Итог

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

Договор и другие Google документы у вас лежат там же. Вы сидите в гостях в друга, спите с любовницей, отдыхаете в выходной день. Тут вам звонит клиент и говорит, что принимает у вас первый этап работ, и если вы ему предоставите счет через 5мин, он его подпишет, а бухгалтерия его оплатит. Иначе вам нужно будет ждать его 21 день с теплых краев в зимнюю стужу. Что вам нужно — сесть за компьютер, планшет, да даже с телефона скопировать документ и выслать ссылку в виде смс. И отдыхать дальше.

Общий Google документ, с которым вы придете в офис и просто расшарите ссылку. Пойдете пить чай, пока все читают. Вы уже попотели над тем, чтобы все собрать вместе, разложить по полочкам и дать на блюдечке с гугловской каемочкой. После прочтения вы, конечно, ответите на вопросы. Разберете все на доске. И что сделаете? Зафиксируете все в этом же документе. Запишете сюда все идеи, вопросы для клиента. Снабдите все картинками и скринами, если необходимо (доску можно фотографировать). И скажете клиенту: «посмотрите вопросы на 3й стр гугл докса». ВСЕ (_!_)

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

Другие части: Часть1, Часть2, Часть3, Часть4, Часть5.