Как убедится, что команда разработки понимает дизайн?
Как убедится, что команда разработки понимает дизайн?
18 июня 2016

Как дизайнерам работать с программистами и как презентовать дизайн так, чтобы его понимали.

Как презентовать дизайн разработчикам

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

Как только у вас появляется новая идея по улучшению интерфейса сайта или приложения, не спешите выкладывать всё разработчикам. Если вы вывалите всё не структорированно и без привязки к нынешней верисии, то скорее всего получите в ответ что-то из разряда "Мы не можем этого сделать!". Это не значит, что ваши идея лежать за гранью возможностей фрейморков и скриптов. Просто она может поставить под угрозу всю уже реализованную архитектуру кода, стабильность и быстроту работы, на что программисты попросту не пойдут.

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

Как не злить разработчиков?

Вот парочка правил, которые помогут вам не сниться вашим разработчикам в ночных кошмарах:

  • Не закладывайте функционал на три шага вперёд - идеи должны работать сейчас.
  • Показывайте user flow и то, что следует после нажатия каждого из элементов.
  • Работайте с реальными данными в уме и думайте о "масштабируемом дизайне". Если есть длинный текст, то что с ним делать? Как это будет выглядеть на других языках? Если в будущем будет добавлено больше пунктов в меню, что произойдет?
  • Объясните причины изменений и то, насколько это упростит жизнь пользователям.
  • Стиль руководства и активы имеют решающее значение для работы разработчиков. Вы должны предоставить все нужные элементы до начала работ по коддингу.
  • Если вы говорите на одном языке с разработчиками, будьте уверены, что будете у них в почёте. Если у вас есть хорошее знание языков программирования (HTML, CSS, Java, PHP, JavaScript, C #, Objective-C или Swift), то вы можете быть одним из них и они будут слушать вас с удовольствием.
  • Неплохо было бы сколотить рабочий кликабельный прототип, если ваши изменения уж слишком кардинальны.

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

Последнее правило помогает больше всех остальных. Если есть рабочий прототип, разработчикам невероятно легко понять как работает тот или иной элемент и они не тратят кучу времени на переписку в попытках уточнить тот или иной аспект. Рабочий прототип позволяет проверить взаимодействие, user flow, удобство использования, типографику, внешний вид и ощущения за один раз.

Есть также и несколько инструментов, которые позволяют создавать рабочие прототипы: Invision, Marvel, Pixate and Principle. На наш взгляд, лучшим из них является Principle потому что она позволяет создавать прототипы с реалистичной анимацией.

Выводы

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

Получи доступ к мастер-классам топовых спикеров и базе полезных материалов


Читайте также
Настройки, направляющие, модульная сетка - Секреты веб-дизайна 1-2Уровень сложности:
1. Начинающий
2. Любитель
Настройки, направляющие, модульная сетка - Секреты веб-дизайна

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

28.02 0
Почему я бросил работу своей мечты в веб-дизайне?
Почему я бросил работу своей мечты в веб-дизайне?

Что толкает людей на то, чтобы бросить работу в компании, на которую ушло так много времени и усилий?

26.02 0
Тренды веб-дизайна 2017 года
Тренды веб-дизайна 2017 года

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

26.02 0
Специфика работы full-stack designer
Специфика работы full-stack designer

Кто такой full-stack дизайнер и в чём заключается специфика его работы? За что full-stack дизайнер несёт ответственность в проекте.

26.02 0
Комментарии

×
Подписка на новости Skillsup

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