Школа стажёров: третья ступень
В предыдущих статьях я рассказал о первой и второй ступенях Школы стажёров. Наконец, подошло время последней статьи про третью ступень и защиту диплома. На ней студент учится работать над реальной задачей под руководством арт-директора и в условиях, приближённых к боевым.
Вся ступень посвящена одному проекту, который проходит все стадии развития в течение двух месяцев: от выбора идеи до внедрения. В конце обучения студент защищает дипломный проект перед комиссией. Теоретические знания с первой ступени и практические навыки со второй помогут уменьшить количество ошибок и сдать работу вовремя.
- Вступительное задание и I ступень
- II ступень
- III ступень и защита диплома
Третья ступень
На третьей ступени важно договариваться с арт-директором, шефом и преподавателем. Правильное согласование замечаний и умение изменить взгляд арт-директора сэкономят уйму времени.
Студенты ещё больше предоставлены сами себе: дедлайн только один — защита диплома в конце ступени. Работа разбита на пять двухнедельных этапов, которые надо сдать арт-директору для допуска к защите. Этапы идут внахлёст — также, как на второй ступени. Никто не стоит над душой и не смотрит, сколько вы работаете. Например, в начале ступени я по незнанию потратил 12 часов на иллюстрацию, которую арт-директор запорол одним махом. Позже стало понятно, что невнимательное отношение к переговорам легко превратит продуктивную работу в сизифов труд.
Так как арт-директор принимает проект, то за ним последнее слово в дизайне, тексте и функционале проекта. Но не надо понимать это буквально. Если не нравится результат или не согласны с арт-директором, находите аргументы и предлагайте решения, которые вас устроят. Это не означает, что надо с пеной у рта отстаивать точку зрения. Умейте договариваться и менять представление арт-директора о проблеме.
По моему опыту — серьёзный флекс начинается за пару недель до защиты, когда арт-директор понимает, что студент не успеет сдать проект в начальном функционале. Каждый элемент сайта добавляет десятки замечаний и часов работы, поэтому лишний раз подумайте, как можно упростить проект. Хотя я пробовал флексить в начале ступени, но не смог убедить в этом арт-директора.
Я повёл себя глупо: решил, что арт-директор — истина в последней инстанции, и не стоит сомневаться в его решениях. В результате я недоволен дизайном, а диплом на защите получил низкий балл за эстетику
Если не можете сами сделать проект, то после поступления ищите верстальщиков и программистов. Давайте им дизайн в работу как можно раньше, чтобы оценить надёжность и уменьшить риски. Иначе за день до защиты выяснится, что замечания арт-директора вносить уже некому.
Моим арт-директором стал Михаил Нозик. У него меньше опыта, чем у Артёма Горбунова и Ильи Бирмана. Однако это компенсировалось желанием сделать отличный проект и готовностью помочь. Михаил не жалел времени и тратил каждый рабочий день около часа на согласование по скайпу и почте. Наставником и шефом стал Максим Ильяхов: его задача помогать студенту по любым вопросам диплома. Я советовался с Максимом об организации работы над проектом и о том, как разрешить сложные ситуации с арт-директором.
Согласование замечаний
Половина времени проекта уходит на согласование и обработку замечаний. Заранее прокачайте навык переговорщика и включите режим нудного перфекциониста: спрашивайте мнение арт-директора о каждой детали сайта. Записывайте в блокнотик, проговаривайте замечания своими словами и уточняйте, правильно ли вы поняли. От переговоров зависит весь проект: идея, дизайн и реализация. Новая иконка, блок текста или иллюстрация потребуют нескольких часов обсуждений и замечаний. Часто шеф и преподаватель рекомендуют делать совсем не то, что хочет арт-директор. Конечно, утверждает проект арт-директор, но приходится согласовывать подчас противоположные требования всех их трёх. Вы можете не пользоваться услугами преподавателя, особенно, если об этом не просит арт-директор. Например я практически не пользовался услугами Товеровского и Бирмана.
За время работы над дипломом я получил около 500 замечаний:
Согласуйте с большим запасом времени — у верстальщика сломается ноутбук, арт-директор уедет в Австралию, но защиту никто не перенесёт
Самая грубая ошибка в согласовании — не докопаться до сути замечания. Я постоянно наступал на эти грабли. Пример: арт-директор просит сделать иконку менее тяжеловесной. Радостно бегу исправлять макет, не спросив, почему это важно и что имелось ввиду. Осветляю иконку и уменьшаю толщину линий. В результате арт-директор недоволен и бракует исправление. Он имел ввиду, что иконка визуально спорит с соседним текстовым блоком. Как итог — потеряно время и нервы. Пусть это выглядит занудно и глупо, но подробно расспрашивайте арт-директора по каждому мелкому замечанию. Хотя поначалу непривычно спрашивать «Что ты имел ввиду под фразой „сделай эту кнопку чёрной, а не синей“».
Самый простой и неправильный способ — письменно согласовывать замечания по почте или мессенджеру. На первых этапах диплома такое общение гарантированно приведёт к недопониманию и ошибкам. Общение по скайпу или на встрече отнимает много времени, но помогает точно понять арт-директора и, возможно, сразу же внести простые правки в макет.
В начале ступени Максим Ильяхов предложил потренироваться в согласовании замечаний, чтобы не спасовать на встрече с арт-директором. Несмотря на опыт в переговорах — это было фиаско: я путался, задавал неправильные вопросы и забывал порядок согласования. В последний раз так было стыдно за невыученный урок в школе :)
еженедельно у меня уходило на дипломный проект третьей ступени
Московские студенты имеют преимущество перед теми, кто учится дистанционно. Можно приехать к арт-директору в Коворкафе и за час найти решение многодневной проблемы
Этапы проекта
Далее я расскажу, как прошёл все этапы третьей ступени: от выбора идеи до внедрения проекта, и покажу результаты работ по каждому из них. Также укажу на допущенные ошибки и дам рекомендации для будущих студентов.
Задача: Выбрать тему диплома и утвердить понимание задачи.
На первом этапе студент выбирает и согласовывает идею с арт-директором. Важно, чтобы тема диплома подходила проверку по трём параметрам:
- Польза. Проект должен приносить пользу людям, а арт-директору важно показать, в чём она заключается.
- Идея. Проект должен быть оригинальным и привносить нечто новое в мир. Также можно взять уже существующий сервис и улучшить его.
- Реализация. Надо успеть сдать проект за два месяца работы над дипломом. Поэтому в идеале стоит согласовать с арт-директором сайт или сервис, на котором будет минимальное количество дизайна и кода, но он будет приносить пользу людям.
Выбранная тема напрямую влияет на оценку «Идея» при защите диплома. Однако, если неясна польза от продукта, а идея слабая — это скажется на оценках за логику и презентацию, а программные ошибки и слабый функционал повлияют на оценку за техреализацию.
Таким образом, выбор идеи определяет развитие дипломного проекта и напрямую влияет на его сложность и финальные оценки. Обратите внимание, что на выбор темы даётся всего несколько дней. Если вы прошли на третью ступень, то обдумывайте тему диплома заранее.
Я предложил арт-директору 5 идей:
После того, как идея выбрана и согласована с арт-директором, на её основании надо составить задание на разработку. Задание подробно расписывает этапы реализации, технические условия и сроки. При этом арт-директор внимательно проверяет каждую формулировку в документе и обязательно расспросит о том, что, как и когда будет реализовано. Поэтому стоит подготовиться к защите своих идей и планов по проекту. После нескольких переговоров с арт-директором и десятков замечаний рождается документ, по которому в дальнейшем будет развиваться дипломный проект.
На первом этапе важно заранее продумать все детали проекта. Если пожадничать и взять на себя слишком много — рискуете обречь себя на два месяца каторжных работ и не получить допуск к защите диплома. Если взять скучную идею и сделать неинтересный проект — сложно получить оценку выше тройки.
В результате обсуждений с шефом, преподавателем и арт-директором я остановился на сервисе статистики посещений для магазинов и кафе. Не смотря на сложность в реализации — проект показался самым интересным и перспективным. Согласованное с арт-директором задание на разработку:
Задача: Составить договор для дипломного проекта.
Следующий этап после выбора идеи и создания задания на разработку — составление договора. В зависимости от темы диплома это может быть как и оферта для сайта или веб-сервиса, так и договор с физическим или юридическим лицом. Для меня это был простой этап — после двух переговоров с Владимиром Беляевым и нескольких согласований с арт-директором состоялся такой диалог:
— Беляев договор утвердил?
— Да.
— Ок, ставлю галочку в таблице, этап сдан.
Для дипломного проекта я составлял договор на аренду оборудования, которое устанавливается у клиента в заведении. Утверждённая версия:
Задача: Разработать дизайн всех элементов проекта
Именно цитата Червонной королевы приходит на ум, когда вспоминаешь про дизайн диплома: как бы усердно ты не работал и сколько макетов не показал арт-директору — заканчивать проект всё равно будешь за пару часов до защиты в Коворкафе. Не зря утром в день презентации у всех студентов не было допуска к защите именно из-за дизайна.
Несомненно, это не отдельный этап диплома, а параллельный процесс, который будет длиться до самой защиты диплома. Чтобы сэкономить силы и отлично презентовать проект — стоит максимально упрощать внешний вид диплома, не теряя его пользы. В элементах дизайна разумно делать упор на текст и простые иллюстрации. Новая иконка или картинка добавляет по несколько часов на согласование замечаний и внесение правок.
Например, иллюстрация магазина, на которую я затратил в сумме 70 часов, ухудшила внешний вид и, на мой взгляд, снизила балл за эстетику. Яркость и простота за счёт минимума элементов — оптимальное решения для дизайна. В качестве примера посмотрите на работы двух студентов: Английские идиомы (4,36 балла за эстетику) и Сервис «Скриншотер» (4,43 балла).
Утверждённый с арт-директором макет промо-страницы Клиентомера:
Для того, чтобы сэкономить время на дизайн и сдать проект вовремя, стоит правильно согласовывать замечания. Поможет также задавать арт-директору уточняющие вопросы, докапываться до истинных причин замечания и предлагать решения прямо в момент встречи.
За время работы над дипломом я сделал 28 промежуточных вариантов дизайна. Больше всего времени ушло на иллюстрацию магазина и её связь с другими элементами страницы:
Задача: Написать и утвердить текст у всех элементов проекта
Этот этап не выделен явно, так как правки текстов входили в замечания по дизайну, которые длились вплоть до защиты. Также интересно, что на этом этапе я попадал между двумя огнями — несколько раз преподаватель и арт-директор высказывали противоположные точки зрения. Это приходилось согласовывать, причём арт-директор всегда просил разрешить противоречие, а не прибегать к компромиссу.
На мой взгляд, Максим Ильяхов — самый отзывчивый из преподавателей, поэтому для экономии времени пробуйте выслать ему текст заранее. Также он даёт полезные замечания по структуре и подаче проекта в целом. Запомнилось, когда арт-директор вынужден был согласиться с критикой Максима по поводу подачи графиков на странице. На скринах выше это видно при переходе с 15 на 16 макет.
Именно Максим Ильяхов настоял на удалении буквы «т» из названия сервиса. В начале я и арт-директор были против, но спустя почти год понимаю: Максим, ты был прав :)
Задача: Создать работающий проект и утвердить его у арт-директора
Если в проекте сложный функционал, то стоит искать исполнителей заранее. Как я понял, с верстальщиками и программистами две сложности:
Во-первых, поиск исполнителя. Мало кто готов работать за бесплатно. Кроме того, вам нужен профи, который сможет выделить на разработку две-три недели. В результате и с учётом того, что дипломный план расписан по дням — стоит искать такого исполнителя уже в начале третьей ступени.
Во-вторых, специфика работы бюро подразумевает большое количество правок в макете. За две недели до защиты арт-директор просит показывать изменения уже на работающем сайте или сервисе. Поэтому готовьтесь к тому, что верстальщик будет вносить исправления в код вплоть до сдачи диплома. Если у исполнителя мало времени или он не настроен идти до победного конца — вы рискуете всем проектом.
Хотя на внедрение отводится две недели, в зависимости от сложности проекта может потребоваться больше времени: например, для скриншотера типа Scrapp или системы статистики Клиентомера. В таком случае стоит начинать разработку хотя бы за месяц до сдачи диплома.
К концу этого этапа я подготовил проект, состоящий из трёх элементов:
- Промостраница сервиса «Клиентомер».
- Установленное в магазине клиента оборудование.
- Личный кабинет со статистикой в Google Sheets.
Если хотите обойтись без исполнителей, то попробуйте сервис Readymag. Он прост в изучении и позволяет быстро создавать несложные сайты
Я использовал служебное положение руководителя и передал программирование с вёрсткой своим сотрудникам. Это сэкономило время и помогло сдать проект точно в срок. Света и Вася, спасибо за помощь!
Защита диплома
Последняя неделя третьей ступени посвящена подготовке к защите диплому. По факту студенты довёрстывают и допилвают проекты, а также согласуют последние замечания с арт-директорами. В результате обстоятельной подготовки к защите так и не получилось — последние дни я в авральном режиме правил макеты, а также ловил баги в вёрстке и работе статистики. Кстати, спасибо преподавателям и арт-директору — на последней неделе они активно помогают и оперативно отвечают на вопросы.
Неважно, какая у вас идея и сколько времени вы потратили на полировку макетов. Именно защита диплома определит, какие оценки вы получите за весь проект. Следовательно, если вы не показали дипломную работу с лучшей стороны — высокий балл не получить. И уже неважно, насколько крутым был проект внутри.
На презентации можно выступить не только в Коворкафе, но и удалённо, через Google Hangouts. Первый способ лучше — живое выступление выглядит убедительнее, а также положительно скажется на оценках. Кроме того, в Коворкафе можно пообщаться вживую с коллегами и преподавателями.
Для выступления выделяется 10 минут. За это время надо ёмко и без воды в инфостиле (кто бы сомневался :) рассказать о задаче, полезном действии проекта и его сильных сторонах. Отдельно надо показать, за счёт чего этот проект будет работоспособен. Примерно половину времени рекомендуется потратить на демонстрацию проекта. Заранее проверьте, открываются ли сайт и слайды на презентационном ноутбуке. Например, я плохо работаю в Маке и к своему стыду прокопался в нём пару минут прямо на защите. Также было обидно, когда крутой сервис Scrapp отказался работать в процессе презентации из-за ошибки соединения с базой.
Освободите последнюю неделю перед защитой от других дел. Это период круглосуточной авральной работы
На вопросы от преподавателей также выделяется 10 минут. Вопросы могут быть любые: от «зачем выбран такой шрифт?» до «почему вы решили делать этот проект?». Хотя по моему опыту, большинство из вопросов содержат критику. Поэтому стоит заранее попросить друзей и коллег покритиковать вашу работу. Будет круто, если с этим также поможет шеф.
Совет от Максима Ильяхова: если вопрос глупый или иррациональный, например «почему выбран такой оттенок зелёного цвета?», не надо оправдываться и углубляться в рассуждения, а лучше отшутиться в стиле «Это любимый цвет моей бабушки».
Монотонное чтение презентации с экрана не поможет получить высокий балл. Если у вас нет таланта оратора, то постарайтесь придумать, как развлечь аудиторию в процессе защиты диплома. Например, Лера Бунина на защите проекта «Как научить бережливому производству» предложила сыграть в игру, показывающую пользу о внедрении бережливого производства. Аркадий Чугунов, создавший сайт повара Ивана Дубкова угостил всех вегетарианскими конфетами. Я принёс оборудование и прямо на презентации показал посещаемость Коворкафе в день защиты:
Хорошее выступление — это подготовленное выступление. Даже профессиональные ораторы не выступают экспромтом. Для того, чтобы презентация прошла удачно, я разработал презентацию и подготовил текстовую версию доклада:
Обязательно отработайте ответы на вопросы о пользе продукта, его целевой аудитории и схеме работы
Текстовая версия презентации сервиса «Клиентомер» в Google Docs
По презентациям сокурсников сразу было видно, кто готовился, а кому не хватило времени на шлифовку презентации. На последней неделе я смог выкроить около шести часов на отработку выступления и двух часов на ответы на вопросы. Это очень помогло на защите: несмотря на то, что очень волновался, смог относительно связанно рассказать презентацию.
Шесть преподавателей оценивают каждый диплом по пяти дисциплинам: идея, логика, эстетика, техреализация (добавилась на втором потоке), презентация. На основании оценок двух потоков я подготовил таблицу со сравнением арт-директоров по баллам их студентов. Если вы ещё определяетесь с выбором арт-директора, возможно эта таблица в этом поможет:
| Ср. балл | Идея | Логика | Эстетика | Техреализация | Презентация | |
| Артём Горбунов | 3,87 | 4,16 | 3,84 | 3,93 | 3,25 | 3,67 |
| Михаил Нозик | 3,75 | 4,16 | 3,58 | 4,00 | 3,25 | 3,54 |
| Илья Бирман 3 студента отчислено |
3,71 | 3,69 | 3,29 | 3,99 | 3,83 | 3,47 |
Третью ступень я закончил на почти том же месте, что и первые две, в этот раз разделив
3-4 место
по окончанию третьей ступени
| 4,18 | 5,14 | 4,06 | 3,79 | 3,71 |
| Средний балл | Идея | Логика | Эстетика | Презентация |
Результаты и рейтинг
в Google Sheets студентов 3 ступени набора сентября 2014 г.
Выводы
В отличие от первых двух, третья ступень ориентирована не на новые знания, а на обучение ведению проекта по стандартам бюро. Фактически, на последней ступени студентов готовят для будущей работы в бюро или у работодателей. Это полезно для тех, кто ищет работу или не вёл свои проекты с нуля: третья ступень научит, как сдать сайт точно в срок и каких ошибок стоит избежать. Если у вас есть такой опыт или вы не ищете работу — ещё раз взвесьте все «за» и «против».
Школа даёт уникальный фундамент знаний не только по дизайну, но и по смежным с ним областям: управлению, переговорам, праву, редактуре. Студент, прошедший хотя бы две ступени, заметно выделяется на фоне других дизайнеров не только по объёму знаний, но и подходу к работе. Если вы выбрали профессию веб-дизайнера и хотите стать профессионалом, то Школа стажёров — обязательный элемент вашего развития.