Учитесь, делая, и это правда.

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

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

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

Вероятно, вы бы сказали,

«Хммм, ладно, может быть, прототипирование — это не весело?»

Что ж, эти требования могут показаться немного пугающими, но расслабьтесь! По сравнению с тем, сколько вы можете извлечь из этого пользы, это того стоит!

Вы, как разработчик:

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

Звучит потрясающе, правда?

1. Получите выгоду от выбора технологических стеков вашего прототипа

Итак, почему важно выбирать, что использовать?

Например, если вы создаете сильно интерактивный интерфейсный компонент, вместо того, чтобы использовать существующие технологии, которые использует ваша компания (в моем случае: jQuery, mustache, CoffeeScript. Довольно старо, правда ?), вы можете попробовать построить его совершенно по-другому.

  • Вместо того, чтобы использовать старый CoffeeScript, почему бы не использовать ES6?
  • К черту jQuery, я собираюсь изучать React.
  • Могу ли я попробовать Эльм?
  • CSS4 новый. Позвольте мне построить что-нибудь с ним!
  • …и больше!

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

Я имею в виду, насколько это круто?

2. тесно сотрудничать с PM и UX-инженерами

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

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

3. предложить новые изменения

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

Как мы все знаем, люди склонны быть консервативными, когда имеют дело с существующим работоспособным, но плохо поддерживаемым кодом.

Каждый раз, когда вы предлагаете что-то новое, люди могут просто сказать: «Код работает очень хорошо, так зачем мне переписывать весь код с помощью этой новой технологии? Почему бы просто не изменить старый код? В чем преимущество?»

Что ж, это может быть правдой и может быть хорошо в краткосрочной перспективе, но вы считаете, что если мы не будем относиться к проблеме серьезно, мы вскоре отступим.

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

Если вы действительно хотите что-то изменить, используйте свой прототип и убедите свою команду и начальника!

Представьте свои идеи и работы команде, и я уверен, что команда вдохновит вас.

Помните, действия и доказательства говорят громче слов!

Одним словом, прототипирование дает вам возможность расширить свои знания и опыт в качестве инженера, а также помочь вам стать лучшим командным игроком, менеджером и даже сильным инновационным потенциалом вашей команды!

Проверьте мой предыдущий пост React.js здесь: