Почему продакт-менеджеры должны идти в ногу с дизайном: будущее фронтенд-разработки

Некоторое время назад я получил электронное письмо об открытии вакансии. В описании вакансии была указана вакансия Front-End Developer . Одно из перечисленных ожидаемых качеств/наборов навыков, которое привлекло мое внимание, заключалось в том, что идеальным кандидатом должен быть человек с дизайнерским чутьем (БЕЗ ОБОРОТА) .

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

Странно, не так ли? Но да, я считаю совершенно нормальным иметь такие ожидания, поскольку процесс проектирования и разработки программного продукта уже не тот, что был несколько лет назад.

Что такое фронтенд-разработка?

Вы когда-нибудь задумывались, что меняет ориентацию веб-сайтов, когда вы просматриваете их на мобильном устройстве, по сравнению с просмотром на настольном компьютере? Как все, что отображается на экранах устройств, например кнопки, изображения, текстовые поля и т. д., волшебным образом работает вместе? Ну, это не волшебство (но достаточно близко), это интерактивность , которую Front-End разработчики добавляют к этим элементам, которые связывают все на этой веб-странице, чтобы предоставить вам как пользователю уникальный опыт.

Веб-дизайнеры создают статические дизайны. Они сосредотачиваются на внешнем виде приложения или веб-сайта, пытаясь улучшить визуальные аспекты продукта. Front-end разработчики несут основную ответственность за воплощение этих статических дизайнов в жизнь, а также за то, чтобы они хорошо работали на всех размерах экрана и т. д. Front-end разработчики используют HTML, CSS, Javascript для создания и добавления интерактивности в веб-компоненты, а также они многоразовые.

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

Почему мы должны заботиться о дизайне продукта?

Когда вы видите iPhone , вы не можете не заметить мельчайшие детали, благодаря которым он стал всемирным феноменом. Нас, людей, естественным образом привлекают красивые объекты, и мы ценим усилия, прилагаемые к тому, чтобы сделать вещи красивыми и простыми . Как говорится в статье, простыми и минималистичными вещами легко пользоваться и учиться. Я не мог не согласиться.

Тот же принцип применим и к области дизайна продукта. Вот почему мы привязаны к приложениям, которые просты и удобны в использовании. Берите пример из повседневной жизни: Google, WhatsApp, Instagram, другие приложения для работы с фотографиями и т. д. Эти приложения помогают выполнять задачи за минимальное количество шагов и быстрое время отклика.

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

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

Что в нем для продакт-менеджеров?

Менеджеры по продукту (PM) несут ответственность за общий рост продукта. Из моего собственного опыта работы в индустрии B2B: иногда продакт-менеджеры больше внимания уделяют добавлению функциональности к продукту, что может сделать продукт сложным в использовании. Иногда просто сделать что-то простым — это самое сложное.

Всегда существует риск изменить поведение клиентов, но если это изменение к лучшему, то не следует медлить с этим изменением.

Переход в индустрию B2C — обеспечение отличного пользовательского опыта (UX) — это ключ к выживанию, потому что в отличие от клиентов B2B, которые связаны лицензиями на программное обеспечение, клиенты B2C могут переключиться на конкурирующую платформу в мгновение ока. Применение принципов продуктового дизайна помогает продакт-менеджерам быстро перерабатывать идеи и удалять варианты, которые в конце концов не сработают.

Важность дизайн-мышления

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

Дизайн-мышление помогает сделать правильные предположения; особенно тех, кто занимается разработкой продукта (дизайнеры, разработчики, продакт-менеджеры). Возможно, вы предполагаете, что клиент купит ваш продукт из-за «одной интересной функции», которую вы планируете представить, но на самом деле ваш клиент может просто искать более простой способ загрузки некоторых данных.

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

Пришло время для подписки De(v)!

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

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

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

Выбор инструментов

С развитием облачных сервисов стало легко настроить базовую инфраструктуру для разработки веб-продуктов. От контроля версий (git), адаптивного веб-дизайна (Angular, Backbone, SASS, SCSS) до совместной разработки (Marvel, Invision, WebFlow).

Языковые навыки, такие как HTML, CSS, Javascript, которые были в основном ограничены разработчиками, теперь являются обязательными для понимания и владения дизайнерами. Эти навыки обеспечивают основу для всех фреймворков на рынке.
Учитывая, что в настоящее время доступно так много вариантов инструментов, важно сосредоточиться на фактических требованиях и не увязнуть в огромном изобилии инструментов. Именно здесь наличие способности к дизайн-мышлению может иметь значение — вместо того, чтобы создавать просто еще один клон продукта, вы можете создать действительно отличный продукт.

Будущие тенденции

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

• Чат-боты и искусственный интеллект. Все началось с Siri, затем Google Now, затем Cortono, Alexa, думаю, вы поняли. Программы становятся умнее, и разговор переходит с текста на голос (естественный язык). Наличие помощника с искусственным интеллектом, контролирующего ваш рабочий график и другие части дня, станет новой нормой. Даже с текстом чат-боты становятся все более и более отзывчивыми. Изучение пользовательских данных может помочь разработчикам персонализировать приложения для пользователей.

• Смешанная и виртуальная реальность. Такие устройства, как Google Glass, HoloLens, Oculus Rift, проложили путь для разработки на основе смешанной реальности. Принципы дизайна взаимодействия для этих платформ полностью отличаются от принципов для мобильных устройств. Дополненная реальность/Виртуальная реальность — это следующие области роста, в которых будет много инноваций.

• Подход, основанный на данных — учет объема и типов данных, генерируемых из всего. Ваш фитнес-трекер для контроля температуры критических электрических подсистем, возрастает потребность в легком понимании данных. Анализ и визуализация данных помогают принять решение на основе этих огромных объемов данных.

Изучайте онлайн- курсы по управлению продуктами в лучших университетах мира. Заработайте программы Masters, Executive PGP или Advanced Certificate Programs, чтобы ускорить свою карьеру.

Избранная программа для вас: программа сертификации дизайнерского мышления от Duke CE